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

Auto commit: 2026-02-15T16:00:00.007Z

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-15 16:00:00 +00:00
parent 34adf380be
commit 9ea177c300
1 changed files with 33 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
index.php
View File

@ -386,32 +386,47 @@ $whatsapp_number = '+5359177041';
text-transform: uppercase; text-transform: uppercase;
} }
/* Floating WhatsApp Button */ /* Floating Social Buttons */
.whatsapp-float { .social-float-container {
position: fixed; position: fixed;
bottom: 2rem; bottom: 2rem;
right: 2rem; right: 2rem;
display: flex;
flex-direction: column;
gap: 1rem;
z-index: 100;
}
.social-float {
width: 60px; width: 60px;
height: 60px; height: 60px;
background-color: var(--accent-color);
color: #FFF; color: #FFF;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
font-size: 30px; font-size: 28px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
z-index: 100;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
text-decoration: none; text-decoration: none;
transition: transform 0.3s; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
} }
.whatsapp-float:hover { .social-float:hover {
transform: scale(1.1); transform: scale(1.1) rotate(8deg);
color: #fff; color: #fff;
} }
.social-float.whatsapp {
background-color: var(--accent-color);
box-shadow: 0 0 20px rgba(0, 230, 118, 0.5);
}
.social-float.youtube {
background-color: #ff0000;
box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);
}
@keyframes pulse { @keyframes pulse {
0% { transform: scale(1); opacity: 1; } 0% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.1); opacity: 0.7; } 50% { transform: scale(1.1); opacity: 0.7; }
@ -506,10 +521,15 @@ $whatsapp_number = '+5359177041';
</section> </section>
</div> </div>
<!-- WhatsApp Button --> <!-- Floating Social Links -->
<a href="<?= $whatsapp_link ?>" class="whatsapp-float" target="_blank"> <div class="social-float-container">
<i class="bi bi-whatsapp"></i> <a href="https://www.youtube.com/@lilirecords" class="social-float youtube" target="_blank" title="YouTube">
</a> <i class="bi bi-youtube"></i>
</a>
<a href="<?= $whatsapp_link ?>" class="social-float whatsapp" target="_blank" title="WhatsApp">
<i class="bi bi-whatsapp"></i>
</a>
</div>
<audio id="radio-audio" src="https://listen.radioking.com/radio/828046/stream/897251" preload="none" crossorigin="anonymous"></audio> <audio id="radio-audio" src="https://listen.radioking.com/radio/828046/stream/897251" preload="none" crossorigin="anonymous"></audio>