From ef58809a37a7ad95c9bdef8e9f465adb3904ffdf Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 26 Mar 2021 22:48:01 +0100
Subject: WIP: Redesign

---
 templates/layouts/index.html | 80 ++++++--------------------------------------
 1 file changed, 11 insertions(+), 69 deletions(-)

(limited to 'templates/layouts')

diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index bc1b6d4..b2ccaa6 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -1,7 +1,7 @@
 <main>
   <section class="l-landing">
     <header class="l-landing__banner">
-      <div class="c-landing-banner l-container l-container--pad-x l-container--content">
+      <div class="c-landing-banner l-container l-container--pad-x l-container--pad-y 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.
@@ -15,80 +15,22 @@
     </header>
 
     <section class="l-landing__content">
-      <div class="l-container l-container--pad-x l-container--content s-body">
+      <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-body">
         <h1 class="c-section-heading">My profiles</h1>
 
         <div class="l-card-grid">
-          <div class="c-card">
-            <div class="c-card__content">
-              <div>
-                <strong class="u-db">Bandcamp</strong>
-                <small>volpeon</small>
+          $for(profiles)$
+            <div class="c-card">
+              <div class="c-card__content">
+                <div>
+                  <strong class="u-db">$it.platform$</strong>
+                  <small class="u-db">$it.username$</small>
+                </div>
               </div>
-              <svg class="c-card__icon o-icon">
-                <use href="#icon-link-external"></use>
-              </svg>
             </div>
-            <div class="c-card__content c-card__content--flip">
-              <a href="https://bandcamp.com/volpeon">View profile</a>
-            </div>
-          </div>
-
-          <div class="c-card">
-            <div class="c-card__content">
-              <div>
-                <strong class="u-db">E-Mail</strong>
-                <small>me@volpeon.ink</small>
-              </div>
-            </div>
-          </div>
-
-          <div class="c-card">
-            <div class="c-card__content">
-              <div>
-                <strong class="u-db">Fediverse</strong>
-                <small>@volpeon@fedi.vulpes.one</small>
-              </div>
-            </div>
-          </div>
-
-          <div class="c-card">
-            <div class="c-card__content">
-              <div>
-                <strong class="u-db">IRC</strong>
-                <small>volpeon</small>
-              </div>
-              <svg class="c-card__icon o-icon">
-                <use href="#icon-link-external"></use>
-              </svg>
-            </div>
-            <div class="c-card__content c-card__content--flip">
-              <div>
-                <a href="irc://irc.furnet.org">Furnet</a>,
-                <a href="ircs://chat.freenode.net">Freenode</a>,
-                <a href="ircs://irc.vulpes.one">irc.vulpes.one</a>
-              </div>
-            </div>
-          </div>
-          
-          <div class="c-card">
-            <div class="c-card__content">
-              <div>
-                <strong class="u-db">PeerTube</strong>
-                <small>@volpeon@pt.vulpes.one</small>
-              </div>
-            </div>
-          </div>
-
-          <div class="c-card">
-            <div class="c-card__content">
-              <div>
-                <strong class="u-db">XMPP</strong>
-                <small>&lt;available&gt;</small>
-              </div>
-            </div>
-          </div>
+          $endfor$
         </div>
+
 $body$
       </div>
     </section>
-- 
cgit v1.2.3-70-g09d2