inherentlee/beall-11ty
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

missing img option

Browse Source
This commit is contained in:
Lee Cattarin
2026-04-01 13:46:32 -07:00
parent a233bf644a
commit 08327a456f
2 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/directory.njk
View File

@ -7,6 +7,8 @@
<h2>{{ item.data.shortTitle or item.data.title }}</h2> <h2>{{ item.data.shortTitle or item.data.title }}</h2>
{% if item.data.img.src and item.data.img.alt %} {% if item.data.img.src and item.data.img.alt %}
<img src="/img/{{ item.data.img.src }}" alt="{{ item.data.img.alt }}"> <img src="/img/{{ item.data.img.src }}" alt="{{ item.data.img.alt }}">
{% else %}
<div class="missing-img"></div>
{% endif %} {% endif %}
</a> </a>
</li> </li>

7
css/directory.css
View File

@ -58,4 +58,11 @@ ol#directory {
#directory img { #directory img {
margin: 0; margin: 0;
border-radius: 0 0 .5rem .5rem; border-radius: 0 0 .5rem .5rem;
aspect-ratio: 3 / 2;
}
#directory .missing-img {
width: 100%;
aspect-ratio: 3 / 2;
background-color: rgba(from var(--color-accent) r g b / .3);
} }