fix: update css on blog list page; add better roles to blog list page

This commit is contained in:
Thomas 2022-08-28 13:57:17 +01:00
parent f0e475cb45
commit dfe51dd728

View file

@ -60,8 +60,8 @@
<section class="section"> <section class="section">
<h2>All Writing</h2> <h2>All Writing</h2>
<ul class="posts"> <ul class="posts">
{#each posts as post} {#each posts as post, index}
<li class="post"> <li class="post" role="article" aria-posinset={index + 1} aria-setsize={posts.length}>
<a href={`/blog/${post.slug}`}> <a href={`/blog/${post.slug}`}>
{#if post.book_review} 📚 {/if} {#if post.book_review} 📚 {/if}
<div class="post-title">{post.title}</div> <div class="post-title">{post.title}</div>
@ -79,7 +79,7 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 100%;
gap: var(--spacing-base); gap: var(--spacing-base);
max-width: 100%; max-width: 100%;
} }