From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 10 Jan 2023 04:31:22 +0000 (-0800)
Subject: Add yawn
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=9b151a342de94b1f8d25fa0ed5c35128032d990e;p=sleepy-operators

Add yawn
---

diff --git a/index.html b/index.html
index a156bfa..e0fe49c 100644
--- a/index.html
+++ b/index.html
@@ -68,6 +68,8 @@
     </main>
   </div>
 
+  <div class="yawn">🥱</div>
+  
   <script type="module" src="/script.js"></script>
 </body>
 
diff --git a/style.css b/style.css
index bae0a2e..9349196 100644
--- a/style.css
+++ b/style.css
@@ -105,4 +105,19 @@ a>svg:focus-within {
 
 abbr:has(kbd) {
   text-decoration: none;
+}
+
+.yawn {
+  position: fixed;
+  bottom: 8px;
+  right: 8px;
+  cursor: pointer;
+  opacity: 10%;
+  transition: opacity 600ms;
+}
+
+.yawn:hover,
+.yawn:focus-within {
+  opacity: 65%;
+  transition: opacity 200ms;
 }
\ No newline at end of file