swap blog and post for article

1 files changed, 31 insertions, 0 deletions

diff --git a/clams-server/src/main/resources/templates/articles.html b/clams-server/src/main/resources/templates/articles.html
new file mode 100644
index 0000000..905ed52
--- /dev/null
+++ b/clams-server/src/main/resources/templates/articles.html
@@ -0,0 +1,31 @@
+{% extends "templates/layout.html" %}
+
+{% block content %}
+<main class="main-container">
+    <a href="/" class="back-link-top">&larr; back</a>
+    <header>
+        <h1>My articles</h1>
+        <p class="intro-text">A collection of my writings and thoughts.</p>
+
+        <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>
+        </form>
+    </header>
+
+    <section id="all" class="articles-section">
+        <h2>All Articles</h2>
+        {% for group in articles_by_year %}
+        <details class="year-accordion" {% if loop.first %}open{% endif %}>
+            <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>
+                {% endfor %}
+            </ul>
+        </details>
+        {% endfor %}
+    </section>
+</main>
+{% endblock %}