fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! fixup! restyle

app.py

@@ -2,7 +2,7 @@ from os import system as console
 from flask import Flask, render_template
 
 app = Flask(__name__)
-console("sass static/scss/main.scss static/style/main.css")
+console("sass static/style/main.scss static/style/main.css")
 
 @app.route("/")
 def index():

static/scss/main.scss

@@ -1,158 +0,0 @@
-@use "sass:color";
-
-// Palette: Catppuccin Mocha
-// https://catppuccin.com/palette/
-$base: #1e1e2e;
-$text: #cdd6f4;
-
-$mantle: #181825;
-$crust: #11111b;
-
-$overlay0: #6c7086;
-$overlay1: #7f849c;
-$overlay2: #9399b2;
-
-$surface0: #313244;
-$surface1: #45475a;
-$surface2: #585b70;
-
-$subtext0: #a6adc8;
-$subtext1: #bac2de;
-
-$red: #f38ba8;
-$green: #a6e3a1;
-$peach: #fab387;
-$blue: #89b4fa;
-
-
-body {
-  display: flex;
-  flex-direction: column;
-  background-color: $base;
-  font-family: Pixeloid;
-  color: $text;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-}
-
-main {
-  max-width: 45rem;
-  margin-inline: auto;
-  padding: 0 8px;
-  flex: 1 0 auto;
-}
-
-h1 {
-  text-align: center;
-}
-
-a {
-  color: unset;
-  text-decoration: underline;
-  text-decoration-color: $blue;
-  text-underline-offset: 1px;
-  transition: text-underline-offset 0.3s ease;
-
-  &:hover {
-    text-underline-offset: 3px;
-  }
-
-  &:active {
-    display: inline-block;
-    transform: scale(.98);
-  }
-
-  &.block {
-    text-decoration: none;
-  }
-}
-
-header {
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  background-color: $mantle;
-  padding: 8px;
-  font-size: larger;
-}
-
-footer {
-  display: flex;
-  justify-content: space-between;
-  background-color: $crust;
-  margin-top: 32px;
-  padding: 16px;
-}
-
-.mono {
-  font-family: Monocraft, monospace;
-  background-color: $mantle;
-  border-radius: 2px;
-  padding: 0 4px;
-  color: $subtext0;
-  overflow-wrap: anywhere;
-
-  &:hover {
-    transition: .3s ease;
-    background-color: $crust;
-  }
-}
-
-.services-block {
-  display: flex;
-  flex-direction: column;
-  width: fit-content;
-}
-
-.block {
-  display: block;
-  background-color: $surface0;
-  border-radius: 8px;
-  padding: 8px;
-
-  & + & {
-    margin-top: 8px;
-  }
-
-  &.red {
-    background-color: color.mix($surface0, $red, 60%);
-  }
-  &.orange {
-    background-color: color.mix($surface0, $peach, 60%);
-  }
-  &.green {
-    background-color: color.mix($surface0, $green, 60%);
-  }
-
-  & .header {
-    display: flex;
-    align-items: center;
-    font-size: x-large;
-
-    .icon {
-      margin-right: 8px;
-      width: 48px;
-      border-radius: 8px;
-    }
-  }
-}
-
-@font-face {
-  font-family: Monocraft;
-  src: url("/static/font/Monocraft.ttc");
-}
-
-@font-face {
-  font-family: Pixeloid;
-  src:
-    url("/static/font/Pixeloid/woff/Sans.woff2") format("woff2"),
-    url("/static/font/Pixeloid/otf/Sans.otf") format("opentype");
-}
-@font-face {
-  font-family: Pixeloid;
-  src:
-    url("/static/font/Pixeloid/woff/Sans-Bold.woff2") format("woff2"),
-    url("/static/font/Pixeloid/otf/Sans-Bold.otf") format("opentype");
-  font-weight: bold;
-}

templates/base.tmpl

@@ -3,7 +3,7 @@
   <title>Coders Squad</title>
 
   <link rel="stylesheet" href="/static/style/main.css">
-  <script src="/static/sript/copy-mono.js"> </script>
+  <script src="/static/script/copy-mono.js"> </script>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 </head>
 <body>