Improve readability of recent posts

This commit is contained in:
Jake Howard 2024-02-17 20:44:43 +00:00
parent 926e62518c
commit 23ce49ca8f
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 4 additions and 4 deletions

View file

@ -83,7 +83,7 @@ body.page-homepage {
object-fit: cover; object-fit: cover;
position: absolute; position: absolute;
transition: filter 0.25s; transition: filter 0.25s;
filter: brightness(0.9); filter: brightness(0.85);
} }
p { p {
@ -93,7 +93,7 @@ body.page-homepage {
padding: 0.5rem; padding: 0.5rem;
transition: background-color 0.25s; transition: background-color 0.25s;
width: 100%; width: 100%;
background-color: rgb(0 0 0 / 50%); background-color: rgb(0 0 0 / 55%);
} }
figure { figure {
@ -107,7 +107,7 @@ body.page-homepage {
} }
p { p {
background-color: rgb(0 0 0 / 70%); background-color: rgb(0 0 0 / 75%);
} }
} }
} }

View file

@ -7,7 +7,7 @@
<a href="{% pageurl page %}"> <a href="{% pageurl page %}">
<figure class="image is-16by9"> <figure class="image is-16by9">
<img src="{{ page.list_image_url }}" alt="{{ page.hero_image_alt }}" loading="lazy" decoding="async" referrerpolicy="no-referrer" /> <img src="{{ page.list_image_url }}" alt="{{ page.hero_image_alt }}" loading="lazy" decoding="async" referrerpolicy="no-referrer" />
<p class="has-text-weight-light">{{ page.title }}</p> <p>{{ page.title }}</p>
</figure> </figure>
</a> </a>
</div> </div>