Moar badges

content/meta/badges.md

@@ -11,24 +11,25 @@ My collection of 88x31 badges, representing what I and this site use and stand f
 
 Use this to link to me!
 
-<a href="https://seirdy.one/">{{<picture name="b/sticker_88x31" alt="My favicon, a white colon and semicolon on a black backround, next to the word Seirdy." class="pix" width="88" height="31">}}</a>
+<a href="https://seirdy.one/">{{<picture name="b/sticker_88x31" alt="My favicon, a white colon and semicolon on a black backround, next to the word Seirdy." width="162" height="62" class="pix">}}</a>
 
 ## About this site
 
 Read more about the design of this site in my [site design standards page]({{<relref "/meta/site-design.md">}}).
 
-<a href="https://anybrowser.org/campaign/">{{<picture name="b/any_browser" alt="The text “any browser you like.” next to a light prism." class="pix" width="88" height="31">}}</a>
-<a href="https://dd-b.net/lynx-enhanced.html">{{<picture name="b/lynx_enh" alt="Lynx Enhanced." class="pix" width="88" height="31">}}</a>
-<a href="https://www.torproject.org/">{{<picture name="b/tor" alt="The Tor Project." class="pix" width="88" height="31">}}</a>
-{{<picture name="b/cookie_free" alt="This site is certified 100% cookie free!" class="pix" width="88" height="31">}}
-{{<picture name="b/javascript-zero" alt="Proudly zero JavaScript!" class="pix" width="88" height="31">}}
-{{<picture name="b/is_it_slow_say_so" alt="Is it slow? Say so!" class="pix" width="88" height="31">}}
-{{<picture name="b/dark-mode" alt="Made for Dark Mode!" class="pix" width="88" height="31">}}
-<a href="https://git.sr.ht/~seirdy/seirdy.one/tree/master/item/linter-configs/vnu_filter.jq">{{<picture name="b/html5" alt="W3C valid HTML5." class="pix" width="88" height="31">}}</a>
-<a href="https://validator.w3.org/feed/check.cgi?url=https%3A%2F%2Fseirdy.one%2Fatom.xml">{{<picture name="b/valid-atom" alt="Valid Atom feed." class="pix" width="88" height="31">}}</a>
-<a href="https://www.w3.org/TR/WCAG22/">{{<picture name="b/valid-wai-aaa" alt="W3C WAI-AAA WCAG 2.0." class="pix" width="88" height="31">}}</a>
-<a href="https://indieweb.org/Webmention">{{<picture name="b/webmentions" alt="Webmentions supported." class="pix" width="88" height="31">}}</a>
-<a href="https://internet.nl/faqs/ipv6/">{{<picture name="b/ipv6" alt="The word “IPv6” next to a green checkmark." class="pix" width="88" height="31">}}</a>
+<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>
+{{<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/is_it_slow_say_so" alt="Is it slow? Say so!" width="162" height="62" class="pix">}}
+{{<picture name="b/dark-mode" alt="Made for Dark Mode!" width="162" height="62" class="pix">}}
+<a href="https://git.sr.ht/~seirdy/seirdy.one/tree/master/item/linter-configs/vnu_filter.jq">{{<picture name="b/html5" alt="W3C valid HTML5." width="162" height="62" class="pix">}}</a>
+<a href="https://git.sr.ht/~seirdy/seirdy.one/tree/master/item/linter-configs/vnu_filter.jq">{{<picture name="b/vcss" alt="W3C valid CSS." width="162" height="62" class="pix">}}</a>
+<a href="https://validator.w3.org/feed/check.cgi?url=https%3A%2F%2Fseirdy.one%2Fatom.xml">{{<picture name="b/valid-atom" alt="Valid Atom feed." width="162" height="62" class="pix">}}</a>
+<a href="https://www.w3.org/TR/WCAG22/">{{<picture name="b/valid-wai-aaa" alt="W3C WAI-AAA WCAG 2.0." width="162" height="62" class="pix">}}</a>
+<a href="https://indieweb.org/Webmention">{{<picture name="b/webmentions" alt="Webmentions supported." width="162" height="62" class="pix">}}</a>
+<a href="https://internet.nl/faqs/ipv6/">{{<picture name="b/ipv6" alt="The word “IPv6” next to a green checkmark." width="162" height="62" class="pix">}}</a>
 
 ### Notes on "About this site" badges
 
@@ -38,14 +39,15 @@ Before you email me about how my site has invalid markup and doesn't deserve the
 
 ## Ideological affinity, web-related
 
-{{<picture name="b/anonymize" alt="Anonymize the web now!" class="pix" width="88" height="31">}}
-<a href="https://justinjackson.ca/webmaster/">{{<picture name="b/fckingwww" alt="The dark green text “fucking webmaster” on a shell prompt in a terminal window." width="88" height="31">}}</a>
-<a href="https://www.w3.org/QA/Tips/iso-date">{{<picture name="b/iso" alt="ISO-8601 now! YYYY-MM-DD." width="88" height="31">}}</a>
-<a href="https://yesterweb.org/no-to-web3/">{{<picture name="b/keep" alt="Keep the Web free. Say no to Web3." width="88" height="31">}}</a>
-{{<picture name="b/nn" alt="I support Net Neutrality." width="88" height="31">}}
-{{<picture name="b/noblink" alt="No <blink> tags! 3.0." width="88" height="31">}}
-{{<picture name="b/right2repair" alt="I support right to repair." width="88" height="31">}}
-<a href="https://web.archive.org/web/20060206224207fw_/http://www.subreality.com/yellow.htm">{{<picture name="b/yellow_ribbon" alt="Yellow ribbon: online friendship means something!" width="88" height="31">}}</a>
+{{<picture name="b/anonymize" alt="Anonymize the web now!" width="162" height="62" class="pix">}}
+<a href="https://justinjackson.ca/webmaster/">{{<picture name="b/fckingwww" alt="The dark green text “fucking webmaster” on a shell prompt in a terminal window." width="162" height="62" class="pix">}}</a>
+<a href="https://www.w3.org/QA/Tips/iso-date">{{<picture name="b/iso" alt="ISO-8601 now! YYYY-MM-DD." width="162" height="62" class="pix">}}</a>
+<a href="https://yesterweb.org/no-to-web3/">{{<picture name="b/keep" alt="Keep the Web free. Say no to Web3." width="162" height="62" class="pix">}}</a>
+{{<picture name="b/nn" alt="I support Net Neutrality." width="162" height="62" class="pix">}}
+{{<picture name="b/noblink" alt="No <blink> tags! 3.0." width="162" height="62" class="pix">}}
+{{<picture name="b/right2repair" alt="I support right to repair." width="162" height="62" class="pix">}}
+<a href="https://www.w3.org/Promotion/WIP/">{{<picture name="b/wip" alt="The text “Web Interoperability Pledge” next to a drawing of gears." width="162" height="62" class="pix">}}</a>
+<a href="https://web.archive.org/web/20060206224207fw_/http://www.subreality.com/yellow.htm">{{<picture name="b/yellow_ribbon" alt="Yellow ribbon: online friendship means something!" width="162" height="62" class="pix">}}</a>
 
 ### Notes on "Ideological affinity, Web-related" badges
 
@@ -53,32 +55,47 @@ I included "Right to repair" in this section because I think that page-alteratio
 
 ## Ideological affinity, other
 
-{{<picture name="b/animegay" alt="Anime is gay as hell but I approve!" class="pix" width="88" height="31">}}
-{{<picture name="b/antinazi" alt="No nazi. No fascism. No racism." class="pix" width="88" height="31">}}
-{{<picture name="b/brolove" alt="The words “It's okay to give your bros some love” next to two anime boys kissing." class="pix" width="88" height="31">}}
-{{<picture name="b/catboys" alt="The words “catboys meow!” next to a silhouette of a cat head flapping its ears." class="pix" width="88" height="31">}}
-<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." class="pix" width="88" height="31">}}</a>
-<a href="https://creativecommons.org/licenses/by-sa/4.0/">{{<picture name="b/cc-by-sa" alt="Creative Commons BY-SA license." width="88" height="31">}}</a>
-<a href="https://www.defectivebydesign.org/">{{<picture name="b/dbd" alt="Defective by design. Eliminate DRM now!" width="88" height="31">}}</a>
+I might eventually move these to a separate page under the "About" section of my site.
+
+{{<picture name="b/antinazi" alt="No nazi. No fascism. No racism." width="162" height="62" class="pix">}}
+{{<picture name="b/animegay" alt="Anime is gay as hell but I approve!" width="162" height="62" class="pix">}}
+{{<picture name="b/brolove" alt="The words “It's okay to give your bros some love” next to two anime boys kissing." width="162" height="62" class="pix">}}
+{{<picture name="b/catboys" alt="The words “catboys meow!” next to a silhouette of a cat head flapping its ears." width="162" height="62" class="pix">}}
+{{<picture name="b/genderfluid" alt="genderfluid flag." width="162" height="62" class="pix">}}
+{{<picture name="b/trans-rights" alt="Trans rights now!" width="162" height="62" class="pix">}}
+{{<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://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.defectivebydesign.org/">{{<picture name="b/dbd" alt="Defective by design. Eliminate DRM now!" 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="88" height="31">}}</a>
-<a href="https://fedoraproject.org/">{{<picture name="b/fedora" alt="Powered by Fedora™." width="88" height="31">}}</a>
-<a href="https://neovim.io/">{{<picture name="b/neovim" alt="Made with NeoVim." width="88" height="31">}}</a>
-<a href="https://www.gutenberg.org/">{{<picture name="b/gutenberg" alt="Project Gutenberg." width="88" height="31">}}</a>
-<a href="https://archive.org/?noscript=true">{{<picture name="b/internetarchive" alt="Internet Archive." width="88" height="31">}}</a>
-<a href="https://wiby.me/about/">{{<picture name="b/wiby" alt="Wiby.me search." width="88" height="31">}}</a>
+<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://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>
 
 ## Friendly 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="88" height="31">}}</a>
-<a href="https://tea.cuddleslut.fr/">{{<picture name="b/tea_banner" alt="the word “tea” over a nonbinary flag next to a blushing personified teacup." width="88" height="31">}}</a>
-<a href="https://astrid.tech/">{{<picture name="b/astriddottech" alt="astrid dot tech in glitchy distorted letters." width="88" height="31">}}</a>
+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.
+
+<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://tea.cuddleslut.fr/">{{<picture name="b/tea_banner" alt="the word “tea” over a nonbinary flag next to a blushing personified teacup." 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>
+<a href="https://itzzen.net/">{{<picture name="b/itzzen" alt="www dot itzzen dot net." width="162" height="62" class="pix">}}</a>
+<a href="https://daudix.codeberg.page/about/">{{<picture name="b/daudix" alt="Daudix." width="162" height="62" class="pix">}}</a>
+<a href="https://georgemoody.envs.net/">{{<picture name="b/daudix" alt="Daudix." width="162" height="62" class="pix">}}</a>
+<a href="https://yesterweb.org/">{{<picture name="b/yesterweb" alt="YesterWeb: reclaim the net." width="162" height="62" class="pix">}}</a>
+
+### 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
 
-{{<picture name="b/graphicdesign" alt="The words “graphic design is my passion” next to a bad drawing of a frog. Sarcasm implied." class="pix" width="88" height="31">}}
-{{<picture name="b/ilovehorror" alt="I heart horror." width="88" height="31">}}
+{{<picture name="b/graphicdesign" alt="The words “graphic design is my passion” next to a bad drawing of a frog. Sarcasm implied." width="162" height="62" class="pix">}}
+{{<picture name="b/ilovehorror" alt="I heart horror." width="162" height="62" class="pix">}}