Sweetbread/lair.moe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Activity

Restruct code

Browse Source
This commit is contained in:
Sweetbread
2025-10-11 01:52:39 +03:00
parent 659c342b63
commit af69be0f8c
4 changed files with 49 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app.py
+2 -1
View File
@@ -61,6 +61,7 @@ def inject_translations():
if app.debug: if app.debug:
console("sass static/style/main.scss static/style/main.css") console("sass static/style/main.scss static/style/main.css")
console("sass static/style/risdeveau.scss static/style/risdeveau.css")
@app.route("/") @app.route("/")
def index(): def index():
@@ -76,4 +77,4 @@ def us():
@app.route("/risdeveau") @app.route("/risdeveau")
def risdeveau(): def risdeveau():
return render_template('personal/risdeveau/index.html') return render_template('personal/risdeveau.html')
static/style/main.scss
+13
View File
@@ -170,6 +170,19 @@ footer {
} }
} }
.badges {
.block {
flex: 1;
text-wrap-mode: nowrap;
text-align: -webkit-center;
&:hover {
flex: 1.5;
transform: none;
}
}
}
.icon { .icon {
width: 1.5em; width: 1.5em;
vertical-align: middle; vertical-align: middle;
static/style/risdeveau.scss
+33
View File
@@ -0,0 +1,33 @@
h3 {
margin-block-end: 0;
}
.qr {
img { width: 100% }
p { text-align: center; }
&.blocks {
flex-wrap: nowrap;
overflow-x: auto;
width: calc(100vw - 1rem);
max-width: 45rem;
scroll: {
behavior: smooth;
snap-type: x mandatory;
}
&::-webkit-scrollbar { display: none; }
&:hover .block.qr:not(:hover) {
filter: blur(5px);
transition: all 0.3s ease;
}
}
&.block {
flex: 0 0 calc(100vw - 2rem);
scroll-snap-align: start;
max-width: 13.666rem;
}
}
templates/personal/risdeveau/index.html → templates/personal/risdeveau.html
+1 -44
View File
@@ -4,6 +4,7 @@
<title>Sweet Bread</title> <title>Sweet Bread</title>
<link rel="stylesheet" href="/static/style/main.css"> <link rel="stylesheet" href="/static/style/main.css">
<link rel="stylesheet" href="/static/style/risdeveau.css">
<link rel="icon" type="image/webp" href="/static/icon/us/risdeveau.webp" /> <link rel="icon" type="image/webp" href="/static/icon/us/risdeveau.webp" />
<script <script
src="https://track.codrs.ru/api/script.js" src="https://track.codrs.ru/api/script.js"
@@ -11,50 +12,6 @@
defer defer
></script> ></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
h3 {
margin-block-end: 0;
}
.qr img {
width: 100%;
}
.qr p {
text-align: center;
}
.blocks.qr {
flex-wrap: nowrap;
overflow-x: auto;
width: calc(100vw - 1rem);
max-width: 45rem;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
}
.blocks.qr::-webkit-scrollbar { display: none; }
.block.qr {
flex: 0 0 calc(100vw - 2rem);
scroll-snap-align: start;
max-width: 13.666rem;
}
.badges .block {
flex: 1;
text-wrap-mode: nowrap;
text-align: -webkit-center;
}
.badges .block:hover {
flex: 1.5;
transform: none;
}
.blocks.qr:hover .block.qr:not(:hover) {
filter: blur(5px);
transition: all 0.3s ease;
}
</style>
</head> </head>
<body> <body>
<header> <header>