diff options
| author | Elias Haugsbakk <[email protected]> | 2026-07-01 21:18:58 +0200 |
|---|---|---|
| committer | Elias Haugsbakk <[email protected]> | 2026-07-02 00:11:30 +0200 |
| commit | 19c9cb227b343377853321e2cdc4285b2ea23e3a (patch) | |
| tree | 697b1784c0e50b7d84a0ef8dcf2cfbba8e4357bc /clams-server/src/main/resources/templates/blog.html | |
| parent | 5b1e3672a1e6d9f7b54ed4267e8715f5dc3bb55a (diff) | |
implement blog index page with featured and all posts
Diffstat (limited to 'clams-server/src/main/resources/templates/blog.html')
| -rw-r--r-- | clams-server/src/main/resources/templates/blog.html | 33 |
1 files changed, 8 insertions, 25 deletions
diff --git a/clams-server/src/main/resources/templates/blog.html b/clams-server/src/main/resources/templates/blog.html index 168cfe1..200a144 100644 --- a/clams-server/src/main/resources/templates/blog.html +++ b/clams-server/src/main/resources/templates/blog.html @@ -1,13 +1,6 @@ -<!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> +{% extends "templates/layout.html" %} +{% block content %} <main class="main-container"> <header> <h1>Elias Haugsbakk's Blog</h1> @@ -21,28 +14,18 @@ <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 id="all" class="blog-section"> + <h2>All Posts</h2> + {{ all_posts| raw }} </section> </div> <div class="right-column"> - <section id="recent"> - <h2>Recent</h2> + <section id="recent" class="blog-section"> + <h2>Featured</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> +{% endblock %} |