admin/38428-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto commit: 2026-02-17T17:06:38.764Z

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-17 17:06:38 +00:00
parent 0fea856846
commit e4e4eb56af
1 changed files with 71 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
index.php
View File

@ -262,6 +262,39 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
display: block;
margin-top: 0.2rem;
will-change: color, transform, text-shadow;
cursor: pointer;
position: relative;
}
.track-title:hover {
color: var(--primary-color);
}
.copy-toast {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
background: var(--accent-color);
color: white;
padding: 12px 24px;
border-radius: 50px;
font-weight: 800;
font-size: 0.9rem;
z-index: 10000;
box-shadow: 0 10px 30px rgba(0, 200, 83, 0.4);
animation: toast-in-out 2s forwards;
display: flex;
align-items: center;
gap: 10px;
pointer-events: none;
}
@keyframes toast-in-out {
0% { opacity: 0; transform: translate(-50%, 20px); }
15% { opacity: 1; transform: translate(-50%, 0); }
85% { opacity: 1; transform: translate(-50%, 0); }
100% { opacity: 0; transform: translate(-50%, -20px); }
}
.track-label {
@ -981,7 +1014,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
</div>
<div class="track-info">
<span class="track-label">ESTÁS ESCUCHANDO:</span>
<div id="track-title" class="track-title">Cargando stream...</div>
<div id="track-title" class="track-title" onclick="copyTrackTitle()" title="Toca para copiar">Cargando stream...</div>
<div id="track-artist" class="track-artist" style="font-size: 0.95rem; font-weight: 600; opacity: 0.8; color: var(--primary-color); text-transform: uppercase; letter-spacing: 1px; margin-top: 2px;">Lili Records Radio</div>
<div id="track-album" style="font-size: 0.8rem; opacity: 0.6; color: #fff; margin-top: 2px; display: none; font-style: italic;"></div>
<div class="track-status" style="margin-top: 5px; display: flex; align-items: center; gap: 5px; font-size: 0.75rem;">
@ -1004,6 +1037,9 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
<a id="twitter-share-track" href="#" target="_blank" style="font-size: 0.65rem; background: rgba(29, 161, 242, 0.1); border: 1px solid rgba(29, 161, 242, 0.3); color: #1DA1F2; text-decoration: none; display: none; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 20px; font-weight: 700; transition: all 0.3s;" onmouseover="this.style.background='rgba(29, 161, 242, 0.2)';" onmouseout="this.style.background='rgba(29, 161, 242, 0.1)';">
<i class="bi bi-twitter-x"></i> POSTEAR
</a>
<a id="instagram-share-track" href="https://www.instagram.com/" target="_blank" style="font-size: 0.65rem; background: rgba(225, 48, 108, 0.1); border: 1px solid rgba(225, 48, 108, 0.3); color: #E1306C; text-decoration: none; display: none; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 20px; font-weight: 700; transition: all 0.3s;" onmouseover="this.style.background='rgba(225, 48, 108, 0.2)';" onmouseout="this.style.background='rgba(225, 48, 108, 0.1)';">
<i class="bi bi-instagram"></i> INSTAGRAM
</a>
</div>
</div>
<button id="like-song-btn" onclick="likeSong()" style="background: none; border: none; color: #ff4444; font-size: 1.8rem; cursor: pointer; transition: transform 0.2s; display: flex; align-items: center; gap: 5px;">
@ -1443,6 +1479,22 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
audio.volume = val;
}
function copyTrackTitle() {
const title = document.getElementById('track-title').innerText.replace(/\s{2,}/g, ' ').trim();
const artist = document.getElementById('track-artist').innerText.trim();
const textToCopy = `${artist} - ${title}`;
navigator.clipboard.writeText(textToCopy).then(() => {
const toast = document.createElement('div');
toast.className = 'copy-toast';
toast.innerHTML = `<i class="bi bi-check-circle-fill"></i> ¡Copiado al portapapeles!`;
document.body.appendChild(toast);
setTimeout(() => toast.remove(), 2000);
}).catch(err => {
console.error('Error copying text: ', err);
});
}
function savePhone(phone) {
const phoneInput = document.getElementById('user-phone');
const phoneRegex = /^\+?[0-9]{7,15}$/;
@ -2061,6 +2113,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
const whatsappShareBtn = document.getElementById('whatsapp-share-track');
const facebookShareBtn = document.getElementById('facebook-share-track');
const twitterShareBtn = document.getElementById('twitter-share-track');
const instagramShareBtn = document.getElementById('instagram-share-track');
const shareText = `¡Estoy escuchando "${title}" de ${artist} en Lili Records Radio! 🎶📻`;
const shareUrl = window.location.href;
@ -2077,6 +2130,23 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
twitterShareBtn.href = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(shareUrl)}`;
twitterShareBtn.style.display = 'flex';
}
if (instagramShareBtn) {
instagramShareBtn.style.display = 'flex';
instagramShareBtn.onclick = (e) => {
e.preventDefault();
navigator.clipboard.writeText(shareText + " " + shareUrl).then(() => {
const toast = document.createElement('div');
toast.className = 'copy-toast';
toast.style.background = 'linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)';
toast.innerHTML = `<i class="bi bi-instagram"></i> ¡Texto copiado! Pégalo en Instagram`;
document.body.appendChild(toast);
setTimeout(() => {
toast.remove();
window.open('https://www.instagram.com/', '_blank');
}, 1500);
});
};
}
trackTitle.style.opacity = '1';
if (trackArtist) trackArtist.style.opacity = '0.8';