From 9b151a342de94b1f8d25fa0ed5c35128032d990e Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Mon, 9 Jan 2023 20:31:22 -0800
Subject: [PATCH] Add yawn

---
 index.html |  2 ++
 style.css  | 15 +++++++++++++++
 2 files changed, 17 insertions(+)

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
-- 
2.47.3