mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-15 01:42:10 +00:00
d97481f381
- Make webring links touch-friendly and accessible by using spaced-out details elements. - Make details elements touch-friendly by indicating interactive region area and making summary padded. - Sort featured posts by featured order. - Ensure that at least one non-interactive tappable region exists on the screen at all times, 48x48 px.
32 lines
1.4 KiB
HTML
32 lines
1.4 KiB
HTML
<!--
|
|
Some webrings require the sending of a "Referer" header,
|
|
but my site has two non-canonical mirrors. Don't add those.
|
|
-->{{- $refPol := "no-referrer" -}}
|
|
{{- if eq site.BaseURL "https://seirdy.one/" -}}
|
|
{{- $refPol = "strict-origin" -}}
|
|
{{- end -}}
|
|
<h2 id="webrings">Webrings</h2>
|
|
{{ $webringData := after 1 (getCSV "," "/csv/webrings.csv") -}}
|
|
<p>This site is part of {{ len $webringData }} <a href="https://en.wikipedia.org/wiki/Webring">webrings</a>. A webring is a collection of sites in a circular doubly-linked list; each website links to the next and previous site in the list.</p>
|
|
<ol>
|
|
{{- range $i, $r := $webringData }}
|
|
{{- $webringName := index $r 0 }}
|
|
<li>
|
|
<details>
|
|
<summary>{{- $webringName -}}</summary>
|
|
<ol>
|
|
<li>
|
|
<a href="{{- index $r 2 -}}">{{- $webringName }} webring home</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{- index $r 1 -}}" rel="nofollow ugc" referrerpolicy="{{ $refPol }}">Previous {{ $webringName }} site</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{- index $r 3 -}}" rel="nofollow ugc" referrerpolicy="{{ $refPol }}">Next {{ $webringName }} site</a>
|
|
</li>
|
|
</ol>
|
|
</details>
|
|
</li>
|
|
{{- end -}}
|
|
</ol>
|
|
<p>If you’re part of a webring and would like me to join, just ask. I’ll probably accept if joining only requires me to add hyperlinks to this page (no scripts, external content, or images), and if the ring doesn’t seem to promote anything I find objectionable.</p>
|