1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-10 00:12:09 +00:00

Replace some CSS borders with <hr />

The thematic break is appropriate there and it trims down my CSS a bit.
This commit is contained in:
Rohan Kumar 2022-06-05 21:17:18 -07:00
parent 695239681b
commit 6d09030988
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
5 changed files with 8 additions and 13 deletions

View file

@ -344,17 +344,6 @@ picture > img {
image-rendering: pixelated; image-rendering: pixelated;
} }
/* WCAG Technique C25: use borders to separate sections.
* Also use "content-visibility: auto" to improve performance by
* reducing the number of DOM nodes rendered at once. */
aside nav,
footer,
section[role="doc-endnotes"],
section[aria-labelledby="webmentions"] {
border-top: 1px solid;
content-visibility: auto;
}
/* Make search box and submit button as wide as possible while keeping /* Make search box and submit button as wide as possible while keeping
* them next to each other. */ * them next to each other. */
@ -362,6 +351,7 @@ section[aria-labelledby="webmentions"] {
* single-row flexbox that supports more browsers. Kanged this CSS from * single-row flexbox that supports more browsers. Kanged this CSS from
* ww.gov.uk. Give the entire width of the row to the search box, but * ww.gov.uk. Give the entire width of the row to the search box, but
* allow the minimum width for the submit button. */ * allow the minimum width for the submit button. */
legend, /* Makes the <legend> wrap text in some browsers. */
form > div { form > div {
display: table; display: table;
width: 100% width: 100%

View file

@ -1,3 +1,4 @@
<hr />
<footer> <footer>
<p> <p>
Copyright <time itemprop="copyrightYear" datetime="{{now.Year}}">{{now.Year}}</time> {{ partial "indieweb-author.html" -}} Copyright <time itemprop="copyrightYear" datetime="{{now.Year}}">{{now.Year}}</time> {{ partial "indieweb-author.html" -}}

View file

@ -2,6 +2,7 @@
{{- if eq .Page.Section "notes" -}} {{- if eq .Page.Section "notes" -}}
{{- $name = "note" -}} {{- $name = "note" -}}
{{- end -}} {{- end -}}
<hr />
<aside aria-labelledby="continue-hd"> <aside aria-labelledby="continue-hd">
<nav aria-labelledby="continue-hd"> <nav aria-labelledby="continue-hd">
<h2 id="continue-hd">Continue reading</h2> <h2 id="continue-hd">Continue reading</h2>

View file

@ -10,7 +10,8 @@
--> -->
{{- $referencesWithoutHeading := `(<div class="footnotes" role="doc-endnotes"> {{- $referencesWithoutHeading := `(<div class="footnotes" role="doc-endnotes">
<hr />)` -}} <hr />)` -}}
{{- $referencesWithHeading := printf `<section role="doc-endnotes" aria-labelledby="note-hd"> {{- $referencesWithHeading := printf `<hr />
<section role="doc-endnotes" aria-labelledby="note-hd">
<h2 id="note-hd">%s</h2>` ($footnote_heading) -}} <h2 id="note-hd">%s</h2>` ($footnote_heading) -}}
{{- $endnotesClosingDiv := `</a></p> {{- $endnotesClosingDiv := `</a></p>

View file

@ -1,7 +1,9 @@
<hr />
<section aria-labelledby="webmentions"> <section aria-labelledby="webmentions">
<h2 id="webmentions" tabindex="-1">Webmen&#173;tions</h2> <h2 id="webmentions" tabindex="-1">Webmen&#173;tions</h2>
<p>This site supports <a href="https://indieweb.org/webmention">Webmentions</a>. Webmentions received for this post will appear in the following list after I approve them. I sometimes send Webmentions to myself on behalf of linking sites that don't support them. Check the <a href="https://web.archive.org/">Wayback Machine</a> if any links are broken.</p> <p>This site supports <a href="https://indieweb.org/webmention">Webmentions</a>, a backlink-based alternative to traditional comment forms.</p>
{{ partial "webmention-form.html" . }} {{ partial "webmention-form.html" . }}
<p>Webmentions received for this post will appear in the following list after I approve them. I sometimes send Webmentions to myself on behalf of linking sites that don't support them. Check the <a href="https://web.archive.org/">Wayback Machine</a> if any links are broken.</p>
<details> <details>
<summary>Toggle Webmentions</summary> <summary>Toggle Webmentions</summary>
<dl> <dl>