summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/layouts/index.html27
-rw-r--r--templates/symbols.svg28
2 files changed, 43 insertions, 12 deletions
diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index 9b43503..d819455 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -7,7 +7,7 @@
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> 10 <p class="c-landing-banner__text">
11 Welcome to my website! I'm Volpeon, a red fox disguised as a human. 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. 12 I enjoy programming, creating vector art and designing user interfaces.
13 </p> 13 </p>
@@ -25,17 +25,20 @@
25 $else$ 25 $else$
26 <div class="c-card"> 26 <div class="c-card">
27 $endif$ 27 $endif$
28 <div class="c-card__content"> 28 $if(it.icon)$
29 <div> 29 <svg class="c-card__icon o-icon">
30 <strong class="u-db">$it.platform$</strong> 30 <use href="#icon-$it.icon$"></use>
31 <small class="u-db">$it.username$</small> 31 </svg>
32 </div> 32 $endif$
33 $if(it.url)$ 33 <div class="c-card__content">
34 <svg class="c-card__icon o-icon"> 34 <strong class="u-db">$it.platform$</strong>
35 <use href="#icon-link-external"></use> 35 <small class="u-db">$it.username$</small>
36 </svg> 36 </div>
37 $endif$ 37 $if(it.url)$
38 </div> 38 <svg class="c-card__icon o-icon">
39 <use href="#icon-link-external"></use>
40 </svg>
41 $endif$
39 $if(it.url)$ 42 $if(it.url)$
40 </a> 43 </a>
41 $else$ 44 $else$
diff --git a/templates/symbols.svg b/templates/symbols.svg
index d3f2987..7972457 100644
--- a/templates/symbols.svg
+++ b/templates/symbols.svg
@@ -7,8 +7,36 @@
7 <path fill="currentColor" stroke="none" d="M 9.915975,13 H 12.08401 L 15.584018,3 h -2.168036 z" /> 7 <path fill="currentColor" stroke="none" d="M 9.915975,13 H 12.08401 L 15.584018,3 h -2.168036 z" />
8 </symbol> 8 </symbol>
9 9
10 <symbol id="icon-envelope" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
11 <path fill="none" stroke="currentColor"
12 d="m1.25 4.9995 6.75 4.25 6.75-4.25m-12.75-2.125h12c0.4155 0 0.75 0.3345 0.75 0.75v8.8755c0 0.4155-0.3345 0.75-0.75 0.75h-12c-0.4155 0-0.75-0.3345-0.75-0.75v-8.8755c0-0.4155 0.3345-0.75 0.75-0.75z" />
13 </symbol>
14
15 <symbol id="icon-hash" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
16 <path fill="none" stroke="currentColor" d="m5.2497 13.75 1.0003-11m2.9997 11 1.0003-11m-7.5 3.5h10m-10 4h10" />
17 </symbol>
18
19 <symbol id="icon-messages" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
20 <path fill="none" stroke="currentColor"
21 d="m 2.5,1.75 h 8 c 0.4155,0 0.75,0.3345 0.75,0.75 v 5.499875 c 0,0.4155 -0.3345,0.75 -0.75,0.75 H 4.75 l -3,3.00025 V 2.5 C 1.75,2.0845 2.0845,1.75 2.5,1.75 Z" />
22 <path fill="none" stroke="currentColor" d="m 6.75,11.750125 h 4.5 l 3,3 V 6.25" />
23 </symbol>
24
10 <symbol id="icon-link-external" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid"> 25 <symbol id="icon-link-external" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
11 <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" /> 26 <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" />
12 </symbol> 27 </symbol>
28
29 <symbol id="icon-bandcamp" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
30 <path fill="none" stroke="currentColor" d="m 15.25,4.25 -5,7.5 h -9.5 l 5,-7.5 z" />
31 </symbol>
32
33 <symbol id="icon-play" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
34 <path fill="none" stroke="currentColor" d="M 4.25,3.25 11.75,8 4.25,12.75 Z" />
35 </symbol>
36
37 <symbol id="icon-share" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid">
38 <path fill="none" stroke="currentColor"
39 d="M 5.75,8 A 1.75,1.75 0 0 1 4,9.75 1.75,1.75 0 0 1 2.25,8 1.75,1.75 0 0 1 4,6.25 1.75,1.75 0 0 1 5.75,8 Z m 7.5,-4 A 1.75,1.75 0 0 1 11.5,5.75 1.75,1.75 0 0 1 9.75,4 1.75,1.75 0 0 1 11.5,2.25 1.75,1.75 0 0 1 13.25,4 Z m 0,8 A 1.75,1.75 0 0 1 11.5,13.75 1.75,1.75 0 0 1 9.75,12 1.75,1.75 0 0 1 11.5,10.25 1.75,1.75 0 0 1 13.25,12 Z M 5.5273914,7.1280734 9.9,4.75 M 5.5098034,8.8930085 9.9,11.25" />
40 </symbol>
13 </defs> 41 </defs>
14</svg> 42</svg>