mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-23 12:52:10 +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:
parent
695239681b
commit
6d09030988
5 changed files with 8 additions and 13 deletions
|
@ -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%
|
||||||
|
|
|
@ -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" -}}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -1,7 +1,9 @@
|
||||||
|
<hr />
|
||||||
<section aria-labelledby="webmentions">
|
<section aria-labelledby="webmentions">
|
||||||
<h2 id="webmentions" tabindex="-1">Webmen­tions</h2>
|
<h2 id="webmentions" tabindex="-1">Webmen­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>
|
||||||
|
|
Loading…
Reference in a new issue