Restruct code

2025-10-11 01:52:39 +03:00
parent 659c342b63
commit af69be0f8c
4 changed files with 49 additions and 45 deletions
@@ -61,6 +61,7 @@ def inject_translations():

 if app.debug:
    console("sass static/style/main.scss static/style/main.css")
+    console("sass static/style/risdeveau.scss static/style/risdeveau.css")

@app.route("/")
 def index():
@@ -76,4 +77,4 @@ def us():

@app.route("/risdeveau")
 def risdeveau():
-    return render_template('personal/risdeveau/index.html')
+    return render_template('personal/risdeveau.html')
@@ -170,6 +170,19 @@ footer {
  }
 }

+.badges {
+  .block {
+    flex: 1;
+    text-wrap-mode: nowrap;
+    text-align: -webkit-center;
+
+    &:hover {
+      flex: 1.5;
+      transform: none;
+    }
+  }
+}
+
 .icon {
  width: 1.5em;
  vertical-align: middle;
@@ -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;
+  }
+}
+
@@ -4,6 +4,7 @@
  <title>Sweet Bread</title>

  <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" />
  <script
    src="https://track.codrs.ru/api/script.js"
@@ -11,50 +12,6 @@
    defer
  ></script>
  <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>
 <body>
  <header>