1 files changed, 48 insertions, 0 deletions
diff --git a/clams-server/src/main/resources/templates/blog.html b/clams-server/src/main/resources/templates/blog.html
new file mode 100644
index 0000000..168cfe1
--- /dev/null
+++ b/clams-server/src/main/resources/templates/blog.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Elias Haugsbakk's Blog</title>
+    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/blog.css">
+</head>
+<body>
+
+<main class="main-container">
+    <header>
+        <h1>Elias Haugsbakk's Blog</h1>
+        <p class="intro-text">This is the home page for my blog. The list of blog posts is a diverse collection of some of my writings; if you're just browsing, this might be a good place to start.</p>
+
+        <form action="/blog" method="GET" class="search-form">
+            <input type="text" name="search" value="{{ search_value }}" placeholder="Search posts..." aria-label="Search blog posts">
+            <button type="submit">Search</button>
+        </form>
+    </header>
+
+    <div class="content-grid">
+        <div class="left-column">
+            <section id="all">
+                <h2>{{ all_posts_title }}</h2>
+                <!-- Tells Pebble to trust your pre-grouped HTML links -->
+                {{ all_posts_by_year | raw }}
+            </section>
+        </div>
+
+        <div class="right-column">
+            <section id="recent">
+                <h2>Recent</h2>
+                {{ recent_posts | raw }}
+            </section>
+        </div>
+    </div>
+</main>
+
+<footer>
+    <p>
+        <span class="footer-left"><a href="/">eliashaugsbakk.xyz</a></span>
+        <span class="footer-separator">|</span>
+        <span class="footer-right"><a href="mailto:[email protected]">[email protected]</a></span>
+    </p>
+</footer>
+</body>
+</html>