blob: 2c484a1a08c04f8d1371923853628b8ca2992be2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
{% extends "templates/layout.html" %}
{% block content %}
<main class="main-container">
<header>
<h1>Elias Haugsbakk's Blog</h1>
<p class="intro-text">This is the home page for my blog. The featured list 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" class="blog-section">
<h2>All Posts</h2>
{% for group in posts_by_year %}
<details class="year-accordion" {% if loop.first %}open{% endif %}>
<summary class="year-toggle">{{ group.key }}</summary>
<ul class="post-list">
{% for post in group.value %}
<li><a href="/blog/{{ post.slug }}">{{ post.title }}</a></li>
{% endfor %}
</ul>
</details>
{% endfor %}
</section>
</div>
<div class="right-column">
<section id="recent" class="blog-section">
<h2>Featured</h2>
<ul class="recent-list">
{% for post in featured_posts %}
<li>
<a href="/blog/{{ post.slug }}">{{ post.title }}</a> <span class="featured-desc">-- {{ post.summary }}</span>
</li>
{% endfor %}
</ul>
</section>
</div>
</div>
</main>
{% endblock %}
|
