Print article info

content/posts/lorem-ipsum/index.md

@@ -1,6 +1,9 @@
 +++
 title = "Lorem Ipsum"
 date = 2021-12-02
+
+[extra]
+author = "Emil Miler"
 +++
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer facilisis lacus in ex varius bibendum. Ut arcu neque, pellentesque ut mauris in, euismod bibendum lacus. Donec bibendum mollis tempor. Cras ac lacus libero. Maecenas maximus et mi sed sagittis. Nam lobortis magna non mi varius, nec volutpat ipsum vehicula. Nam venenatis mollis leo nec euismod. Nulla molestie tempus tristique. Vivamus tincidunt nisi eu feugiat vehicula. Phasellus tristique consectetur orci, non consequat orci convallis in. Nullam nec urna commodo, efficitur metus sed, sodales urna.

sass/style.scss

@@ -52,7 +52,14 @@ aside {
 }
 
 main {
-	article h1 a { color: inherit }
+	article {
+		.info {
+			border-top: 1px solid #eee;
+			margin: 2em 0;
+			padding: 1em 0;
+		}
+		h1 a { color: inherit }
+	}
 }
 
 a {

templates/macros.html

@@ -12,5 +12,15 @@
 	<article>
 		<h1><a href="{{ page.permalink }}">{{ page.title }}</a></h1>
 		<p>{{ page.summary | safe }}</p>
+		{{ self::page_info(page=page) }}
 	</article>
 {% endmacro %}
+
+{% macro page_info(page) %}
+	<div class="info">
+		<span class="date">{{ page.date }}</span>
+		{%- if page.extra.author -%}
+			, <span class="author">{{ page.extra.author }}</span>
+		{% endif %}
+	</div>
+{% endmacro %}