summaryrefslogtreecommitdiffstats
path: root/templates/layouts/index.html
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-03-23 18:14:39 +0100
committerVolpeon <git@volpeon.ink>2021-03-23 18:14:39 +0100
commit7531a7125c72227198f7605c6c129d15cd926857 (patch)
tree134015fc623a89cf9db620f675b396d67c5e503b /templates/layouts/index.html
parentWIP: Redesign (diff)
downloadvolpeon.ink-7531a7125c72227198f7605c6c129d15cd926857.tar.gz
volpeon.ink-7531a7125c72227198f7605c6c129d15cd926857.tar.bz2
volpeon.ink-7531a7125c72227198f7605c6c129d15cd926857.zip
WIP: Redesign
Diffstat (limited to 'templates/layouts/index.html')
-rw-r--r--templates/layouts/index.html78
1 files changed, 77 insertions, 1 deletions
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 @@
7 I'm a <strong class="c-landing-banner__emph">red fox</strong> in disguise. 7 I'm a <strong class="c-landing-banner__emph">red fox</strong> in disguise.
8 </span> 8 </span>
9 </h1> 9 </h1>
10 <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> 10 <p>
11 Welcome to my website! I'm Volpeon, a red fox disguised as a human.
12 I enjoy programming, creating vector art and designing user interfaces.
13 </p>
11 </div> 14 </div>
12 </header> 15 </header>
13 16
14 <section class="l-landing__content"> 17 <section class="l-landing__content">
15 <div class="l-container l-container--pad-x l-container--content s-body"> 18 <div class="l-container l-container--pad-x l-container--content s-body">
19 <h1 class="c-section-heading">My profiles</h1>
20
21 <div class="l-card-grid">
22 <div class="c-card">
23 <div class="c-card__content">
24 <div>
25 <strong class="u-db">Bandcamp</strong>
26 <small>volpeon</small>
27 </div>
28 <svg class="c-card__icon o-icon">
29 <use href="#icon-link-external"></use>
30 </svg>
31 </div>
32 <div class="c-card__content c-card__content--flip">
33 <a href="https://bandcamp.com/volpeon">View profile</a>
34 </div>
35 </div>
36
37 <div class="c-card">
38 <div class="c-card__content">
39 <div>
40 <strong class="u-db">E-Mail</strong>
41 <small>me@volpeon.ink</small>
42 </div>
43 </div>
44 </div>
45
46 <div class="c-card">
47 <div class="c-card__content">
48 <div>
49 <strong class="u-db">Fediverse</strong>
50 <small>@volpeon@fedi.vulpes.one</small>
51 </div>
52 </div>
53 </div>
54
55 <div class="c-card">
56 <div class="c-card__content">
57 <div>
58 <strong class="u-db">IRC</strong>
59 <small>volpeon</small>
60 </div>
61 <svg class="c-card__icon o-icon">
62 <use href="#icon-link-external"></use>
63 </svg>
64 </div>
65 <div class="c-card__content c-card__content--flip">
66 <div>
67 <a href="irc://irc.furnet.org">Furnet</a>,
68 <a href="ircs://chat.freenode.net">Freenode</a>,
69 <a href="ircs://irc.vulpes.one">irc.vulpes.one</a>
70 </div>
71 </div>
72 </div>
73
74 <div class="c-card">
75 <div class="c-card__content">
76 <div>
77 <strong class="u-db">PeerTube</strong>
78 <small>@volpeon@pt.vulpes.one</small>
79 </div>
80 </div>
81 </div>
82
83 <div class="c-card">
84 <div class="c-card__content">
85 <div>
86 <strong class="u-db">XMPP</strong>
87 <small>&lt;available&gt;</small>
88 </div>
89 </div>
90 </div>
91 </div>
16$body$ 92$body$
17 </div> 93 </div>
18 </section> 94 </section>