slight tweaks to directory layout to work with ul as well as ol

This commit is contained in:
2026-01-06 15:14:30 -08:00
parent ea82632091
commit e585bf3cdf
2 changed files with 8 additions and 3 deletions

View File

@ -40,14 +40,14 @@
<main id="main"> <main id="main">
<h1>Artists in residence at the Beall Greenhouses</h1> <h1>Artists in residence at the Beall Greenhouses</h1>
<ol id="directory"> <ul id="directory">
<li> <li>
<a href="/artists/hawke"> <a href="/artists/hawke">
<h2>Jennifer Hawke</h2> <h2>Jennifer Hawke</h2>
<img src="/assets/img/artists/hawke.jpg" alt="jennifer hawke, the artist, a white person with a beard and knowing eyes. the top half of their face is painted blue with a white heart, and they are wearing a huge elaborate flower crown, a red shawl, and several chunky pendants." /> <img src="/assets/img/artists/hawke.jpg" alt="jennifer hawke, the artist, a white person with a beard and knowing eyes. the top half of their face is painted blue with a white heart, and they are wearing a huge elaborate flower crown, a red shawl, and several chunky pendants." />
</a> </a>
</li> </li>
</ol> </ul>
</main> </main>
</div> </div>

View File

@ -1,6 +1,5 @@
#directory { #directory {
display: grid; display: grid;
flex-flow: row wrap;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
gap: 3rem; gap: 3rem;
margin: 0 .5rem; margin: 0 .5rem;
@ -12,6 +11,12 @@
} }
} }
ul#directory,
ol#directory {
background-color: var(--color-bg);
padding: 0;
}
#directory li { #directory li {
list-style: none; list-style: none;
border: solid .25rem var(--color-accent); border: solid .25rem var(--color-accent);