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

Compare commits

...

8 commits

Author SHA1 Message Date
Rohan Kumar
265b032c6a
Add LLVM badge 2024-05-06 02:55:43 -04:00
Rohan Kumar
b89f9ae576
Add digital free speech flag 2024-05-06 02:51:31 -04:00
Rohan Kumar
ce6317ad7c
switch valid html5 badge to better one 2024-05-06 02:46:31 -04:00
Rohan Kumar
a5ff5dadb3
Add more badges 2024-05-06 02:46:08 -04:00
Rohan Kumar
a12231d81a
gitignore: add directory of pending badges
I keep a "new" directory with pending badges that I don't want to check
into Git.
2024-05-06 02:43:20 -04:00
Rohan Kumar
b11dd2c99b
Add more badges 2024-05-06 01:48:42 -04:00
Rohan Kumar
abae18cbc2
Add hand-coded HTML badge 2024-05-06 01:42:28 -04:00
Rohan Kumar
bf38502d53
Document compatibility for Ladybird and WeasyPrint 2024-05-05 23:57:28 -04:00
14 changed files with 44 additions and 8 deletions

1
.gitignore vendored
View file

@ -20,3 +20,4 @@ styles/
.vale.ini
.webmentiond-token
data/*.json
assets/p/b/new/

BIN
assets/p/b/aacs.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 250 B

BIN
assets/p/b/handcoded.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 739 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
assets/p/b/llvm.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
assets/p/b/llvm.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2 KiB

BIN
assets/p/b/matrix.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 360 B

BIN
assets/p/b/owlsroost.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
assets/p/b/owlsroost.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 966 B

BIN
assets/p/b/xkcd.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 908 B

BIN
assets/p/b/yt-dl.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
assets/p/b/yt-dl.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

View file

@ -18,6 +18,24 @@ Note that this image's URL is cache-busted. It will change any time I alter my b
- `https://seirdy.one/sticker_88x31.png`
- `https://seirdy.one/sticker_88x31.gif`
{{<codefigure>}}{{<codecaption lang="Shell">}}
Code to generate my 88x31 button using [my favicon.svg file](../../favicon.svg), ImageMagick, `rsvg-convert`, and `pngquant`.
{{</codecaption>}}
```figure
magick -background black -size 56x31 -fill white \
-gravity center -font "Iosevka-Term" -pointsize 16 'label:Seirdy' \
tmp.png
rsvg-convert favicon.svg -aw 31 \
| convert - tmp.png +append -background white -splice 1x0+31+0 - \
| pngquant -s 1 28 - >sticker_88x31.png
rm tmp.png
```
{{</codefigure>}}
## About this site
Read more about the design of this site in my [site design standards page]({{<relref "/meta/site-design.md">}}).
@ -25,6 +43,7 @@ Read more about the design of this site in my [site design standards page]({{<re
<a href="https://anybrowser.org/campaign/">{{<picture name="b/any_browser" alt="The text “any browser you like.” next to a light prism." width="162" height="62" class="pix">}}</a>
<a href="https://dd-b.net/lynx-enhanced.html">{{<picture name="b/lynx_enh" alt="Lynx Enhanced." width="162" height="62" class="pix">}}</a>
<a href="https://www.torproject.org/">{{<picture name="b/tor" alt="The Tor Project." width="162" height="62" class="pix">}}</a>
<a href="https://web.archive.org/web/20230607005614/http://www.ermel.org/handcoded/">{{<picture name="b/handcoded" alt="100% hand-coded HTML." width="162" height="62" class="pix">}}</a>
{{<picture name="b/cookie_free" alt="This site is certified 100% cookie free!" width="162" height="62" class="pix">}}
{{<picture name="b/javascript-zero" alt="Proudly zero JavaScript!" width="162" height="62" class="pix">}}
{{<picture name="b/web11" alt="Web 1.1." width="162" height="62" class="pix">}}
@ -40,10 +59,18 @@ Read more about the design of this site in my [site design standards page]({{<re
<a href="https://creativecommons.org/licenses/by-sa/4.0/">{{<picture name="b/cc-by-sa" alt="Creative Commons BY-SA license." width="162" height="62" class="pix">}}</a>
<a href="https://www.gnu.org/licenses/agpl-3.0.en.html">{{<picture name="b/agplv3" alt="AGPL v3: Free Software. It stands for GNU Affero General Public Licence, version 3." width="162" height="62" class="pix">}}</a>
### Software used by seirdy.one
<a href="https://fedoraproject.org/">{{<picture name="b/fedora" alt="Powered by Fedora™." width="162" height="62" class="pix">}}</a>
<a href="https://nginx.org/">{{<picture name="b/nginx" alt="Nginx powered." width="162" height="62" class="pix">}}</a>
<a href="https://llvm.org/">{{<picture name="b/llvm" alt="LLVM compiler infrastructure." width="162" height="62" class="pix">}}</a>
### Notes on "About this site" badges
The W3C Valid HTML5 badge isn't offered by the new Nu HTML Checker because [HTML5 is about conformance, not validity](https://html5doctor.com/html5-check-it-before-you-wreck-it-with-miketm-smith/). I use it anyways because my markup does fully conform _and_ is well-formed polygot XHTML5, despite false-positives from validators; [see my conformance statement]({{<relref "/meta/site-design.md#conformance">}}).
I build Nginx, Conduit, Webmentiond, and other software for seirdy.one using LLVM in a Chimera Linux container, due to LLVM's release-build-optimized sanitizers such as ControlFlowIntegrity.
## Ideological affinity, web-related
{{<picture name="b/anonymize" alt="Anonymize the web now!" width="162" height="62" class="pix">}}
@ -74,18 +101,19 @@ I might eventually move these to a separate page under the "About" section of my
{{<picture name="b/adhd" alt="ADHD." width="162" height="62" class="pix">}}
<a href="https://www.autisticasfxxk.com/">{{<picture name="b/autisticasfxxk.com" alt="The words “autistic as fuck” flash over a pick background. The word “fuck” is censored." width="162" height="62" class="pix">}}</a>
<a href="https://www.defectivebydesign.org/">{{<picture name="b/dbd" alt="Defective by design. Eliminate DRM now!" width="162" height="62" class="pix">}}</a>
<a href="https://en.wikipedia.org/wiki/Illegal_number?useskin=vector">{{<picture name="b/aacs" alt="The characters “8 8 8 C 0” over the vertical strips of the digital free speech flag." width="162" height="62" class="pix">}}</a>
## Things I use
See [my "uses" page]({{<relref "/about/uses.md">}}) for some more information.
<a href="https://fediverse.party/en/fediverse/">{{<picture name="b/fediverse" alt="Join the fediverse." width="162" height="62" class="pix">}}</a>
<a href="https://fedoraproject.org/">{{<picture name="b/fedora" alt="Powered by Fedora™." width="162" height="62" class="pix">}}</a>
<a href="https://nginx.org/">{{<picture name="b/nginx" alt="Nginx powered." width="162" height="62" class="pix">}}</a>
<a href="https://neovim.io/">{{<picture name="b/neovim" alt="Made with NeoVim." width="162" height="62" class="pix">}}</a>
<a href="https://www.gutenberg.org/">{{<picture name="b/gutenberg" alt="Project Gutenberg." width="162" height="62" class="pix">}}</a>
<a href="https://archive.org/?noscript=true">{{<picture name="b/internetarchive" alt="Internet Archive." width="162" height="62" class="pix">}}</a>
<a href="https://wiby.me/about/">{{<picture name="b/wiby" alt="Wiby.me search." width="162" height="62" class="pix">}}</a>
<a href="https://neovim.io/">{{<picture name="b/neovim" alt="Made with NeoVim." width="162" height="62" class="pix">}}</a>
<a href="https://github.com/yt-dlp/yt-dlp">{{<picture name="b/yt-dl" alt="The word “youtube-dl” flashes on a command prompt" width="162" height="62" class="pix">}}</a>
<a href="https://matrix.org/">{{<picture name="b/matrix" alt="Matrix" width="162" height="62" class="pix">}}</a>
## Friendly sites
@ -99,7 +127,7 @@ Sites that link back to me:
<a href="https://daudix.codeberg.page/about/">{{<picture name="b/daudix" alt="Daudix." width="162" height="62" class="pix">}}</a>
<a href="https://dj-chase.com/">{{<picture name="b/dj-chase" alt="DJ Chase." width="162" height="62" class="pix">}}</a>
### Other cool sites
### Other personal sites
<a href="https://keithhacks.cyou/">{{<picture name="b/keith" alt="the word “keith” after a tilde and a bone, with a rainbow border." width="162" height="62" class="pix">}}</a>
<a href="https://astrid.tech/">{{<picture name="b/astriddottech" alt="astrid dot tech in glitchy distorted letters." width="162" height="62" class="pix">}}</a>
@ -107,7 +135,12 @@ Sites that link back to me:
<a href="https://moth.monster/">{{<picture name="b/moth" alt="The word “moth” in a brown-on-orange palette next to a flat inverted moth icon." width="162" height="62" class="pix">}}</a>
<a href="https://tilde.town/~georgemoody/">{{<picture name="b/georgemoody" alt="Georgemoody." width="162" height="62" class="pix">}}</a>
<a href="https://slatecave.net/">{{<picture name="b/slatecave" alt="slatecave.net." width="162" height="62" class="pix">}}</a>
<a href="https://owlsroost.xyz/">{{<picture name="b/owlsroost" alt="Owls Roost." width="162" height="62" class="pix">}}</a>
### Other sites
<a href="https://yesterweb.org/">{{<picture name="b/yesterweb" alt="YesterWeb: reclaim the net." width="162" height="62" class="pix">}}</a>
<a href="https://xkcd.com/">{{<picture name="b/xkcd" alt="xkcd." width="162" height="62" class="pix">}}</a>
### Notes on "Friendly sites" badges

View file

@ -113,12 +113,10 @@ Others
I support compatibility to the following degrees:
- Works without major issues in mainstream engines, the Tor browser's "Safest" mode (assuming use of the Onion service which does not use SVGs), Ladybird, Goanna, Ultralight, and WeasyPrint.[^0]
- Fully operable in textual browsers, litehtml, and NetSurf. Some issues (e.g. missing `<details>`) might make the experience unpleasant, but all major functions work.
- Works without major issues in mainstream engines, the Tor browser's "Safest" mode (assuming use of the Onion service which does not use SVGs), Goanna, Ultralight, and WeasyPrint.[^4]
- Fully operable in Ladybird, textual browsers, litehtml, and NetSurf. Some issues (e.g. missing `<details>`) might make the experience unpleasant, but all major functions work. Ladybird only displays minor cosmetic issues in my stylesheet, none of which make any part of the site inoperable.[^5]
- Basic features in abandoned engines and Dillo. Some ancillary features may not work (e.g. forms for Webmentions and search), but users can browse and read.
[^0]: WeasyPrint doesn't support `details`, but I don't fully count this against my site's support for its engine because WeasyPrint targets non-interactive print media. Instead, I just ensure that the site makes sense in WeasyPrint without special `details` styling. Since my stylesheets define a border around `summary` and `details` elements, and since I they always start with the word "toggle", they mostly make sense even when not rendered with special builtin styles.
Some engines I have not yet tested, but hope to try in the future:
- [Flow Browser](https://www.ekioh.com/flow-browser/)
@ -235,4 +233,8 @@ This site is **privacy-respecting.** Its <abbr title="Content Security Policy">C
[^3]: Strictly speaking, Opera still supports Presto to a limited degree. Opera Mini's "Extreme" mode still uses a server-side Presto rendering engine; see {{<mention-work itemprop="citation" role="doc-credit" itemtype="Article">}}{{<cited-work name="Opera Browsers, Modes & Engines" url="https://dev.opera.com/articles/browsers-modes-engines/" extraName="headline">}}{{</mention-work>}}. That said, I do test with the outdated desktop Presto engine in a sandboxed environment.
[^4]: WeasyPrint doesn't support `details`, but I don't fully count this against my site's support for its engine because WeasyPrint targets non-interactive print media. Instead, I just ensure that the site makes sense in WeasyPrint without special `details` styling. Since my stylesheets define a border around `summary` and `details` elements, and since I they always start with the word "toggle", they mostly make sense even when not rendered with special builtin styles.
[^5]: Ladybird clips the superscripts I use for footnotes, rendering their text invisible but still clickable. They look like blank underlines with no text, but are still clickable and navigate to the appropriate footnote with a backlink. Borders around `<details>` are buggy. Everything otherwise works.