hide vscode folder

.gitignore

@@ -4,3 +4,7 @@ lib64
 pyvenv.cfg
 
 __pycache__/
+
+.vscode/
+
+src/public/fonts/

requirements.txt

@@ -1 +1,2 @@
 Flask==2.2.2
+requests==2.28.1

src/app.py

@@ -1,18 +1,15 @@
-from routes.index import router as index
 from flask import Flask, redirect
 
+from font import init as init_font
+from routes.index import router as index
+
 
 app = Flask(__name__, static_url_path="/", static_folder="public")
 app.register_blueprint(index, url_prefix="/index")
 
+init_font("1.3.0")
+
 
 @app.route("/")
 def root():
     return redirect("index")
-
-
-class AttributeDict(dict):
-    def __getattr__(self, name):
-        if name in self:
-            return self[name]
-        raise AttributeError(name)

src/font.py

@@ -0,0 +1,37 @@
+from os import mkdir
+
+from requests import get
+
+
+def exist(path):
+    """Check if file or directory exists"""
+    try:
+        open(path, "r")
+    except FileNotFoundError:
+        return False  # Doesn't exist
+    except IsADirectoryError:
+        return True  # Directory exists
+    else:
+        return True  # File exists
+
+
+def init(version):
+    """ Download font """
+    path = "./src/public/fonts"
+    filename = "RiluRegular.ttf"
+    # If there is filename changes, you should change
+    # the name in the css file too (./src/public/styles/style.css)
+
+    # Check if fonts directory exists
+    if not exist(path):
+        mkdir(path)
+
+    # Download the font file if needed
+    if not exist(f"{path}/{filename}"):
+        # Download the font file
+        file_url = f"https://github.com/alisinisterra/rilu/releases/download/v{version}/{filename}"
+        data = get(file_url).content
+
+        # Save the file
+        with open(f"{path}/{filename}", "wb") as file:
+            file.write(data)

src/public/styles/style.css

@@ -1,3 +1,48 @@
+@font-face {
+    font-family: Rilu;
+    font-style: normal;
+    font-weight: normal;
+    src: url(../fonts/RiluRegular.ttf);
+}
+
+/* https://www.colorhexa.com/c2b280 */
+@media (prefers-color-scheme: light) {
+    :root {
+        --bg-color: rgb(245, 242, 234);
+        --text-color: rgb(6, 5, 3);
+        --selection: rgb(232, 226, 208);
+        --link-color: rgb(13, 71, 161);
+        --link-color-hover: rgb(181, 162, 101);
+        --grey: rgb(207, 216, 220);
+        --shadow: rgba(0, 0, 0, 0.5);
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --bg-color: rgb(19, 16, 9);
+        --text-color: rgb(251, 250, 247);
+        --selection: rgb(226, 218, 194);
+        --link-color: rgb(100, 181, 246);
+        --link-color-hover: rgb(175, 154, 88);
+        --grey: rgb(55, 71, 79);
+        --shadow: rgba(125, 109, 60, 0.288);
+    }
+}
+
+::selection {
+    color: rgb(0, 0, 0);
+    background: var(--selection);
+}
+
+html {
+    background-color: var(--bg-color);
+    color: var(--text-color);
+    font-family: Rilu;
+    font-size: 17px;
+    scroll-behavior: smooth;
+}
+
 .text-center {
     text-align: center;
 }
@@ -5,3 +50,17 @@
 header > .text-title {
     font-size: 2.5rem;
 }
+
+main {
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 2%;
+    padding: 0.9% 0.9% 0.9% 0.9%;
+    width: 42%;
+    border-radius: 6px;
+    border: 1px solid rgb(170, 170, 170);
+    text-align: center;
+
+    border-radius: 8px;
+    box-shadow: 0 4px 30px 0 var(--shadow), 0 4px 30px 0 var(--shadow);
+}

src/templates/index.html

@@ -4,7 +4,7 @@
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>{{ name }} - Index</title>
+        <title>{{ name }}</title>
 
         <link rel="stylesheet" href="../styles/style.css" />
     </head>
@@ -18,8 +18,6 @@
             <p>placeholder-main</p>
         </main>
 
-        <footer>
+        <footer>NPNO</footer>
-            <p>placeholder-footer</p>
-        </footer>
     </body>
 </html>