M assets/css/style.css → assets/css/style.css

@@ -32,6 +32,7 @@
 pre, code {
   color: var(--f_med);
   border: 1px solid var(--b_low);
+  border-radius: var(--border-radius);
 }
 
 code {

D assets/img/goat-d.png

D assets/img/vista-d.png

M pages/index.html → pages/index.html

@@ -13,30 +13,12 @@ a {
         color: var(--f_med);
     }
 
-    ul {
-        list-style: none;
-        text-align: center;
-        font-size: 1.25rem;
-        padding: 0;
-    }
-
-    li {
-        padding-bottom: 1rem;
-    }
-
     .content {
         margin: 3rem auto 8rem;
-        border: 3px solid var(--b_inv);
         padding: 2rem;
-        box-shadow: 8px 8px var(--background);
         max-width: 30rem;
         background: var(--background);
-    }
-
-    .ident-imgs {
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
+        border-radius: var(--border-radius);
     }
 
     .logo {
@@ -46,45 +28,24 @@ height: 8rem;
         margin: 0 auto;
     }
 
-    .name {
-        display: block;
-        letter-spacing: 0.5rem;
-        font-family: monospace;
-        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;
-    }
-
-    h2 {
-        letter-spacing: 0.5rem;
-        font-family: monospace;
-        color: var(--b_high);
-        text-align: center;
-    }
-
     blockquote {
-        color: var(--f_high);
+        color: var(--f_med);
         text-align: center;
         margin: 3rem 0.5rem 1rem;
     }
 
-    blockquote + p {
-        color: var(--f_med);
-        text-align: center;
+    blockquote p {
+        margin: 0.5rem;
     }
 
-    blockquote + p > span {
-        font-style: italic;
+    blockquote + cite {
+        color: var(--f_med);
+        display: block;
+        text-align: center;
     }
 
-    .round-img {
-        width: 6rem;
-        height: 6rem;
-        border-radius: 50%;
-        display: block;
-        margin: 0 auto;
+    blockquote + cite::before {
+        content: "- ";
     }
 
     .header {
@@ -99,20 +60,8 @@ object-position: center;
         image-rendering: crisp-edges;
     }
 
-    .divider > hr {
-        top: -4rem;
-        position: relative;
-        padding: 0;
-        margin: 0;
-        animation: none;
-        border: 1px solid var(--b_low);
-    }
-
-    .divider > .round-img {
-        z-index: 1;
-        position: relative;
-        border: 1rem solid var(--background);
-        image-rendering: crisp-edges;
+    hr {
+        border: 1px solid var(--b_inv);
     }
 
     nav {
@@ -123,6 +72,10 @@ nav ul {
         display: flex;
         justify-content: center;
         flex-wrap: wrap;
+        list-style: none;
+        text-align: center;
+        font-size: 1.25rem;
+        padding: 0;
     }
 
     nav li {
@@ -158,43 +111,10 @@ .content {
             max-width: 17rem;
         }
 
-        .name {
-            font-size: 1.5rem;
-        }
-
         .logo {
             width: 6rem;
             height: 6rem;
         }
-
-        .round-img {
-            width: 4rem;
-            height: 4rem;
-        }
-
-        .divider > hr {
-            top: -3rem;
-        }
-    }
-
-    @keyframes fade-in {
-        from {
-            opacity: 0;
-        }
-
-        to {
-            opacity: 1;
-        }
-    }
-
-    @keyframes spacing {
-        from {
-            letter-spacing: normal;
-        }
-
-        to {
-            letter-spacing: 0.5rem;
-        }
     }
 </style>
 {{ end }}
@@ -205,7 +125,6 @@ <img class="header-img" src="/assets/img/sunset-d.png">
 </div>
 <div class="content">
     <img class="logo" src="/assets/svg/logo-light.svg">
-    <h1 class="name">deserthorns</h1>
     <nav>
         <ul>
             <li>
@@ -226,15 +145,12 @@ <a href="https://git.deserthorns.net/">git</a>
             </li>
         </ul>
     </nav>
-    <div class="divider">            
-        <img class="round-img" src="/assets/img/vista-d.png">
-        <hr>
-    </div>
+    <hr>
     <blockquote>
         <p>Your hearts know in silence the secrets of the days and the nights.</p>
         <p>But your ears thirst for the sound of your heart’s knowledge.</p>
     </blockquote>
-    <p>- Khalil Gibran, <span>The Prophet</span></p>        
+    <cite>Khalil Gibran, The Prophet</cite>
 </div>
 {{ end }}