diff options
author | lonkaars <loek@pipeframe.xyz> | 2024-04-13 13:50:54 +0200 |
---|---|---|
committer | lonkaars <loek@pipeframe.xyz> | 2024-04-13 13:50:54 +0200 |
commit | dee0b16c1cdf18d205ffcb738eda0e9049396fd0 (patch) | |
tree | b905daa11c075ef6a112b4ac65aec759ea0566a3 /_layouts | |
parent | ce37824c5260dd370c61cf174ea80ca7deeb1058 (diff) |
fix more stuff
Diffstat (limited to '_layouts')
-rw-r--r-- | _layouts/index.html | 44 | ||||
-rw-r--r-- | _layouts/post.html | 14 |
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> |