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

Compare commits

...

6 commits

Author SHA1 Message Date
Rohan Kumar
e190e5cadc
remove draft status from website todo 2024-05-18 15:20:35 -04:00
Rohan Kumar
e6861bae5e
Add well-known button standard to my website todo 2024-05-18 15:17:23 -04:00
Rohan Kumar
2ca17b10b0
Update my badge to have a white border 2024-05-18 15:16:55 -04:00
Rohan Kumar
c12ab4b60a
Add well-known button to website todo 2024-05-18 15:09:28 -04:00
Rohan Kumar
c68069468f
More badges + credits
- Credit badges where I can
- Add badges for El Goonish Shive, Viatrix, and the Tildeverse
2024-05-18 15:03:43 -04:00
Rohan Kumar
59ad2960b0
better IA badge
Found via https://alyssajcrawford.gay/
2024-05-17 20:40:47 -04:00
10 changed files with 36 additions and 2 deletions

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 302 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 443 B

After

Width:  |  Height:  |  Size: 447 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

BIN
assets/p/b/vivi-8831.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 813 B

View file

@ -4,6 +4,7 @@ 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&#160;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' \
tmp.png
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
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
<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>
@ -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://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>
<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
@ -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>
{{<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/">}}.

View file

@ -1,7 +1,6 @@
---
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)."
@ -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:
- 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.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 644 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 443 B

After

Width:  |  Height:  |  Size: 447 B