Compare commits
6 commits
031796bd5e
...
e190e5cadc
Author | SHA1 | Date | |
---|---|---|---|
|
e190e5cadc | ||
|
e6861bae5e | ||
|
2ca17b10b0 | ||
|
c12ab4b60a | ||
|
c68069468f | ||
|
59ad2960b0 |
BIN
assets/p/b/egs.png
Normal file
After Width: | Height: | Size: 2.5 KiB |
BIN
assets/p/b/egs.webp
Normal file
After Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 302 B |
Before Width: | Height: | Size: 443 B After Width: | Height: | Size: 447 B |
BIN
assets/p/b/tildeverse.png
Normal file
After Width: | Height: | Size: 1 KiB |
BIN
assets/p/b/vivi-8831.png
Normal file
After Width: | Height: | Size: 813 B |
|
@ -4,6 +4,7 @@ title: "Classic web badges"
|
||||||
outputs:
|
outputs:
|
||||||
- html
|
- html
|
||||||
description: "My curation of over 70 88x31 badges, representing what I and this site use and stand for."
|
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">}}).
|
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">}}).
|
||||||
|
|
||||||
|
@ -29,7 +30,8 @@ magick -background black -size 56x31 -fill white \
|
||||||
-gravity center -font "Iosevka-Term" -pointsize 16 'label:Seirdy' \
|
-gravity center -font "Iosevka-Term" -pointsize 16 'label:Seirdy' \
|
||||||
tmp.png
|
tmp.png
|
||||||
rsvg-convert favicon.svg -aw 31 \
|
rsvg-convert favicon.svg -aw 31 \
|
||||||
| convert - tmp.png +append -background white -splice 1x0+31+0 - \
|
| convert - tmp.png +append -background white -splice 1x0+31+0 \
|
||||||
|
-shave 1x1 -bordercolor white -border 1 - \
|
||||||
| pngquant -s 1 28 - >sticker_88x31.png
|
| pngquant -s 1 28 - >sticker_88x31.png
|
||||||
rm tmp.png
|
rm tmp.png
|
||||||
```
|
```
|
||||||
|
@ -70,6 +72,7 @@ Read more about the design of this site in my [site design standards page]({{<re
|
||||||
### Other info about this site
|
### 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://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://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://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>
|
<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>
|
||||||
|
@ -150,11 +153,13 @@ 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://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://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://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
|
### 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://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://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>
|
<a href="https://xkcd.com/">{{<picture name="b/xkcd" alt="xkcd." width="162" height="62" class="pix">}}</a>
|
||||||
|
|
||||||
### Notes on "Friendly sites" badges
|
### Notes on "Friendly sites" badges
|
||||||
|
@ -167,3 +172,31 @@ 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>
|
<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/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">}}
|
{{<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,7 +1,6 @@
|
||||||
---
|
---
|
||||||
title: "Website todo"
|
title: "Website todo"
|
||||||
date: 2024-05-09T00:49:19-04:00
|
date: 2024-05-09T00:49:19-04:00
|
||||||
draft: true
|
|
||||||
outputs:
|
outputs:
|
||||||
- html
|
- 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)."
|
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)."
|
||||||
|
@ -12,6 +11,8 @@ 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:
|
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.
|
- Add a blogroll.
|
||||||
|
|
||||||
- Create separate pages for bookmarks instead of filling them all on one page, and add Atom/RSS feeds for them.
|
- Create separate pages for bookmarks instead of filling them all on one page, and add Atom/RSS feeds for them.
|
||||||
|
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 644 B |
Before Width: | Height: | Size: 443 B After Width: | Height: | Size: 447 B |