From 7531a7125c72227198f7605c6c129d15cd926857 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 23 Mar 2021 18:14:39 +0100
Subject: WIP: Redesign

---
 templates/layouts/index.html | 78 +++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 77 insertions(+), 1 deletion(-)

(limited to 'templates/layouts')

diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index d145b54..bc1b6d4 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -7,12 +7,88 @@
             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>
+        <p>
+          Welcome to my website! I'm Volpeon, a red fox disguised as a human.
+          I enjoy programming, creating vector art and designing user interfaces.
+        </p>
       </div>
     </header>
 
     <section class="l-landing__content">
       <div class="l-container l-container--pad-x 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>
+              </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>
+        </div>
 $body$
       </div>
     </section>
-- 
cgit v1.2.3-70-g09d2