all repos — www @ e17d6de9c2258e0c206308453f3e74db87b60fb1

deserthorns.net content + generator 

landing page animations, fix landing page header image
sageclove
Sun, 12 Jan 2025 10:20:55 -0700
commit

e17d6de9c2258e0c206308453f3e74db87b60fb1

parent

1ad880b591218b0b18c92868993e87ac8d8adf55

3 files changed, 30 insertions(+), 0 deletions(-)

jump to
D assets/img/sunset-d.jpg 

          

          

        
          
        
          

            

            
            
            
            M
            
          
          index.html
          
            → 
            index.html
          
          
            
@@ -35,6 +35,8 @@ }
 
         hr {
             border: 2px solid var(--f_low);
+            width: 100%;
+            animation: 1.5s ease-in-out expand-width, 1s ease-in-out fade-in;
         }
 
         .content {

@@ -66,6 +68,7 @@ color: var(--b_high);
             font-size: 2rem;
             margin-left: 1rem;
             text-align: center;
+            animation: 1s ease-in-out fade-in, 1s ease-in-out spacing;
         }
 
         .grid-img {

@@ -99,6 +102,33 @@
             .logo {
                 width: 6rem;
                 height: 6rem;
+            }
+        }
+
+        @keyframes fade-in {
+            from {
+                opacity: 0;
+            }
+            to {
+                opacity: 1;
+            }
+        }
+
+        @keyframes spacing {
+            from {
+                letter-spacing: normal;
+            }
+            to {
+                letter-spacing: 0.5rem;
+            }
+        }
+
+        @keyframes expand-width {
+            from {
+                width: 0%;
+            }
+            to {
+                width: 100%;
             }
         }
     </style>