add: backend gaming

src/data/templates/projects.html

@@ -1,9 +1,30 @@
 {% extends "base.html" %}
+
 {% block content %}
-<h1>Mes Projets</h1>
-<ul>
-    <li>Projet 1 – Devenir un tigre</li>
-    <li>Projet 2 – Un script d’automatisation pour acheter des monsters</li>
-    <li>Projet 3 – Trouver un job</li>
-</ul>
+<div class="container my-5">
+    <h1 class="mb-4 text-center">My Projects</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">
+                    <!-- 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;">
+                    </div>
+
+                    <!-- Project Text -->
+                    <div class="project-text">
+                        <h4>{{ project.title }}</h4>
+                        <p>{{ project.description }}</p>
+                    </div>
+                </div>
+            </a>
+        </div>
+    </div>
+    {% endfor %}
+</div>
 {% endblock %}
+