aboutsummaryrefslogtreecommitdiff
path: root/_layouts
diff options
context:
space:
mode:
authorlonkaars <loek@pipeframe.xyz>2024-04-13 13:50:54 +0200
committerlonkaars <loek@pipeframe.xyz>2024-04-13 13:50:54 +0200
commitdee0b16c1cdf18d205ffcb738eda0e9049396fd0 (patch)
treeb905daa11c075ef6a112b4ac65aec759ea0566a3 /_layouts
parentce37824c5260dd370c61cf174ea80ca7deeb1058 (diff)
fix more stuff
Diffstat (limited to '_layouts')
-rw-r--r--_layouts/index.html44
-rw-r--r--_layouts/post.html14
2 files changed, 51 insertions, 7 deletions
diff --git a/_layouts/index.html b/_layouts/index.html
new file mode 100644
index 0000000..2976df7
--- /dev/null
+++ b/_layouts/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang='{{ page.lang }}'>
+<head>
+ {% include head.html %}
+ <title>{{ site.title }}</title>
+ {% include opengraph.html %}
+</head>
+<body>
+ <div class='centeredPage'>
+ <div class='titleWrapper'>
+ <h1>{{ page.title }}</h1>
+ {% if page.subtitle %}<p class='subtile'>{{ page.subtitle }}</p>{% endif %}
+ {% if page.tags %}{% include tags.html tags=page.tags %}{% endif %}
+ </div>
+ <div class='navAreaWrapper'>
+ <div class='sticky'>
+ {% include navbar.html page="index" %}
+ <!-- <Chapters chapters={props.meta.chapters} /> -->
+ </div>
+ </div>
+ <!-- <MobileNavbar /> -->
+ <div class='contentWrapper'>
+ {{ content }}
+ <hr/>
+ <h2>Recent posts</h2>
+ <div class="recentPosts">
+ {% for post in site.posts limit:4 %}
+ <div class="postCard">
+ <a href="{{ post.url }}">
+ <img src="{{ post.cover }}" alt="post cover" class="cover">
+ <h2 class="title">{{ post.title }}</h2>
+ <strong class="subtitle">{{ post.subtitle }}</strong>
+ </a>
+ {% include tags.html tags=post.tags %}
+ </div>
+ {% endfor %}
+ </div>
+ <div>
+ <a href="/search" class="button">Go to all posts</a>
+ </div>
+ </div>
+ </div>
+</body>
+</html>
diff --git a/_layouts/post.html b/_layouts/post.html
index 485f560..0b306b1 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -6,20 +6,20 @@
{% include opengraph.html %}
</head>
<body>
- <div className='centeredPage'>
- <div className='titleWrapper'>
+ <div class='centeredPage'>
+ <div class='titleWrapper'>
<h1>{{ page.title }}</h1>
- {% if page.subtitle %}<p className='subtile'>{{ page.subtitle }}</p>{% endif %}
+ {% if page.subtitle %}<p class='subtile'>{{ page.subtitle }}</p>{% endif %}
{% if page.tags %}{% include tags.html tags=page.tags %}{% endif %}
</div>
- <div className='navAreaWrapper'>
- <div className='sticky'>
- <!-- <Navbar /> -->
+ <div class='navAreaWrapper'>
+ <div class='sticky'>
+ {% include navbar.html page="post" %}
<!-- <Chapters chapters={props.meta.chapters} /> -->
</div>
</div>
<!-- <MobileNavbar /> -->
- <div className='contentWrapper'>
+ <div class='contentWrapper'>
{{ content }}
</div>
</div>