From abf4bd40de93cac0d81869dfe66f2226165c3ca6 Mon Sep 17 00:00:00 2001
From: Jonathan Dahan <git@jonathan.is>
Date: Fri, 17 May 2024 10:55:34 -0400
Subject: [PATCH] tried transitions

---
 style.css | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index 480cde3..29bce15 100644
--- a/style.css
+++ b/style.css
@@ -11,7 +11,10 @@ body {
 img, video { max-width: 100% }
 
 #landing { display: none; text-decoration: underline }
-#landing.active { display: block }
+
+@media (orientation: portrait) {
+  #landing.active { display: block }
+}
 
 header {
   flex-shrink: 0;
@@ -32,7 +35,16 @@ header {
       margin: 0;
       /* turn the menu into a dynamic one for highly vertical devices */
       @media (orientation: portrait) {
-        & li { display: none }
+        & li { display: none; transition: display 3s ease }
+        /* TODO: try this
+        transition: opacity 1s ease-out;
+    opacity: 0;
+    height: 0;
+    overflow: hidden;
+    TO 
+     opacity: 1;
+    height: auto;
+    */
         & li.active { display: inherit }
         &:hover li { display: block }
       }