WOW

src/data/projects.py

@@ -23,7 +23,7 @@ projects_list = [
     {
         "title": "HackTheBox",
         "description": "Site de pratique à la cybersécurité sous formes de \"box\" à pirater, avec exploitation réelles de failles existantes",
-        "image": "htb.png",
+        "image": "htb.jpg",
         "link": "https://app.hackthebox.com/users/2374252",
         "button": ["Walkthroughs", "https://vavaas.dev/writeups"],
         "align": "end"

src/data/static/css/style.css

@@ -89,6 +89,16 @@ footer img {
 .transparent-box {
     background-color: rgba(33, 37, 41, 0.85); /* Bootstrap dark with 85% opacity */
 }
+.transparent-box {
+    position: relative;
+}
+
+.project-btn {
+    position: absolute;
+    bottom: 15px;
+    right: 15px;
+    z-index: 20;
+}
 /* ======================================
    Links
 ====================================== */

src/data/templates/projects.html

@@ -27,10 +27,10 @@
 
                     <!-- Button in bottom-right -->
                     {% if project.button %}
-                        <button class="btn btn-primary project-btn"
+                    <button class="btn btn-secondary project-btn"
-                            onclick="window.location='{{ project.button[1] }}'">
+                            onclick="event.stopPropagation(); window.location='{{ project.button[1] }}'">
-                            {{ project.button[0] }}
+                        {{ project.button[0] }}
-                        </button>
+                    </button>
                     {% endif %}
                 </div>
             </a>