Auto commit: 2026-01-31T13:31:53.087Z
This commit is contained in:
Flatlogic Bot
parent
997b7d4c83
commit
c29f118be6
96
index.php
96
index.php
@ -96,20 +96,19 @@ try {
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
max-width: 1600px;
|
||||
max-width: 1200px;
|
||||
padding: 2rem;
|
||||
gap: 2rem;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 1300px) {
|
||||
@media (max-width: 992px) {
|
||||
.main-wrapper {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 1rem;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
.left-column, .admin-column {
|
||||
.left-column {
|
||||
position: static;
|
||||
flex: none;
|
||||
width: 100%;
|
||||
@ -130,15 +129,6 @@ try {
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.admin-column {
|
||||
position: sticky;
|
||||
top: 2rem;
|
||||
flex: 0 0 320px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.player-container {
|
||||
background: var(--glass-bg);
|
||||
backdrop-filter: blur(20px);
|
||||
@ -306,29 +296,21 @@ try {
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
border: 1px solid var(--glass-border);
|
||||
border-radius: 30px;
|
||||
padding: 2rem;
|
||||
border-radius: 25px;
|
||||
padding: 1.5rem;
|
||||
text-align: center;
|
||||
box-shadow: 0 25px 50px rgba(0,0,0,0.8);
|
||||
box-shadow: 0 15px 30px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.stat-widget-container {
|
||||
background: rgba(255,255,255,0.04);
|
||||
border-radius: 20px;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
border-radius: 15px;
|
||||
padding: 0.8rem;
|
||||
border: 1px solid rgba(255,255,255,0.05);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 150px;
|
||||
}
|
||||
|
||||
.stat-widget-container img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.whatsapp-btn {
|
||||
@ -388,13 +370,6 @@ try {
|
||||
letter-spacing: 2px;
|
||||
box-shadow: 0 5px 15px rgba(255, 45, 85, 0.5);
|
||||
}
|
||||
|
||||
.troubleshoot-note {
|
||||
font-size: 0.75rem;
|
||||
opacity: 0.6;
|
||||
margin-top: 1rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -432,9 +407,24 @@ try {
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</aside>
|
||||
|
||||
<?php if ($isAdmin): ?>
|
||||
<div class="admin-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
|
||||
</h6>
|
||||
<div class="stat-widget-container">
|
||||
<a href="https://whos.amung.us/stats/lili-records/" target="_blank">
|
||||
<img src="https://whos.amung.us/widget/lili-records.png" alt="Contador de usuarios" border="0">
|
||||
</a>
|
||||
</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>
|
||||
|
||||
<!-- Center: Image + Comments -->
|
||||
<!-- Right: Image + Comments -->
|
||||
<div class="right-content">
|
||||
<img src="<?= $promoImage ?>" alt="Lili Records Promo" class="promo-image">
|
||||
|
||||
@ -524,44 +514,6 @@ try {
|
||||
<p class="small text-white opacity-30 mb-0">© 2026 Lili Record´s Radio. Música que conecta.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right: Admin Stats -->
|
||||
<?php if ($isAdmin): ?>
|
||||
<div class="admin-column">
|
||||
<div class="admin-stats-box">
|
||||
<h6 class="small mb-3 fw-bold text-uppercase letter-spacing-1">
|
||||
<i class="fas fa-map-marked-alt me-2 text-primary"></i>
|
||||
Ubicación de Oyentes
|
||||
</h6>
|
||||
<div class="stat-widget-container">
|
||||
<!-- Usando Widget de Imagen para máxima compatibilidad con bloqueadores -->
|
||||
<a href="https://whos.amung.us/stats/lili-records/" target="_blank">
|
||||
<img src="https://whos.amung.us/mapwidget/lili-records.png" alt="Mapa de Visitantes" width="260" height="130" border="0">
|
||||
</a>
|
||||
<p class="small troubleshoot-note">Mapa generado en tiempo real. Haz clic para ver detalles.</p>
|
||||
</div>
|
||||
|
||||
<h6 class="small mb-3 fw-bold text-uppercase letter-spacing-1">
|
||||
<i class="fas fa-users me-2 text-primary"></i>
|
||||
Conexiones en Vivo
|
||||
</h6>
|
||||
<div class="stat-widget-container" style="min-height: 100px;">
|
||||
<a href="https://whos.amung.us/stats/lili-records/" target="_blank">
|
||||
<img src="https://whos.amung.us/widget/lili-records.png" alt="Contador" border="0">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 pt-3 border-top border-white border-opacity-10">
|
||||
<a href="https://whos.amung.us/stats/lili-records/" target="_blank" class="btn btn-primary btn-sm w-100 rounded-pill py-2">
|
||||
<i class="fas fa-external-link-alt me-2"></i> Abrir Estadísticas
|
||||
</a>
|
||||
<p class="troubleshoot-note text-center">
|
||||
Si no visualizas el mapa, asegúrate de que tu navegador no esté bloqueando contenido de <b>whos.amung.us</b>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<!-- Modal Política de Privacidad -->
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user