WIP: Redesign

4 files changed, 53 insertions, 42 deletions

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index d213bb8..b32d2d5 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,6 +1,5 @@
 <main class="c-page s-page l-container l-container--content l-container--pad-v">
-    <div class="c-page__content">
-        <h1 class="c-page__prefixed c-page__prefixed--h1">$title$</h1>
+    <div class="c-page__content s-page-content">
 $body$
 
         $for(pages.by_category)$
diff --git a/templates/layouts/index copy.html b/templates/layouts/index copy.html
new file mode 100644
index 0000000..34d8b0f
--- /dev/null
+++ b/templates/layouts/index copy.html
@@ -0,0 +1,45 @@
+<main class="c-page s-page l-container l-container--content l-container--pad-v l-container--pad-v--first">
+    <div class="c-page__content">
+        <header class="c-hero u-hidden@sm-down" role="presentation">
+        $-- ' |      '     '             '     '            '   | |    |           '     '
+        $--   |      '     '             '       //\_       '   | ' .  |           '     '
+        $--  .|      '      ____,...,______..,_~``  -`..,   '   |    ' |           '     '
+        $--   |       _,~´"'  ,               .    ,~--´    '  _|  | . |~~.__      '     '
+        $-- | |    ,-"    _.-|~/  |..,____,) ,/,,"'         '_( | '    |)    )     '     '
+        $--  '|    \__,~"´   /:) /       |:\ \            ,~(    ) . | |  )   `,   '   _,--.
+        $-- ___\___.___:____(:/\_-,______\:.\_-,____.__\_.\______.__:___\__.___)_.___,/_____
+        $-- ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
+            
+        <pre class="c-hero__pre c-page__prefixed c-page__prefixed--pre u-mt0 u-hidden@sm-down">
+``  ' |      '     '             '     '            '   | |    |           '     '  
+``    |      '     '             '       <strong>//\_</strong>       '   | ' .  |           '     '  
+``   .|      '      <strong>____,...,______..,_~``  -`..,</strong>   '   |    ' |           '     '  
+``    |       <strong>_,~´"'  ,               .    ,~--´</strong>    '  _|  | . |~~.__      '     '  
+``  | |    <strong>,-"    _.-|~/  |..,____,) ,/,,"'</strong>         '_( | '    |)    )     '     '  
+``   '|    <strong>\__,~"´   /:) /       |:\ \</strong>            ,~(    ) . | |  )   `,   '   _,--.
+``     \   .   :    <strong>(:/\_-,      \:.\_-,</strong>    .  \ .\      .  :   \  .   ) . ' ,/     </pre>
+
+        </header>
+
+$body$
+    </div>
+</main>
+
+<footer class="c-footer l-container">
+  9thPK7O3xn
+</footer>
+
+<template id="header-sm">
+    $-- .|                     //\__      '  .'      |  . |           ' . ' 
+    $--  |      _.~-"""-----~``  ,-´      '   '      |'   |           '   ' 
+    $-- '|   .´  ,~'\ ).,__,)/,,"         ' . '      |  | |           '  .' 
+    $--  |_  `~´   (/\\,   (/\\,         _'   '_    _| '  |_         _'   '_
+
+    <pre class="c-hero__pre c-page__prefixed c-page__prefixed--pre u-mt0 $if(section.is_index)$u-hidden@sm-up$endif$">
+`` .|   <strong>                  //\__</strong>      '  .'      |  . |           ' . ' 
+``  |   <strong>   _.~-"""-----~``  ,-´</strong>      '   '      |'   |           '   ' 
+`` '|   <strong>.´  ,~'\ ).,__,)/,,"   </strong>      ' . '      |  | |           '  .' 
+``  |_  <strong>`~´   (/\\,   (/\\,    </strong>     _'   '_    _| '  |_         _'   '_</pre>
+</template>
+
+<script src="/index.js" type="text/javascript"></script>
diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index 61edec2..3105472 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -1,26 +1,10 @@
-<main class="c-page s-page l-container l-container--content l-container--pad-v">
-    <div class="c-page__content">
-        <header class="c-hero u-hidden@sm-down" role="presentation">
-        $-- ' |      '     '             '     '            '   | |    |           '     '
-        $--   |      '     '             '       //\_       '   | ' .  |           '     '
-        $--  .|      '      ____,...,______..,_~``  -`..,   '   |    ' |           '     '
-        $--   |       _,~´"'  ,               .    ,~--´    '  _|  | . |~~.__      '     '
-        $-- | |    ,-"    _.-|~/  |..,____,) ,/,,"'         '_( | '    |)    )     '     '
-        $--  '|    \__,~"´   /:) /       |:\ \            ,~(    ) . | |  )   `,   '   _,--.
-        $-- ___\___.___:____(:/\_-,______\:.\_-,____.__\_.\______.__:___\__.___)_.___,/_____
-        $-- ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
-            
-        <pre class="c-hero__pre c-page__prefixed c-page__prefixed--pre u-mt0 u-hidden@sm-down">
-' |      '     '             '     '            '   | |    |           '     '  
-  |      '     '             '       <strong>//\_</strong>       '   | ' .  |           '     '  
- .|      '      <strong>____,...,______..,_~``  -`..,</strong>   '   |    ' |           '     '  
-  |       <strong>_,~´"'  ,               .    ,~--´</strong>    '  _|  | . |~~.__      '     '  
-| |    <strong>,-"    _.-|~/  |..,____,) ,/,,"'</strong>         '_( | '    |)    )     '     '  
- '|    <strong>\__,~"´   /:) /       |:\ \</strong>            ,~(    ) . | |  )   `,   '   _,--.
-   \   .   :    <strong>(:/\_-,      \:.\_-,</strong>    .  \ .\      .  :   \  .   ) . ' ,/     </pre>
-
-        </header>
+<div class="c-hero l-container">
+  <h1 class="c-hero__backtitle">Volpeon</h1>
+  <h2 class="c-hero__title">I'm a <strong class="c-hero__emph">red fox</strong> doing human things</h2>
+</div>
 
+<main class="c-page l-container l-container--content l-container--pad-v l-container--pad-v--first">
+    <div class="c-page__content s-page-content">
 $body$
     </div>
 </main>
@@ -28,18 +12,3 @@ $body$
 <footer class="c-footer l-container">
   9thPK7O3xn
 </footer>
-
-<template id="header-sm">
-    $-- .|                     //\__      '  .'      |  . |           ' . ' 
-    $--  |      _.~-"""-----~``  ,-´      '   '      |'   |           '   ' 
-    $-- '|   .´  ,~'\ ).,__,)/,,"         ' . '      |  | |           '  .' 
-    $--  |_  `~´   (/\\,   (/\\,         _'   '_    _| '  |_         _'   '_
-
-    <pre class="c-hero__pre c-page__prefixed c-page__prefixed--pre u-mt0 $if(section.is_index)$u-hidden@sm-up$endif$">
-.|   <strong>                  //\__</strong>      '  .'      |  . |           ' . ' 
- |   <strong>   _.~-"""-----~``  ,-´</strong>      '   '      |'   |           '   ' 
-'|   <strong>.´  ,~'\ ).,__,)/,,"   </strong>      ' . '      |  | |           '  .' 
- |_  <strong>`~´   (/\\,   (/\\,    </strong>     _'   '_    _| '  |_         _'   '_</pre>
-</template>
-
-<script src="/index.js" type="text/javascript"></script>
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index 640df18..994d013 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,5 +1,5 @@
 <main class="c-page l-container l-container--content l-container--pad-v">
-    <div class="c-page__content">
+    <div class="c-page__content s-page-content">
         <header class="c-page__header">
             $if(menus.main.active)$
                 <div class="c-page__prefixed c-page__prefixed--backref c-page__header__backlink">
@@ -18,9 +18,7 @@
             $endif$
         </header>
 
-        <section class="s-page">
 $body$
-        </section>
     </div>
 </main>