diff options
Diffstat (limited to 'templates/layouts')
-rw-r--r-- | templates/layouts/index.html | 78 |
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><available></small> | ||
88 | </div> | ||
89 | </div> | ||
90 | </div> | ||
91 | </div> | ||
16 | $body$ | 92 | $body$ |
17 | </div> | 93 | </div> |
18 | </section> | 94 | </section> |