RikSolo/eleventy-riksolo-com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

styling tweaks, date formatting, blog tweaks

Browse source
This commit is contained in:
Rik Berkelder 2025-01-29 01:42:26 +01:00
parent 4260eb4134
commit 93858a4dd4
6 changed files with 37 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

3
content/layouts/blogpost.njk
View file

@ -5,7 +5,8 @@ layout: 'base.njk'
<div class="blog">
<div class="blog-header">
<h1>{{title}}</h1>
<small>{{date}} {% if modified !== date %}(Last modified: {{modified}}){% endif %}</small> </br>
<small>{{date | dateLocale}} {% if modified !== date %}(Last modified: {{modified | dateLocale}}){% endif %}</small>
</br>
<a href="/blog/">&lt;- Back to posts list</a>
</div>
<div class="blog-content">

6
content/pages/blog.njk
View file

@ -4,6 +4,8 @@ permalink: "/blog/"
---
<h1>Blog</h1>
{% for post in collections.blogpost %}
<a href="{{ post.data.permalink | safe }}">{{post.data.title}}</a>
{% for post in collections.blogpost | reverse %}
<div>
{{post.data.date | dateLocale}} - <a href="{{ post.data.permalink | safe }}">{{post.data.title}}</a>
</div>
{% endfor %}

25
content/style.scss
View file

@ -1,6 +1,8 @@
@use "sass:color";
$grey-vdark: rgb(17, 24, 39);
$grey-dark: lighten($grey-vdark, 5);
$grey-medium: lighten($grey-vdark, 15);
$grey-dark: color.adjust($grey-vdark, $lightness: 5%);
$grey-medium: color.adjust($grey-vdark, $lightness: 15%);
$grey-light: #4c566a;
$white-dark: #d8dee9;
$white-light: #eceff4;
@ -89,14 +91,25 @@ body {
h2,
h3,
h4 {
margin-bottom: 0rem;
margin-top: 1rem;
font-weight: 700;
}
h1,
h2 {
margin-bottom: 0.4rem;
margin-top: 1rem;
}
h3,
h4,
h5 {
margin-bottom: 0rem;
margin-top: 0.5rem;
}
p {
margin-top: 0.6rem;
margin-bottom: 1.2rem;
margin-top: 0.4rem;
margin-bottom: 1.4rem;
}
code,