diff options
| author | Elias Haugsbakk <[email protected]> | 2026-07-22 00:48:08 +0200 |
|---|---|---|
| committer | Elias Haugsbakk <[email protected]> | 2026-07-22 01:49:58 +0200 |
| commit | 8d86458282efae6c3fc26ab8fb4bd61d1a4e01e3 (patch) | |
| tree | 1efd9709886179b8469a5031d75dba9c35e37588 /clams-server/src/main/resources/templates | |
| parent | 8a4935f7ba29cc39781c0d3169e81d6af3bd5761 (diff) | |
refine articles and article search styling
Diffstat (limited to 'clams-server/src/main/resources/templates')
3 files changed, 21 insertions, 13 deletions
diff --git a/clams-server/src/main/resources/templates/articles-search.html b/clams-server/src/main/resources/templates/articles-search.html index dd435e5..54eb609 100644 --- a/clams-server/src/main/resources/templates/articles-search.html +++ b/clams-server/src/main/resources/templates/articles-search.html @@ -9,7 +9,7 @@ <form action="/articles" method="GET" class="search-form"> <input type="text" name="search" value="{{ search_term }}" placeholder="Search articles..." aria-label="Search articles"> - <button type="submit">Search</button> + <button type="submit" class="pill-button">Search</button> </form> </header> @@ -27,9 +27,10 @@ <ul class="search-results-list"> {% for article in results %} <li class="search-result-item"> - <span class="search-result-date">{{ article.formattedDate }}</span> + <span class="article-date">{{ article.formattedDate }}</span> <a href="/articles/{{ article.slug }}">{{ article.title }}</a> {% if article.summary is not empty %} + <br> <span class="search-result-summary">-- {{ article.summary }}</span> {% endif %} </li> diff --git a/clams-server/src/main/resources/templates/articles.html b/clams-server/src/main/resources/templates/articles.html index 905ed52..5feddae 100644 --- a/clams-server/src/main/resources/templates/articles.html +++ b/clams-server/src/main/resources/templates/articles.html @@ -10,7 +10,7 @@ <form action="/articles" method="GET" class="search-form"> <input type="text" name="search" value="{{ search_value }}" placeholder="Search articles..." aria-label="Search articles"> - <button type="submit">Search</button> + <button type="submit" class="pill-button">Search</button> </form> </header> @@ -21,7 +21,14 @@ <summary class="year-toggle">{{ group.key }}</summary> <ul class="article-list"> {% for article in group.value %} - <li><a href="/articles/{{ article.slug }}">{{ article.title }}</a></li> + <li class="article-list-item"> + <span class="article-date">{{ article.formattedDate }}</span> + <a href="/articles/{{ article.slug }}">{{ article.title }}</a> + {% if article.summary is not empty %} + <br> + <span class="search-result-summary">-- {{ article.summary }}</span> + {% endif %} + </li> {% endfor %} </ul> </details> diff --git a/clams-server/src/main/resources/templates/projects.html b/clams-server/src/main/resources/templates/projects.html index 7a1f440..8d476cd 100644 --- a/clams-server/src/main/resources/templates/projects.html +++ b/clams-server/src/main/resources/templates/projects.html @@ -15,9 +15,9 @@ <p>Short project description / introduction.</p> </div> <div class="project-actions"> - <a href="#">Read More</a> - <a href="#">Self-Hosted Git</a> - <a href="#">GitHub</a> + <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> @@ -27,9 +27,9 @@ <p>Short project description / introduction.</p> </div> <div class="project-actions"> - <a href="#">Read More</a> - <a href="#">Self-Hosted Git</a> - <a href="#">GitHub</a> + <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> @@ -39,9 +39,9 @@ <p>A short one-line description.</p> </div> <div class="project-actions"> - <a href="#">Read More</a> - <a href="#">Self-Hosted Git</a> - <a href="#">GitHub</a> + <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> </ul> |