diff options
Diffstat (limited to 'clams-server/src/main/resources')
| -rw-r--r-- | clams-server/src/main/resources/public/css/common.css | 4 | ||||
| -rw-r--r-- | clams-server/src/main/resources/templates/projects.html | 42 |
2 files changed, 15 insertions, 31 deletions
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> |