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

Lili Records Version 1.0

Browse Source
This commit is contained in:
Flatlogic Bot 2026-01-29 21:36:08 +00:00
parent 4c0b53f5a0
commit bb3cf89ba7
3 changed files with 94 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
core/templates/base.html
View File

@ -45,11 +45,21 @@
</main> </main>
<footer class="py-4 border-top border-secondary mt-5"> <footer class="py-4 border-top border-secondary mt-5">
<div class="container text-center text-secondary"> <div class="container text-center">
<p>&copy; 2026 Lili Record's. Spin your vibes.</p> <div class="mb-3">
<a href="https://wa.me/5359177041" target="_blank" class="text-decoration-none text-white fs-5 mx-2 whatsapp-footer">
<i class="fab fa-whatsapp me-2" style="color: #25D366;"></i>+53 59177041
</a>
</div>
<p class="text-secondary small mb-0">&copy; 2026 Lili Record's. Spin your vibes.</p>
</div> </div>
</footer> </footer>
<!-- Floating WhatsApp Button -->
<a href="https://wa.me/5359177041" class="whatsapp-float shadow-lg" target="_blank">
<i class="fab fa-whatsapp my-float"></i>
</a>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
{% block scripts %}{% endblock %} {% block scripts %}{% endblock %}
</body> </body>

40
static/css/custom.css
View File

@ -144,6 +144,39 @@ body {
animation: spin 3.5s linear infinite; animation: spin 3.5s linear infinite;
} }
/* WhatsApp Floating Button */
.whatsapp-float {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
right: 40px;
background-color: #25d366;
color: #fff;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 0 0 20px rgba(37, 211, 102, 0.5);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: all 0.3s ease;
}
.whatsapp-float:hover {
transform: scale(1.1);
background-color: #128c7e;
box-shadow: 0 0 30px rgba(37, 211, 102, 0.8);
color: #fff;
}
.whatsapp-footer:hover {
filter: brightness(1.2);
text-shadow: 0 0 10px rgba(37, 211, 102, 0.5);
}
/* Responsive adjustments */ /* Responsive adjustments */
@media (max-width: 992px) { @media (max-width: 992px) {
.player-container { .player-container {
@ -180,4 +213,11 @@ body {
.tonearm { .tonearm {
height: 140px; height: 140px;
} }
.whatsapp-float {
width: 50px;
height: 50px;
bottom: 20px;
right: 20px;
font-size: 25px;
}
} }

40
staticfiles/css/custom.css
View File

@ -144,6 +144,39 @@ body {
animation: spin 3.5s linear infinite; animation: spin 3.5s linear infinite;
} }
/* WhatsApp Floating Button */
.whatsapp-float {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
right: 40px;
background-color: #25d366;
color: #fff;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 0 0 20px rgba(37, 211, 102, 0.5);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: all 0.3s ease;
}
.whatsapp-float:hover {
transform: scale(1.1);
background-color: #128c7e;
box-shadow: 0 0 30px rgba(37, 211, 102, 0.8);
color: #fff;
}
.whatsapp-footer:hover {
filter: brightness(1.2);
text-shadow: 0 0 10px rgba(37, 211, 102, 0.5);
}
/* Responsive adjustments */ /* Responsive adjustments */
@media (max-width: 992px) { @media (max-width: 992px) {
.player-container { .player-container {
@ -180,4 +213,11 @@ body {
.tonearm { .tonearm {
height: 140px; height: 140px;
} }
.whatsapp-float {
width: 50px;
height: 50px;
bottom: 20px;
right: 20px;
font-size: 25px;
}
} }