3 files changed, 82 insertions, 2 deletions

diff --git a/templates/base.html b/templates/base.html
index 4a2102e..4fa4ee7 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -35,7 +35,7 @@
     <nav class="c-nav l-container l-container--pad-x">
         <a class="c-nav__logo" href="/" title="$site.title$">
             <svg class="c-nav__logo-symbol">
-                <use xlink:href="#logo" href="#logo"></use>
+                <use href="#logo"></use>
             </svg>
         </a>
         $for(menus.main.items)$
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>
diff --git a/templates/symbols.svg b/templates/symbols.svg
index 1487e5e..d3f2987 100644
--- a/templates/symbols.svg
+++ b/templates/symbols.svg
@@ -6,5 +6,9 @@
          <path fill="currentColor" stroke="none" d="m 9.91599,13 h 2.168035 L 8.584018,3 H 6.4159819 Z" />
          <path fill="currentColor" stroke="none" d="M 9.915975,13 H 12.08401 L 15.584018,3 h -2.168036 z" />
       </symbol>
+
+      <symbol id="icon-link-external" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
+         <path fill="none" stroke="currentColor" d="m 5.25,4.25 h 6.5 v 6.5 m 0,-6.5 -7.5,7.5" />
+      </symbol>
    </defs>
 </svg>