From abae18cbc22c540f51fd4e61d5ec9daba0a2b305 Mon Sep 17 00:00:00 2001
From: Rohan Kumar <seirdy@seirdy.one>
Date: Mon, 6 May 2024 01:42:28 -0400
Subject: [PATCH] Add hand-coded HTML badge

---
 assets/p/b/handcoded.png | Bin 0 -> 739 bytes
 content/meta/badges.md   |  20 ++++++++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 assets/p/b/handcoded.png

diff --git a/assets/p/b/handcoded.png b/assets/p/b/handcoded.png
new file mode 100644
index 0000000000000000000000000000000000000000..2b1d363f868a75c8439598ceabc03fc2c935774f
GIT binary patch
literal 739
zcmV<90v!E`P)<h;3K|Lk000e1NJLTq003A30018d0{{R3R2KTu0000mP)t-s|NsC0
z%*@Qp|IEzHnauzHnar7)%>QPYW|_?YGiGLHW;15YGiGKpGcy1)W&i*HblR>r0007R
zNkl<Zc-pm-;gaew2!)ZPXt_|{|84IHWY(;;Gx}rCY~YlvpNL4Q+jhT~x$pb^_S@Az
zY*nRil#u<$fVaBkUBLeiyzLXb@7sXf7ni!@7JfteN|;1~Z~K1Bw^>|jWSpGW*FCRs
zd%Agz%J$(PLO%!Bj4|c6Y^GH$<a2P*fxd71X&e$OSwra>e0#c;i*bxmzsTeFQ#*k#
zw*qR4Z|*Hvmyh1mLSMIH+lW9)ySkDG{5x=S<3s|l9^vhEk4JaS_xHcN7ICZMhWwNr
z5uDdy&BHxj_IL=d@Q}<^d@|TvW^ooo8+Zz!BfFb7Pd2@ihEI1rNAb|?Fh*1WiI4?P
z3a+v>dKK#O4$JJp(=&+DJRr6(am_(A8Vx(ZW@o^-PjR0dHKwEpl>}ZXq3XdvcCrW;
zZ>ZKesfABt2S6;$5uFDY{E~-A<FI~&1L78@GAFH?=OhVl%m8YFINSmycd?%~del;x
zxNtwb^<z{-n6Bj^&4kFp{pchigFB!RM8Xry;<H26MtsR!8+L#if`*WWd42KC$C*9D
z8xk{ps^(!4N)`&sgAhjul8+M|BJLW;NF^>ul$p6|F9OiRsf96K+y<=GD1>kx|DcY8
zSP6QRBdR=~UUY<eZMYr*KY+QO$~eRzKe!`y?n!*W!$O?k$GAXz1C|KOE(ef!{5{oy
z%t%zH(<3w7j8#2@TOUBfIgC!qZbrwjy%3!Fflq>P3C`_qbSZ#K@CyQYu=^$WdVx+I
zpTX#P0e`7E<1@H!7BB|$Ct${4zT!e$+dQApR~80%*=iX67Mx*%p_vO@rZWAh{sTQf
VC#GxwWOD!j002ovPDHLkV1lJJUX}m=

literal 0
HcmV?d00001

diff --git a/content/meta/badges.md b/content/meta/badges.md
index 4ad1ac2..42d4bce 100644
--- a/content/meta/badges.md
+++ b/content/meta/badges.md
@@ -18,6 +18,24 @@ Note that this image's URL is cache-busted. It will change any time I alter my b
 - `https://seirdy.one/sticker_88x31.png`
 - `https://seirdy.one/sticker_88x31.gif`
 
+{{<codefigure>}}{{<codecaption lang="Shell">}}
+
+Code to generate my 88x31 button using [my favicon.svg file](../../favicon.svg), ImageMagick, `rsvg-convert`, and `pngquant`.
+
+{{</codecaption>}}
+
+```figure
+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
+```
+
+{{</codefigure>}}
+
 ## About this site
 
 Read more about the design of this site in my [site design standards page]({{<relref "/meta/site-design.md">}}).
@@ -25,6 +43,7 @@ Read more about the design of this site in my [site design standards page]({{<re
 <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>
+<a href="https://web.archive.org/web/20230607005614/http://www.ermel.org/handcoded/">{{<picture name="b/handcoded" alt="100% hand-coded HTML." 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/web11" alt="Web 1.1." width="162" height="62" class="pix">}}
@@ -86,6 +105,7 @@ See [my "uses" page]({{<relref "/about/uses.md">}}) for some more information.
 <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>
+<a href="https://github.com/yt-dlp/yt-dlp">{{<picture name="b/yt-dl" alt="The word “youtube-dl” flashes on a command prompt" width="162" height="62" class="pix">}}</a>
 
 ## Friendly sites