Flaskified everything

Pipfile

@@ -0,0 +1,13 @@
+[[source]]
+url = "https://pypi.org/simple"
+verify_ssl = true
+name = "pypi"
+
+[packages]
+flask = "*"
+
+[dev-packages]
+
+[requires]
+python_version = "3.11"
+python_full_version = "3.11.4"

README.md

@@ -1,7 +1,7 @@
 # AndreaTerenz.github.io
 
 <p align="center">
-  <img src="icons/favicon2.svg" width=80 alt="site favicon"/>
+  <img src="static/icons/favicon2.svg" width=80 alt="site favicon"/>
 </p>
 
 Welcome to my personal portfolio website.

app.py

@@ -0,0 +1,13 @@
+import flask
+from flask import Flask
+
+app = Flask(__name__)
+
+
+@app.route('/')
+def hello_world():  # put application's code here
+    return flask.render_template("index.html")
+
+
+if __name__ == '__main__':
+    app.run()

index.html → templates/index.html

@@ -6,7 +6,7 @@
     <meta content="black" media="(prefers-color-scheme: dark)" name="theme-color">
     <meta content="width=device-width, initial-scale=1" name="viewport">
 
-    <link href="icons/favicon2.svg" rel="icon" type="image/svg">
+    <link href="../static/icons/favicon2.svg" rel="icon" type="image/svg">
 
     <!--Bootstrap-->
     <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
@@ -24,14 +24,14 @@
     <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
 
     <!--Local styles-->
-    <link href="styles/style.less" rel="stylesheet/less" type="text/css"/>
-    <link href="styles/bootstrap-social.css" rel="stylesheet">
+    <link href="{{ url_for('static', filename='styles/style.less') }}" rel="stylesheet/less" type="text/css"/>
+    <link href="{{ url_for('static', filename='styles/bootstrap-social.css') }}" rel="stylesheet">
 
     <!--Misc js-->
     <script crossorigin="anonymous" src="https://kit.fontawesome.com/f6e9918e00.js"></script>
-    <script src="scripts/main.js"></script>
-    <script src="scripts/repo-cards-better.js"></script>
-    <script src="scripts/contact-button.js"></script>
+    <script src="../static/scripts/main.js"></script>
+    <script src="../static/scripts/repo-cards-better.js"></script>
+    <script src="../static/scripts/contact-button.js"></script>
 
     <!--Less interpreter-->
     <script src="https://cdn.jsdelivr.net/npm/less@4"></script>
@@ -42,7 +42,7 @@
 <nav class="autohide-nav navbar navbar-expand-md navbar-dark bg-dark fixed-top border-bottom border-2 border-white shadow">
     <div class="container-fluid">
         <a class="navbar-brand me-2 ms-1" href="index.html">
-            <img class="py-auto" height="30" src="icons/favicon2.svg" width="30">
+            <img class="py-auto" height="30" src="../static/icons/favicon2.svg" width="30">
         </a>
         <button aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation"
                 class="navbar-toggler"
@@ -117,7 +117,7 @@ <h1 class="typewriter header" id="nameHeader">Andrea Terenziani</h1>
         <h2 class="row m-auto pb-3 paragraph_title">About me</h2>
         <div class="row m-auto">
             <div class="col-12 col-lg-4 mx-auto my-4 px-0 align-content-center">
-                <img alt="my face" class="row m-auto img-fluid shadow-lg" src="images/photo.png">
+                <img alt="my face" class="row m-auto img-fluid shadow-lg" src="../static/images/photo.png">
             </div>
             <div class="col-12 col-lg-8 ps-lg-5 m-auto">
                 <div class="figure-caption text-center">Pronouns: He/Him</div>