From 9195aacab22b40e131f41fe7c6418adfe690381e Mon Sep 17 00:00:00 2001
From: Amneesh Singh <natto@weirdnatto.in>
Date: Mon, 1 Sep 2025 19:56:09 +0530
Subject: [PATCH] sticker: make it toggle-able

Signed-off-by: Amneesh Singh <natto@weirdnatto.in>
---
 css/default.css        | 17 +++++++++++++++++
 flake.nix              |  1 +
 templates/default.html | 15 +++++++++------
 3 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/css/default.css b/css/default.css
index e86aa0e..895e7ea 100644
--- a/css/default.css
+++ b/css/default.css
@@ -336,6 +336,23 @@ video {
   align-items: center;
 }
 
+#sticker label:hover {
+  cursor: pointer;
+}
+
+#sticker-toggle {
+  display: none;
+}
+
+#sticker-toggle:checked ~ #sticker {
+  bottom: 1em;
+  left: 1em;
+}
+
+#sticker-toggle:checked ~ #sticker img {
+  display: none;
+}
+
 @media (max-width: 319px) {
   body {
     width: 90%;
diff --git a/flake.nix b/flake.nix
index a6f3401..6e9f8f7 100644
--- a/flake.nix
+++ b/flake.nix
@@ -42,6 +42,7 @@
             buildInputs = with pkgs; [
               cabal-install
               haskellPackages.fourmolu
+              prettier
 
               (texlive.combine {
                 inherit (texlive)
diff --git a/templates/default.html b/templates/default.html
index 4406bfd..788e647 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -54,13 +54,16 @@
         $endfor$
       </ul>
     </footer>
+    <input type="checkbox" id="sticker-toggle" />
     <div id="sticker">
-      hello!
-      <img
-        src="/images/personal/nyn.webp"
-        alt="いらっしゃいませ"
-        aria-hidden="true"
-      />
+      <label for="sticker-toggle"> hello! </label>
+      <label for="sticker-toggle">
+        <img
+          src="/images/personal/nyn.webp"
+          alt="いらっしゃいませ"
+          aria-hidden="true"
+        />
+      </label>
     </div>
   </body>
 </html>