commit efb0dccdee579cacccd18c44307e8289bda6c798 parent b866a18c8c2508af4a524b251bd477651c3faf36 Author: Willem Van Zwol <willem@vanzwol.com> Date: Wed, 13 May 2026 16:58:38 -0700 Improved sun and moon SVGs The old sun for some reason had uneaven rays, and most svg's I could find on SVGrepo.com or other sites were really annoying to try to get working or were just so many characters that it would be awkward working around it in the index.html file, and I do want it inlined rather than an external file because that means more fetching at load time. I manually made these SVGs, wasn't too dificult or time consuming to do, and made the textblocks nice and small. Diffstat:
| M | index.html | | | 8 | ++------ |
1 file changed, 2 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html @@ -34,14 +34,10 @@ <input type="checkbox" id="theme-toggle" class="toggle"> <label for="theme-toggle" class="btn"> <!-- sun --> - <svg class="sun" viewBox="0 0 24 24"> - <path d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-16h1v3h-1zm0 17h1v3h-1zM4.22 5.64l.71-.71 2.12 2.12-.7.7zm12.73 12.73.7-.7 2.12 2.12-.7.7zM2 11h3v1H2zm17 0h3v1h-3zM4.22 18.36l2.12-2.12.7.7-2.11 2.12zm12.73-12.73 2.12-2.12.7.7-2.11 2.12z"/> - </svg> + <svg class="sun" viewBox="0 0 24 24" fill=none stroke=currentColor stroke-linecap=round stroke-width="1.8"><circle cx=12 cy=12 r=4.4 /><path d="M12 2v3m0 14v3M2 12h3m14 0h3M5 5l2 2m10 10l2 2M5 19l2-2m10-10l2-2"/></svg> <!-- moon --> - <svg class="moon" viewBox="0 0 24 24"> - <path d="M21 12.79A9 9 0 0 1 11.21 3c0-.34.02-.67.05-1A10 10 0 1 0 22 12c-.33.05-.66.07-1 .07z"/> - </svg> + <svg class="moon" viewBox="0 0 24 24"><path d="M21 12.8A9 9 0 0 1 9 3c0-.3 0-.7.1-1A10 10 0 1 0 23 12.4c-.3 0-.7.1-1 .1z"/></svg> </label> </div> </nav>