This commit is contained in:
2026-05-14 08:46:01 -07:00
parent 4f0a0f3969
commit f1c073535d
281 changed files with 3927 additions and 3511 deletions

View File

@ -1445,6 +1445,8 @@ if (window.innerWidth > 650) {
const closeButton = document.querySelector(".close-dialog");
const hero = document.querySelector(".hero");
hero.tabIndex = 0;
hero.addEventListener("click", (e) => dialog.showModal());
hero.addEventListener("keydown", (e) => {
if (e.key === "Enter" || e.key === " ") {
@ -1550,7 +1552,7 @@ if (window.innerWidth > 650) {
<button class="close-dialog" autofocus="" aria-label="close the image modal">&times;</button>
<img class="modal-img" src="/img/flocked-notebook.jpg" alt="A two panel collage showing the cover and endpapers of a thick notebook." loading="lazy" decoding="async" width="1000" height="1331">
</dialog>
<img tabindex="0" class="hero" src="/img/flocked-notebook.jpg" alt="A two panel collage showing the cover and endpapers of a thick notebook." loading="lazy" decoding="async" width="1000" height="1331">
<img class="hero" src="/img/flocked-notebook.jpg" alt="A two panel collage showing the cover and endpapers of a thick notebook." loading="lazy" decoding="async" width="1000" height="1331">
<p>A landscape-oriented notebook with black paper and a fuzzy cover. yes. it's fuzzy.</p>
@ -1608,34 +1610,6 @@ if (window.innerWidth > 650) {
<h2 data-ha-exclude="" id="related-posts">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/green-memo-pad/">
<h2 data-ha-exclude="" id="green-memo-pad">green memo pad </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/green-memo-pad.jpg" alt="A three panel collage showcasing a small green memo pad." loading="lazy" decoding="async" width="1000" height="1776">
</a>
</li>
<li class="post">
<a class="postlink" href="/baseball-journal/">
<h2 data-ha-exclude="" id="baseball-journal">baseball journal </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/baseball-journal.jpg" alt="A 3-part collage of a leather-covered book with baseball-style stitching across the spine." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/orange-green-journal/">
<h2 data-ha-exclude="" id="orange-green-journal">orange green journal </h2>
@ -1650,6 +1624,34 @@ if (window.innerWidth > 650) {
</a>
</li>
<li class="post">
<a class="postlink" href="/square-watercolor-pad/">
<h2 data-ha-exclude="" id="square-watercolor-pad">square watercolor pad </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/square-watercolor-pad.jpg" alt="A two panel collage showing a square book with a tan cover and blue and gold endpapers." loading="lazy" decoding="async" width="1000" height="1331">
</a>
</li>
<li class="post">
<a class="postlink" href="/orange-journal/">
<h2 data-ha-exclude="" id="orange-journal">orange journal </h2>
<ul class="postlist-tags">
<li>book</li>
</ul>
<img src="/img/orange-journal.jpg" alt="A three panel collage showcasing a small book with foldout pages and a bright orange cover." loading="lazy" decoding="async" width="1000" height="1776">
</a>
</li>
</ol>
</section>
@ -1681,6 +1683,6 @@ if (window.innerWidth > 650) {
</footer>
<!-- This page `/flocked-notebook/` was built on 2026-05-14T03:50:31.999Z -->
<!-- This page `/flocked-notebook/` was built on 2026-05-14T15:45:41.474Z -->
</body>
</html>