Auto commit: 2026-01-31T02:45:42.230Z
This commit is contained in:
Flatlogic Bot
parent
a31006be4e
commit
94673b8907
84
index.php
84
index.php
@ -96,25 +96,25 @@ try {
|
|||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 1300px;
|
max-width: 1500px;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
gap: 2.5rem;
|
gap: 2rem;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 992px) {
|
@media (max-width: 1200px) {
|
||||||
.left-column {
|
|
||||||
position: static;
|
|
||||||
flex: none;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 450px;
|
|
||||||
}
|
|
||||||
.main-wrapper {
|
.main-wrapper {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
gap: 1.5rem;
|
gap: 1.5rem;
|
||||||
}
|
}
|
||||||
|
.left-column, .admin-column {
|
||||||
|
position: static;
|
||||||
|
flex: none;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 450px;
|
||||||
|
}
|
||||||
body {
|
body {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
@ -130,6 +130,15 @@ try {
|
|||||||
gap: 1.5rem;
|
gap: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.admin-column {
|
||||||
|
position: sticky;
|
||||||
|
top: 2rem;
|
||||||
|
flex: 0 0 320px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.player-container {
|
.player-container {
|
||||||
background: var(--glass-bg);
|
background: var(--glass-bg);
|
||||||
backdrop-filter: blur(15px);
|
backdrop-filter: blur(15px);
|
||||||
@ -496,7 +505,7 @@ try {
|
|||||||
<div class="bg-image"></div>
|
<div class="bg-image"></div>
|
||||||
|
|
||||||
<div class="main-wrapper">
|
<div class="main-wrapper">
|
||||||
<!-- Left: Player & Admin Stats -->
|
<!-- Left: Player -->
|
||||||
<div class="left-column">
|
<div class="left-column">
|
||||||
<aside class="player-container">
|
<aside class="player-container">
|
||||||
<div class="live-badge">En Vivo</div>
|
<div class="live-badge">En Vivo</div>
|
||||||
@ -527,34 +536,9 @@ try {
|
|||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<?php if ($isAdmin): ?>
|
|
||||||
<div class="admin-stats-box">
|
|
||||||
<h6 class="small mb-3 d-flex align-items-center font-weight-bold">
|
|
||||||
<i class="fas fa-globe-americas me-2 text-primary"></i>
|
|
||||||
MAPA DE VISITANTES
|
|
||||||
</h6>
|
|
||||||
<div class="d-flex justify-content-center mb-4" style="background: rgba(255,255,255,0.03); border-radius: 20px; height: 280px; overflow: hidden;">
|
|
||||||
<iframe src="https://whos.amung.us/mapsview/lili-records/" width="100%" height="280" frameborder="0" scrolling="no" style="border-radius: 20px;"></iframe>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h6 class="small mb-3 d-flex align-items-center font-weight-bold">
|
|
||||||
<i class="fas fa-users me-2 text-primary"></i>
|
|
||||||
OYENTES ONLINE
|
|
||||||
</h6>
|
|
||||||
<div class="d-flex justify-content-center py-3" style="background: rgba(255,255,255,0.03); border-radius: 20px;">
|
|
||||||
<script id="_wauq0z">var _wau = _wau || []; _wau.push(["classic", "lili-records", "q0z"]);</script><script src="//whos.amung.us/classic.js"></script>
|
|
||||||
</div>
|
|
||||||
<div class="mt-3 text-center">
|
|
||||||
<p class="x-small opacity-50 mb-0" style="font-size: 0.65rem;">
|
|
||||||
Estadísticas en tiempo real para administradores.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Right: Image + Comments -->
|
<!-- Center: Image + Comments -->
|
||||||
<div class="right-content">
|
<div class="right-content">
|
||||||
<img src="<?= $promoImage ?>" alt="Lili Records Promo" class="promo-image">
|
<img src="<?= $promoImage ?>" alt="Lili Records Promo" class="promo-image">
|
||||||
|
|
||||||
@ -641,6 +625,34 @@ try {
|
|||||||
<p class="small text-white opacity-40 mb-0">© 2026 Lili Record´s Radio. All rights reserved.</p>
|
<p class="small text-white opacity-40 mb-0">© 2026 Lili Record´s Radio. All rights reserved.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: Admin Stats -->
|
||||||
|
<?php if ($isAdmin): ?>
|
||||||
|
<div class="admin-column">
|
||||||
|
<div class="admin-stats-box">
|
||||||
|
<h6 class="small mb-3 d-flex align-items-center font-weight-bold">
|
||||||
|
<i class="fas fa-globe-americas me-2 text-primary"></i>
|
||||||
|
MAPA DE VISITANTES
|
||||||
|
</h6>
|
||||||
|
<div class="d-flex justify-content-center mb-4" style="background: rgba(255,255,255,0.03); border-radius: 20px; height: 280px; overflow: hidden;">
|
||||||
|
<iframe src="https://whos.amung.us/mapsview/lili-records/" width="100%" height="280" frameborder="0" scrolling="no" style="border-radius: 20px;"></iframe>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h6 class="small mb-3 d-flex align-items-center font-weight-bold">
|
||||||
|
<i class="fas fa-users me-2 text-primary"></i>
|
||||||
|
OYENTES ONLINE
|
||||||
|
</h6>
|
||||||
|
<div class="d-flex justify-content-center py-3" style="background: rgba(255,255,255,0.03); border-radius: 20px;">
|
||||||
|
<script id="_wauq0z">var _wau = _wau || []; _wau.push(["classic", "lili-records", "q0z"]);</script><script src="//whos.amung.us/classic.js"></script>
|
||||||
|
</div>
|
||||||
|
<div class="mt-3 text-center">
|
||||||
|
<p class="x-small opacity-50 mb-0" style="font-size: 0.65rem;">
|
||||||
|
Estadísticas en tiempo real para administradores.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Modal Política de Privacidad -->
|
<!-- Modal Política de Privacidad -->
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user