diff options
| author | Elias Haugsbakk <[email protected]> | 2026-07-01 14:05:14 +0200 |
|---|---|---|
| committer | Elias Haugsbakk <[email protected]> | 2026-07-01 14:05:14 +0200 |
| commit | c4da920843972b6571e978cdc9f9278eb87b7398 (patch) | |
| tree | f972778f7cab4e4b231f5adc7450d590fa6d0fae /clams-server/src/main/resources/templates/blog.html | |
| parent | 5ed99f3c87f0337ffac03dd1e45073fbc7f63b68 (diff) | |
add HTML, CSS and basic routing
Diffstat (limited to 'clams-server/src/main/resources/templates/blog.html')
| -rw-r--r-- | clams-server/src/main/resources/templates/blog.html | 48 |
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> |