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

Lili Records v1.1

Browse Source
This commit is contained in:
Flatlogic Bot 2026-01-29 21:48:42 +00:00
parent 6effb120da
commit 832958c654
3 changed files with 187 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
core/templates/base.html
View File

@ -18,6 +18,15 @@
{% block head %}{% endblock %}
</head>
<body class="bg-dark text-white" style="font-family: 'Poppins', sans-serif;">
<!-- Background Spinning Vinyl -->
<div class="bg-vinyl-wrapper">
<div class="bg-vinyl">
<div class="bg-vinyl-label">
<img src="/assets/pasted-20260129-210745-654c6eb5.jpg" alt="Logo">
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent border-bottom border-secondary">
<div class="container">
<a class="navbar-brand d-flex align-items-center" href="/" style="font-family: 'Righteous', cursive; font-size: 1.8rem; color: #FF007F;">

89
static/css/custom.css
View File

@ -15,6 +15,79 @@ body {
radial-gradient(at 100% 100%, rgba(0, 242, 255, 0.15) 0px, transparent 50%);
min-height: 100vh;
color: #eee;
overflow-x: hidden;
}
/* Background Vinyl Decoration */
.bg-vinyl-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.12;
}
.bg-vinyl {
width: 1200px;
height: 1200px;
background: radial-gradient(circle, #222 0%, #111 20%, #050505 100%);
border-radius: 50%;
position: relative;
background-image: repeating-radial-gradient(
circle,
rgba(255,255,255,0.03) 0,
rgba(255,255,255,0.03) 2px,
transparent 2px,
transparent 6px
);
animation: spin 30s linear infinite;
box-shadow: 0 0 100px rgba(0,0,0,1);
}
.bg-vinyl::after {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
border-radius: 50%;
background: conic-gradient(
from 0deg,
transparent 0deg,
rgba(255,255,255,0.02) 45deg,
transparent 90deg,
rgba(255,255,255,0.02) 135deg,
transparent 180deg,
rgba(255,255,255,0.02) 225deg,
transparent 270deg,
rgba(255,255,255,0.02) 315deg,
transparent 360deg
);
}
.bg-vinyl-label {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
height: 400px;
background: #fff;
border-radius: 50%;
overflow: hidden;
border: 15px solid #111;
}
.bg-vinyl-label img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.9;
}
.btn-primary {
@ -248,6 +321,14 @@ body {
height: 160px;
right: 30px;
}
.bg-vinyl {
width: 800px;
height: 800px;
}
.bg-vinyl-label {
width: 250px;
height: 250px;
}
}
@media (max-width: 576px) {
@ -273,4 +354,12 @@ body {
right: 20px;
font-size: 25px;
}
.bg-vinyl {
width: 600px;
height: 600px;
}
.bg-vinyl-label {
width: 180px;
height: 180px;
}
}

89
staticfiles/css/custom.css
View File

@ -15,6 +15,79 @@ body {
radial-gradient(at 100% 100%, rgba(0, 242, 255, 0.15) 0px, transparent 50%);
min-height: 100vh;
color: #eee;
overflow-x: hidden;
}
/* Background Vinyl Decoration */
.bg-vinyl-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.12;
}
.bg-vinyl {
width: 1200px;
height: 1200px;
background: radial-gradient(circle, #222 0%, #111 20%, #050505 100%);
border-radius: 50%;
position: relative;
background-image: repeating-radial-gradient(
circle,
rgba(255,255,255,0.03) 0,
rgba(255,255,255,0.03) 2px,
transparent 2px,
transparent 6px
);
animation: spin 30s linear infinite;
box-shadow: 0 0 100px rgba(0,0,0,1);
}
.bg-vinyl::after {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
border-radius: 50%;
background: conic-gradient(
from 0deg,
transparent 0deg,
rgba(255,255,255,0.02) 45deg,
transparent 90deg,
rgba(255,255,255,0.02) 135deg,
transparent 180deg,
rgba(255,255,255,0.02) 225deg,
transparent 270deg,
rgba(255,255,255,0.02) 315deg,
transparent 360deg
);
}
.bg-vinyl-label {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
height: 400px;
background: #fff;
border-radius: 50%;
overflow: hidden;
border: 15px solid #111;
}
.bg-vinyl-label img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.9;
}
.btn-primary {
@ -248,6 +321,14 @@ body {
height: 160px;
right: 30px;
}
.bg-vinyl {
width: 800px;
height: 800px;
}
.bg-vinyl-label {
width: 250px;
height: 250px;
}
}
@media (max-width: 576px) {
@ -273,4 +354,12 @@ body {
right: 20px;
font-size: 25px;
}
.bg-vinyl {
width: 600px;
height: 600px;
}
.bg-vinyl-label {
width: 180px;
height: 180px;
}
}