WIP: Redesign

1 files changed, 15 insertions, 5 deletions

diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index aaac808..d145b54 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -1,11 +1,21 @@
 <main>
-  <header class="c-hero">
-    <h1 class="c-hero__title c-hero__title--front">I'm a <strong class="c-hero__emph">red fox</strong> in disguise</h1>
-    <h2 class="c-hero__title c-hero__title--back">Volpeon</h2>
-  </header>
+  <section class="l-landing">
+    <header class="l-landing__banner">
+      <div class="c-landing-banner l-container l-container--pad-x l-container--content">
+        <h1 class="c-landing-banner__title">
+          <span class="c-landing-banner__title-inner">
+            I'm a <strong class="c-landing-banner__emph">red fox</strong> in disguise.
+          </span>
+        </h1>
+        <p>Welcome to my website! I'm Volpeon, a red fox doing human things such as programming, creating vector art, and running a website.</p>
+      </div>
+    </header>
 
-  <section class="l-container l-container--content">
+    <section class="l-landing__content">
+      <div class="l-container l-container--pad-x l-container--content s-body">
 $body$
+      </div>
+    </section>
   </section>
 
   $-- <footer class="c-footer l-container">