fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-10 00:12:09 +00:00
Code Issues Projects Releases Wiki Activity

Trivial rephrase, keeps a figure from overflowing

Browse source
This commit is contained in:
Rohan Kumar 2022-05-03 17:09:21 -07:00
parent 978b4b2b1a
commit 1863c65dce
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
2 changed files with 22 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
content/posts/website-best-practices.gmi
View file

@ -516,29 +516,29 @@ The html code for the xkcd comic earlier in the page (well, the Web version of t
<figure>
<img src="SRC"
aria-describedby="transcript-xkcd-1309"
alt="Comic: if books had infinite-scroll, we'd have to
turn pages carefully or risk losing the page.">
alt="Comic: infinite-scrolling books require
careful page-turns to avoid losing the page.">
<figcaption>
Infinite-scrolling means that accidentally navigating
to a link will result in losing your place.
See <a href=#transcript-xkcd-1309>transcript</a>.
Infinite-scroll means that accidental navigation
to a link results in losing your place.
</figcaption>
</figure>
<details id="transcript-xkcd-1309">
<details>
<summary>Toggle transcript</summary>
<p>
Megan stands at a desk, reading a book, touching
it very gingerly. Cueball is standing behind her.
</p>
<div id="transcript-xkcd-1309">
<p>Megan stands at a desk, touching a book
gingerly. Cueball stands behind her.</p>
<dl>
<dt>Cueball</dt>
<dd>Why are you turning the pages like that?</dd>
<dt>Megan</dt>
<dd>If I touch the wrong thing, I’ll lose my place and
have to start over.</dd>
<dd>If I touch the wrong thing, I’ll lose my
place and have to start over.</dd>
<dt>Caption below the panel</dt>
<dd>If books worked like infinite-scrolling webpages</dd>
<dd>If books worked like infinite-scrolling
webpages</dd>
</dl>
</div>
</details>
</article>
```

7
content/posts/website-best-practices.md
View file

@ -341,7 +341,7 @@ Infinite-scroll means that accidental navigation to a link results in losing you
{{< /transcribed-image-figure >}}
{{< transcribed-image-transcript >}}
Megan stands at a desk, reading a book, touching it very gingerly. Cueball is standing behind her.
Megan stands at a desk, touching a book gingerly. Cueball stands behind her.
Cueball
@ -575,9 +575,8 @@ An image, alt-text, figure caption, and transcript combine to form a complex rel
<details>
<summary>Toggle transcript</summary>
<div id="transcript-xkcd-1309">
<p>Megan stands at a desk, reading a book,
touching it very gingerly. Cueball is
standing behind her.</p>
<p>Megan stands at a desk, touching a book
gingerly. Cueball stands behind her.</p>
<dl>
<dt>Cueball</dt>
<dd>Why are you turning the pages like that?</dd>