add some microformat2 tags

This commit is contained in:
Tom Hodson 2023-07-29 22:01:35 +01:00
parent 18c1d7f22f
commit 7014af407b
5 changed files with 30 additions and 12 deletions

View File

@ -1,7 +1,12 @@
--- ---
layout: default layout: default
--- ---
<h1>{{ page.title }}</h1> <article class="h-entry">
<time>{{ page.date | date_to_string }}</time> <h1 class = "p-name">{{ page.title }}</h1>
<time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date_to_string }}</time>
<summary style="display:none" class="p-summary">{{ page.excerpt }}</summary>
<div class="e-content">
{{ content }} {{ content }}
</div>
</article>

View File

@ -5,7 +5,6 @@
<!-- For styling the interactive code snippets --> <!-- For styling the interactive code snippets -->
<link rel="stylesheet" type="text/css" href="/assets/klipse/codemirror.css"> <link rel="stylesheet" type="text/css" href="/assets/klipse/codemirror.css">
<link rel="stylesheet" type="text/css" href="/assets/klipse/neo.css">
<script> <script>
@ -20,9 +19,14 @@
<body> <body>
{% include header.html %} {% include header.html %}
<main> <main>
<h1>{{ page.title }}</h1> <article class="h-entry">
<time>{{ page.date | date_to_string }}</time> <h1 class = "p-name">{{ page.title }}</h1>
<time class="dt-published">{{ page.date | date_to_string }}</time>
<summary style="display:none" class="p-summary">{{ page.excerpt }}</summary>
<div class="e-content">
{{ content }} {{ content }}
</div>
</article>
</main> </main>
<script src="/assets/klipse/klipse_plugin.min.js"></script> <script src="/assets/klipse/klipse_plugin.min.js"></script>
</body> </body>

View File

@ -1,3 +1,6 @@
h2.blogroll-title > a { h2.blogroll-title {
a {
text-decoration: none; text-decoration: none;
} }
}

View File

@ -69,6 +69,11 @@ main :not(:is(h1,h2,h3,h4,h5,h6)) {
line-height: 1.3; line-height: 1.3;
} }
/* increase line-height for everything except headings */
main :is(p,h1,h2,h3,h4,h5,h6) {
margin-block-end: 0.0em;
}
a { a {
text-decoration: underline; text-decoration: underline;
color: #222; color: #222;

View File

@ -4,9 +4,10 @@ title: Blog
permalink: /blog/ permalink: /blog/
--- ---
{% for post in site.posts %} {% for post in site.posts %}
<article> <article class="h-entry">
<h2 class="blogroll-title"><a href="{{ post.url }}">{{ post.title }}</a></h2> <h2 class="p-name blogroll-title"><a class="u-uid u-url" href="{{ post.url }}">{{ post.title }}</a></h2>
<summary>{{ post.excerpt }}</summary> <time class="dt-published" datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date_to_string }}</time>
<figure class="blogroll"><img src = "{{post.image}}"></figure> <summary class="p-summary">{{ post.excerpt | remove: '<p>' | remove: '</p>' }}</summary>
<figure class="blogroll"><img class="u-photo" src = "{{post.image}}"></figure>
</article> </article>
{% endfor %} {% endfor %}