seirdy.one/content/meta/badges.md

date	title	outputs	description
2024-04-19T04:08:01-04:00	Classic web badges	html	My curation of 88x31 badges, representing what I and this site use and stand for.

My collection of 88x31 badges, representing what I and this site use and stand for. If you have a badge you'd like me to add, just ask; it needs to have a format under 3 kb and avoid excessively flashy animations for me to consider it. [See some tools I use for image optimization]({{<relref "/posts/website-best-practices.md#image-optimization">}}).

My badge

Use this to link to me!

{{}}

Note that this image's URL is cache-busted. It will change any time I alter my badge, and is not hotlink-friendly. If you wish to hotlink, use one of these URLs:

• https://seirdy.one/sticker_88x31.png
• https://seirdy.one/sticker_88x31.gif

{{}}{{}}

Code to generate my 88x31 button using my favicon.svg file, ImageMagick, rsvg-convert, and pngquant.

{{}}

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

{{}}

About this site

Read more about the design of this site in my [site design standards page]({{<relref "/meta/site-design.md">}}).

{{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} <a href="{{<relref "/meta/wcag-conformance.md">}}">{{}} {{}} {{}} {{}} {{}}

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. 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">}}).

Ideological affinity, web-related

{{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}}

Notes on "Ideological affinity, Web-related" badges

I included "Right to repair" in this section because I think that page-alteration (via adblockers, inspect-element, userstyles, etc.) counts as exercising one's right to (software) repair. Free software, accessibility, and Right to Repair are interlinked. I previously microblogged [in defense of content blocking from a right-to-repair perspective]({{<relref "/notes/in-defense-of-content-blocking.md">}}).

Ideological affinity, other

I might eventually move these to a separate page under the "About" section of my site.

{{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}}

Things I use

See [my "uses" page]({{<relref "/about/uses.md">}}) for some more information.

{{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}}

Friendly sites

These are some people/websites I think are cool! I might eventually move these to a separate page under the "About" section of my site.

Reciprocal

Sites that link back to me:

{{}} {{}} {{}}

Other personal sites

{{}} {{}} {{}} {{}} {{}} {{}} {{}}

Other sites

{{}} {{}}

Notes on "Friendly sites" badges

The Yesterweb is winding down its social activity after admin burnout, but it remains an important place during the Old Web revival of the late-2010s to early-2020s. I'm keeping the badge even if the rest of the shuts down (though it'll probably stick around in archived form).

Other

{{}} {{}} {{}}