fix: update css on blog list page; add better roles to blog list page
This commit is contained in:
parent
f0e475cb45
commit
dfe51dd728
1 changed files with 3 additions and 3 deletions
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue