From 7373d3cc1589ac0f2165f2644343cc0cea3f671f Mon Sep 17 00:00:00 2001
From: Elias Haugsbakk <elias.haugsbakk@gmail.com>
Date: Wed, 22 Jul 2026 22:39:56 +0200
Subject: implement api to upload and modify the projects page

---
 .../src/main/resources/public/css/common.css       |  4 +--
 .../src/main/resources/templates/projects.html     | 42 +++++++---------------
 2 files changed, 15 insertions(+), 31 deletions(-)

(limited to 'clams-server/src/main/resources')

diff --git a/clams-server/src/main/resources/public/css/common.css b/clams-server/src/main/resources/public/css/common.css
index dc81927..91f14b1 100644
--- a/clams-server/src/main/resources/public/css/common.css
+++ b/clams-server/src/main/resources/public/css/common.css
@@ -107,13 +107,13 @@ a:hover {
     font-size: 0.8rem;
     text-decoration: none;
     display: inline-block;
-    transition: background-color 0.2s ease, color 0.2s ease;
+    transition: color ,background-color 0.2s ease, color 0.2s ease;
 }
 
 .pill-button:hover,
 .pill-button:focus-visible {
     background: var(--surface-hover-color);
-    color: var(--text-color);
+    color: var(--accent-color);
 }
 
 .pill-button:focus-visible {
diff --git a/clams-server/src/main/resources/templates/projects.html b/clams-server/src/main/resources/templates/projects.html
index 8d476cd..6e31def 100644
--- a/clams-server/src/main/resources/templates/projects.html
+++ b/clams-server/src/main/resources/templates/projects.html
@@ -9,41 +9,25 @@
 
     <section class="projects-category">
         <ul class="project-list">
+            {% for project in projects %}
             <li class="project-item">
                 <div class="project-meta">
-                    <h3>Project One Name</h3>
-                    <p>Short project description / introduction.</p>
+                    <h3>{{ project.name }}</h3>
+                    <p>{{ project.description }}</p>
                 </div>
                 <div class="project-actions">
-                    <a href="#" class="pill-button">Read More</a>
-                    <a href="#" class="pill-button">Self-Hosted Git</a>
-                    <a href="#" class="pill-button">GitHub</a>
-                </div>
-            </li>
-
-            <li class="project-item">
-                <div class="project-meta">
-                    <h3>Project Two Name</h3>
-                    <p>Short project description / introduction.</p>
-                </div>
-                <div class="project-actions">
-                    <a href="#" class="pill-button">Read More</a>
-                    <a href="#" class="pill-button">Self-Hosted Git</a>
-                    <a href="#" class="pill-button">GitHub</a>
-                </div>
-            </li>
-
-            <li class="project-item">
-                <div class="project-meta">
-                    <h3>Other Project One</h3>
-                    <p>A short one-line description.</p>
-                </div>
-                <div class="project-actions">
-                    <a href="#" class="pill-button">Read More</a>
-                    <a href="#" class="pill-button">Self-Hosted Git</a>
-                    <a href="#" class="pill-button">GitHub</a>
+                    {% if project.readMoreUrl %}
+                    <a href="{{ project.readMoreUrl }}" class="pill-button">Read More</a>
+                    {% endif %}
+                    {% if project.gitUrl %}
+                    <a href="{{ project.gitUrl }}" class="pill-button">Self-Hosted Git</a>
+                    {% endif %}
+                    {% if project.gitHubUrl %}
+                    <a href="{{ project.gitHubUrl }}" class="pill-button">GitHub</a>
+                    {% endif %}
                 </div>
             </li>
+            {% endfor %}
         </ul>
     </section>
 </main>
-- 
cgit v1.2.3