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> <figure>
<img src="SRC" <img src="SRC"
aria-describedby="transcript-xkcd-1309" aria-describedby="transcript-xkcd-1309"
alt="Comic: if books had infinite-scroll, we'd have to alt="Comic: infinite-scrolling books require
turn pages carefully or risk losing the page."> careful page-turns to avoid losing the page.">
<figcaption> <figcaption>
Infinite-scrolling means that accidentally navigating Infinite-scroll means that accidental navigation
to a link will result in losing your place. to a link results in losing your place.
See <a href=#transcript-xkcd-1309>transcript</a>.
</figcaption> </figcaption>
</figure> </figure>
<details id="transcript-xkcd-1309"> <details>
<summary>Toggle transcript</summary> <summary>Toggle transcript</summary>
<p> <div id="transcript-xkcd-1309">
Megan stands at a desk, reading a book, touching <p>Megan stands at a desk, touching a book
it very gingerly. Cueball is standing behind her. gingerly. Cueball stands behind her.</p>
</p>
<dl> <dl>
<dt>Cueball</dt> <dt>Cueball</dt>
<dd>Why are you turning the pages like that?</dd> <dd>Why are you turning the pages like that?</dd>
<dt>Megan</dt> <dt>Megan</dt>
<dd>If I touch the wrong thing, I’ll lose my place and <dd>If I touch the wrong thing, I’ll lose my
have to start over.</dd> place and have to start over.</dd>
<dt>Caption below the panel</dt> <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> </dl>
</div>
</details> </details>
</article> </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-figure >}}
{{< transcribed-image-transcript >}} {{< 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 Cueball
@ -575,9 +575,8 @@ An image, alt-text, figure caption, and transcript combine to form a complex rel
<details> <details>
<summary>Toggle transcript</summary> <summary>Toggle transcript</summary>
<div id="transcript-xkcd-1309"> <div id="transcript-xkcd-1309">
<p>Megan stands at a desk, reading a book, <p>Megan stands at a desk, touching a book
touching it very gingerly. Cueball is gingerly. Cueball stands behind her.</p>
standing behind her.</p>
<dl> <dl>
<dt>Cueball</dt> <dt>Cueball</dt>
<dd>Why are you turning the pages like that?</dd> <dd>Why are you turning the pages like that?</dd>