wew

src/data/templates/projects.html

@@ -7,9 +7,8 @@
         {% 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 position-relative">
+                <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"
+                    onclick="window.location='{{ project.link }}'" style="cursor: pointer;">
 
                     <!-- Project Image -->
                     <div class="project-img-wrapper text-center mb-3 mb-md-0 me-md-4">
@@ -20,23 +19,20 @@
                     </div>
 
                     <!-- Project Text -->
-                    <div class="project-text">
+                    <div class="project-text flex-grow-1">
                         <h4>{{ project.title }}</h4>
                         <p>{{ project.description }}</p>
                     </div>
 
-                    <!-- Button in bottom-right -->
                     {% if project.button %}
-                    <button class="btn btn-secondary project-btn"
-                            onclick="event.stopPropagation(); window.location='{{ project.button[1] }}'">
+                    <a href="{{ project.button[1] }}" class="btn btn-secondary project-btn">
                         {{ project.button[0] }}
-                    </button>
-                    {% endif %}
-                </div>
                     </a>
+                    {% endif %}
 
                 </div>
             </div>
+        </div>
         {% endfor %}
 </div>
 {% endblock %}