Use microformats class to style post listings
Alan Pearce alan@alanpearce.eu
Sun, 24 Sep 2023 13:22:08 +0200
3 files changed, 6 insertions(+), 6 deletions(-)
M templates/feed-styles.xsl → templates/feed-styles.xsl
@@ -57,7 +57,7 @@ </xsl:attribute> Visit Website </a> </nav> - <ul class="blog-posts"> + <ul class="h-feed"> <xsl:for-each select="/atom:feed/atom:entry"> <li> <span>
M templates/list.html → templates/list.html
@@ -24,7 +24,7 @@ <a href="/">Home</a> </nav> </header> <main id="content"> - <ul class="h-feed blog-posts"> + <ul class="h-feed"> <li class="h-entry"> <span> <time
M templates/style.css → templates/style.css
@@ -133,20 +133,20 @@ font-size: small; } /* blog posts */ -ul.blog-posts { +ul.h-feed { list-style-type: none; padding: unset; } -ul.blog-posts li { +ul.h-feed li { display: flex; } -ul.blog-posts li span { +ul.h-feed li span { flex: 0 0 130px; } -ul.blog-posts li a:visited { +ul.h-feed li a:visited { color: #8b6fcb; }