Autosave: 20260201-194838
This commit is contained in:
Flatlogic Bot
parent
16a82414c9
commit
6078acc5c5
127
index.php
127
index.php
@ -26,6 +26,13 @@ $promoImage = "assets/pasted-20260130-234122-115a4b49.png";
|
||||
$qrImage = "assets/pasted-20260131-000858-4fff58f0.jpg";
|
||||
$logoImage = "assets/pasted-20260131-002028-7985dfae.png";
|
||||
|
||||
// Social Share URLs
|
||||
$currentUrl = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
|
||||
$shareText = urlencode("Escuchando Lili Records Radio! 🎙️ La mejor música en vivo. #LiliRecords #RadioEnVivo #Musica2026");
|
||||
$fbShare = "https://www.facebook.com/sharer/sharer.php?u=" . urlencode($currentUrl);
|
||||
$xShare = "https://twitter.com/intent/tweet?text=$shareText&url=" . urlencode($currentUrl);
|
||||
$waShare = "https://api.whatsapp.com/send?text=$shareText%20" . urlencode($currentUrl);
|
||||
|
||||
// Fetch latest requests
|
||||
$requests = [];
|
||||
try {
|
||||
@ -296,7 +303,7 @@ try {
|
||||
transform: scale(1.15);
|
||||
}
|
||||
|
||||
.admin-stats-box {
|
||||
.stats-box {
|
||||
background: var(--glass-bg);
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
@ -406,6 +413,58 @@ try {
|
||||
.qr-container:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.social-share-row {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.share-btn {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
font-size: 0.9rem;
|
||||
transition: all 0.3s ease;
|
||||
text-decoration: none;
|
||||
border: 1px solid rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
.share-btn:hover {
|
||||
transform: translateY(-3px) scale(1.1);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-fb { background: #3b5998; }
|
||||
.btn-x { background: #000; }
|
||||
.btn-wa-share { background: #25d366; }
|
||||
|
||||
.schedule-item {
|
||||
background: rgba(255,255,255,0.03);
|
||||
border: 1px solid var(--glass-border);
|
||||
border-radius: 20px;
|
||||
padding: 1.2rem;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.schedule-item:hover {
|
||||
background: rgba(255,255,255,0.06);
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.artists-card {
|
||||
background: linear-gradient(135deg, rgba(255,45,85,0.15) 0%, rgba(0,0,0,0.6) 100%);
|
||||
border: 1px solid rgba(255,45,85,0.3);
|
||||
border-radius: 35px;
|
||||
padding: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -436,18 +495,31 @@ try {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="social-share-row">
|
||||
<a href="<?= $fbShare ?>" target="_blank" class="share-btn btn-fb" title="Compartir en Facebook">
|
||||
<i class="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
<a href="<?= $xShare ?>" target="_blank" class="share-btn btn-x" title="Compartir en X">
|
||||
<i class="fab fa-x-twitter"></i>
|
||||
</a>
|
||||
<a href="<?= $waShare ?>" target="_blank" class="share-btn btn-wa-share" title="Compartir en WhatsApp">
|
||||
<i class="fab fa-whatsapp"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<canvas id="visualizer"></canvas>
|
||||
|
||||
<div class="mt-4 pt-3 border-top border-white border-opacity-10 position-relative" style="z-index: 2;">
|
||||
<?php if ($isAdmin): ?>
|
||||
<div class="mt-2 small text-primary fw-bold"><i class="fas fa-user-shield me-1"></i> PANEL ADMINISTRADOR</div>
|
||||
<a href="?logout=1" class="btn btn-sm btn-outline-danger px-4 rounded-pill mt-2 w-100">Cerrar Sesión</a>
|
||||
<?php else: ?>
|
||||
<p class="small opacity-40 mb-0">¡Sintoniza la mejor vibra!</p>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<?php if ($isAdmin): ?>
|
||||
<div class="admin-stats-box">
|
||||
<div class="stats-box">
|
||||
<h6 class="small mb-3 fw-bold text-uppercase letter-spacing-1">
|
||||
<i class="fas fa-users me-2 text-primary"></i>
|
||||
Oyentes Online
|
||||
@ -459,7 +531,6 @@ try {
|
||||
</div>
|
||||
<p class="small opacity-50 mt-3 mb-0" style="font-size: 0.7rem;">Estadísticas en tiempo real</p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<!-- Right: Image + Content -->
|
||||
@ -470,8 +541,8 @@ try {
|
||||
<div class="comments-window">
|
||||
<div class="comments-header border-0 mb-3">
|
||||
<div>
|
||||
<h5 class="mb-1"><i class="fas fa-paper-plane me-2 text-primary"></i><?= $isAdmin ? 'Mensajes de Oyentes' : '¡Envía tu mensaje!' ?></h5>
|
||||
<p class="small opacity-60 mb-0"><?= $isAdmin ? 'Peticiones en tiempo real' : 'Pide una canción o envía un saludo al aire.' ?></p>
|
||||
<h5 class="mb-1"><i class="fas fa-paper-plane me-2 text-primary"></i><?= $isAdmin ? 'Mensajes de Oyentes' : '¡Envía tu dedicatoria!' ?></h5>
|
||||
<p class="small opacity-60 mb-0"><?= $isAdmin ? 'Peticiones en tiempo real' : 'Pide una canción, envía un saludo o una dedicatoria.' ?></p>
|
||||
</div>
|
||||
<div class="text-center qr-container" style="width: 90px;" data-bs-toggle="modal" data-bs-target="#qrModal">
|
||||
<img src="<?= $qrImage ?>" alt="QR Pago" class="w-100 rounded-3 mb-1">
|
||||
@ -509,11 +580,11 @@ try {
|
||||
<input type="text" name="name" class="form-control glass-input" placeholder="Tu nombre" required style="background: #fff; border: none; color: #000; border-radius: 18px; padding: 0.9rem 1.4rem; font-weight: 500; width: 100%;">
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<input type="text" name="phone" class="form-control glass-input" placeholder="Tu WhatsApp" style="background: #fff; border: none; color: #000; border-radius: 18px; padding: 0.9rem 1.4rem; font-weight: 500; width: 100%;">
|
||||
<input type="text" name="phone" class="form-control glass-input" placeholder="Tu WhatsApp (opcional)" style="background: #fff; border: none; color: #000; border-radius: 18px; padding: 0.9rem 1.4rem; font-weight: 500; width: 100%;">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<textarea name="message" class="form-control glass-input" rows="1" placeholder="Mensaje o canción..." required style="background: #fff; border: none; color: #000; border-radius: 18px; padding: 0.9rem 1.4rem; font-weight: 500;"></textarea>
|
||||
<textarea name="message" class="form-control glass-input" rows="1" placeholder="Escribe tu dedicatoria aquí..." required style="background: #fff; border: none; color: #000; border-radius: 18px; padding: 0.9rem 1.4rem; font-weight: 500;"></textarea>
|
||||
<button type="submit" class="btn btn-send-request text-white px-4">
|
||||
<i class="fas fa-paper-plane"></i>
|
||||
</button>
|
||||
@ -523,6 +594,43 @@ try {
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Weekly Schedule -->
|
||||
<div class="schedule-section">
|
||||
<h4 class="mb-4 fw-bold"><i class="far fa-calendar-alt me-2 text-primary"></i>PROGRAMACIÓN SEMANAL</h4>
|
||||
<div class="row g-3">
|
||||
<div class="col-md-4">
|
||||
<div class="schedule-item h-100">
|
||||
<h6 class="text-primary fw-bold mb-2">Lunes a Viernes</h6>
|
||||
<p class="small mb-1 opacity-70">08:00 - 10:00<br>Mañana Musical</p>
|
||||
<p class="small mb-0 opacity-70">14:00 - 16:00<br>Tarde de Éxitos</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="schedule-item h-100">
|
||||
<h6 class="text-primary fw-bold mb-2">Sábados</h6>
|
||||
<p class="small mb-0 opacity-70">18:00 - 22:00<br>Party Mix Live 🎧</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="schedule-item h-100">
|
||||
<h6 class="text-primary fw-bold mb-2">Domingos</h6>
|
||||
<p class="small mb-0 opacity-70">10:00 - 14:00<br>Top 40 Lili Records</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Local Artists -->
|
||||
<div class="artists-card mt-2">
|
||||
<h3 class="fw-bold mb-3">🤝 COLABORA CON NOSOTROS</h3>
|
||||
<p class="opacity-70 mb-4 mx-auto" style="max-width: 500px;">¿Eres artista local y quieres que tu música suene en Lili Records Radio? Queremos apoyarte.</p>
|
||||
<div class="d-flex flex-wrap justify-content-center gap-3">
|
||||
<a href="<?= $whatsappLink ?>?text=Hola,%20soy%20artista%20y%20quiero%20colaborar%20con%20Lili%20Records" target="_blank" class="btn btn-primary rounded-pill px-4 py-2 fw-bold border-0">
|
||||
<i class="fas fa-music me-2"></i>ENVIAR MI MÚSICA
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 text-center pb-5">
|
||||
<p class="small text-white opacity-30 mb-0">© 2026 Lili Record´s Radio. Música que conecta.</p>
|
||||
@ -571,7 +679,8 @@ try {
|
||||
<i class="fab fa-youtube"></i>
|
||||
</a>
|
||||
|
||||
<a href="track_click.php?type=whatsapp_open&redirect=<?= urlencode($whatsappLink) ?>" class="whatsapp-btn" title="WhatsApp">
|
||||
<!-- WhatsApp Float for Dedications -->
|
||||
<a href="track_click.php?type=whatsapp_dedication&redirect=<?= urlencode($whatsappLink . "?text=Hola! Quiero enviar una dedicatoria:") ?>" class="whatsapp-btn" title="Envía tu dedicatoria por WhatsApp">
|
||||
<i class="fab fa-whatsapp"></i>
|
||||
</a>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user