Compare commits
No commits in common. "e190e5cadc9dc8fba0fdc8ed2e8e27ba8cac3ae0" and "031796bd5ec953677b4dd020aacaf5ae4fa1b22d" have entirely different histories.
e190e5cadc
...
031796bd5e
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 302 B After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 447 B After Width: | Height: | Size: 443 B |
Before Width: | Height: | Size: 1 KiB |
Before Width: | Height: | Size: 813 B |
|
@ -4,7 +4,6 @@ title: "Classic web badges"
|
|||
outputs:
|
||||
- html
|
||||
description: "My curation of over 70 88x31 badges, representing what I and this site use and stand for."
|
||||
image: "b/sticker_88x31.png"
|
||||
---
|
||||
My collection of over 70 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">}}).
|
||||
|
||||
|
@ -30,8 +29,7 @@ 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 \
|
||||
-shave 1x1 -bordercolor white -border 1 - \
|
||||
| convert - tmp.png +append -background white -splice 1x0+31+0 - \
|
||||
| pngquant -s 1 28 - >sticker_88x31.png
|
||||
rm tmp.png
|
||||
```
|
||||
|
@ -72,7 +70,6 @@ Read more about the design of this site in my [site design standards page]({{<re
|
|||
### Other info about this site
|
||||
|
||||
<a href="https://www.mabsland.com/Adoption.html">{{<picture name="b/panda_14c" alt="Smug panda fursona next to the text “Web 14”." width="162" height="62" class="pix">}}</a>
|
||||
<a href="https://tildeverse.org/">{{<picture name="b/tildeverse" alt="Tildeverse." 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>
|
||||
<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>
|
||||
|
@ -153,13 +150,11 @@ Sites that link back to me:
|
|||
<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="Owl’s Roost." width="162" height="62" class="pix">}}</a>
|
||||
<a href="https://viatrix.is-hella.gay/">{{<picture name="b/vivi-8831" alt="Viatrix." width="162" height="62" class="pix">}}</a>
|
||||
|
||||
### Other sites
|
||||
|
||||
<a href="https://eightyeightthirty.one/">{{<picture name="b/eightyeightthirtyone" alt="eighty eight thirty dot one." 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>
|
||||
<a href="https://www.egscomics.com/">{{<picture name="b/egs" alt="El Goonish Shive." 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
|
||||
|
@ -172,31 +167,3 @@ The Yesterweb is winding down its social activity after admin burnout, but it re
|
|||
<a href="https://ooo.eeeee.ooo/">{{<picture name="b/miku" alt="The text “This site is Miku-approved” next to Hatsune Miku." width="162" height="62" class="pix">}}</a>
|
||||
{{<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">}}
|
||||
|
||||
## Credits
|
||||
|
||||
Many were sourced from [88x41db.com](https://88x31db.com/), which itself sources from other directories.
|
||||
|
||||
The following badges come from the sites they link to:
|
||||
|
||||
- Any browser you like
|
||||
- 100% hand-coded HTML
|
||||
- Atom and RSS validation badges
|
||||
- Web-14 censorship panda
|
||||
- AGPLv3 license
|
||||
- Say no to Web3
|
||||
- Web Interoperability Pledge
|
||||
- Standards NOW!
|
||||
- Yellow ribbon
|
||||
- Autistic as fxxk
|
||||
- Defective by Design
|
||||
- Wiby.me
|
||||
- All "friendly sites" badges except xkcd (I don't know who made that)
|
||||
|
||||
Other credits:
|
||||
|
||||
- The W3C CSS badge is from {{<mention-work role="doc-credit" itemtype="Article" itemprop="citation">}}{{<cited-work name="The W3C “validation” icons" url="https://www.w3.org/QA/Tools/Icons" extraName="headline">}} by the <abbr itemscope="" itemtype="https://schema.org/Organization" itemprop="publisher" title="World Wide Web Consortium">W3C</abbr>{{</mention-work>}}
|
||||
- I took the WAI-AA WCAG 2.2 badge from {{<mention-work role="doc-credit" itemtype="WebPage" itemprop="citation">}}{{<cited-work name="Adding WCAG Conformance Logos" url="https://www.w3.org/WAI/standards-guidelines/wcag/conformance-logos/" extraName="headline">}} by the <abbr itemscope="" itemtype="https://schema.org/Organization" itemprop="publisher" title="Web Accessibility Initiative">WAI</abbr>{{</mention-work>}}.
|
||||
- I cropped the "I ❤ Validator" badge from {{<mention-work role="doc-credit" itemtype="Article" itemprop="citation">}}{{<cited-work name="W3C launches Validator Donation and Sponsorship Campaign" url="https://www.w3.org/news/2008/w3c-launches-validator-donation-and-sponsorship-campaign/" extraName="headline">}} by the <abbr itemscope="" itemtype="https://schema.org/Organization" itemprop="publisher" title="World Wide Web Consortium">W3C</abbr>{{</mention-work>}}.
|
||||
- The El Goonish Shive badge is from [an old archived version of its website](https://web.archive.org/web/20071223104609/http://www.egscomics.com:80/banners.html).
|
||||
- Tildeverse badge made by {{<indieweb-person itemprop="mentions" name="DJ Chase" url="https://dj-chase.com/">}}.
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
title: "Website todo"
|
||||
date: 2024-05-09T00:49:19-04:00
|
||||
draft: true
|
||||
outputs:
|
||||
- html
|
||||
description: "A catalog of all the website improvements I hope to make on seirdy.one, but haven't gotten to yet (and some that I have)."
|
||||
|
@ -11,8 +12,6 @@ Here's a catalog of all the website improvements I hope to make on seirdy.one, b
|
|||
|
||||
These are roughly in descending order of importance:
|
||||
|
||||
- Implement [the well-known button standard](https://paste.scorpion-ghost.ts.net/paste/182d4ab3-2e94-4063-b40a-ebd208b2d3a2/org) (by [Arch](https://arch.dog/), via [this Fediverse post](https://floofy.tech/@arch/112461865365597998)) so people can discover [my button](https://seirdy.one/meta/badges/) more easily.
|
||||
|
||||
- Add a blogroll.
|
||||
|
||||
- Create separate pages for bookmarks instead of filling them all on one page, and add Atom/RSS feeds for them.
|
||||
|
|
Before Width: | Height: | Size: 644 B After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 447 B After Width: | Height: | Size: 443 B |