add: button

src/data/app.py

@@ -13,7 +13,8 @@ def home():
 @app.route("/projects")
 def projects():
     return render_template("projects.html", title="Projets", projects=projects_list)
-
+@app.route("writeups")
+    return render_template("writeups.html", title="Writeups")
 @app.route("/contact")
 def contact():
     return render_template("contact.html", title="Contact")

src/data/projects.py

@@ -20,4 +20,12 @@ projects_list = [
         "link": "https://github.com/C18H24O2/override",
         "align": "start"
     },
+    {
+        "title": "HackTheBox",
+        "description": "Site de pratique à la cybersécurité sous formes de \"box\" à pirater, avec exploitation réelles de failles existantes",
+        "image": "htb.png",
+        "link": "https://app.hackthebox.com/users/2374252",
+        "Button": ["Walkthroughs", "https://vavaas.dev/writeups"],
+        "align": "end"
+    }
 ]

src/data/templates/projects.html

@@ -2,17 +2,21 @@
 
 {% block content %}
 <div class="container my-5">
-    <h1 class="mb-4 text-center">My Projects</h1>
+    <h1 class="mb-4 text-center">Mes projets:</h1>
 
     {% for project in projects %}
     <div class="row mb-4 justify-content-center">
         <div class="col-md-10">
+
             <a href="{{ project.link }}" class="text-decoration-none">
-                <div class="p-4 rounded-4 text-light shadow hover-scale transparent-box d-flex flex-column flex-md-row align-items-center">
+                <div class="p-4 rounded-4 text-light shadow hover-scale transparent-box d-flex flex-column flex-md-row align-items-center position-relative">
+
                     <!-- Project Image -->
                     <div class="project-img-wrapper text-center mb-3 mb-md-0 me-md-4">
                         <img src="{{ url_for('static', filename='img/' ~ project.image) }}"
-                             alt="{{ project.title }}" class="img-fluid rounded shadow project-img" style="max-width: 200px;">
+                            alt="{{ project.title }}"
+                            class="img-fluid rounded shadow project-img"
+                            style="max-width: 200px;">
                     </div>
 
                     <!-- Project Text -->
@@ -20,8 +24,17 @@
                         <h4>{{ project.title }}</h4>
                         <p>{{ project.description }}</p>
                     </div>
+
+                    <!-- Button in bottom-right -->
+                    { % if project.button % }
+                        <button class="btn btn-primary project-btn"
+                            onclick="window.location='{{ project.button[1] }}'">
+                            {{ project.button[0] }}
+                        </button>
+                    { % endif % }
                 </div>
             </a>
+
         </div>
     </div>
     {% endfor %}

src/data/templates/writeups.html

@@ -0,0 +1,5 @@
+{% extends "base.html" %}
+{% block content %}
+<h1>Writeups</h1>
+<p>wow</a></p>
+{% endblock %}