summaryrefslogtreecommitdiffstats
path: root/templates/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-04-12 20:39:04 +0200
committerVolpeon <git@volpeon.ink>2021-04-12 20:39:04 +0200
commit6b2c6c4260b2af2adad37dc1f8c50a904e04f13d (patch)
tree46db61ecffa196c31f19b7f437b554ad1c2a193c /templates/layouts
parentWIP: Redesign (diff)
downloadvolpeon.ink-6b2c6c4260b2af2adad37dc1f8c50a904e04f13d.tar.gz
volpeon.ink-6b2c6c4260b2af2adad37dc1f8c50a904e04f13d.tar.bz2
volpeon.ink-6b2c6c4260b2af2adad37dc1f8c50a904e04f13d.zip
Update
Diffstat (limited to 'templates/layouts')
-rw-r--r--templates/layouts/index.html79
1 files changed, 51 insertions, 28 deletions
diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index d819455..3145b69 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -1,5 +1,5 @@
1<main> 1<main>
2 <section class="l-landing"> 2 <section class="l-section l-landing">
3 <header class="l-landing__banner"> 3 <header class="l-landing__banner">
4 <div class="c-landing-banner l-container l-container--pad-x l-container--pad-y l-container--content"> 4 <div class="c-landing-banner l-container l-container--pad-x l-container--pad-y l-container--content">
5 <h1 class="c-landing-banner__title"> 5 <h1 class="c-landing-banner__title">
@@ -8,41 +8,40 @@
8 </span> 8 </span>
9 </h1> 9 </h1>
10 <p class="c-landing-banner__text"> 10 <p class="c-landing-banner__text">
11 Welcome to my website! I'm Volpeon, a red fox disguised as a human. 11 Hi, I'm Volpeon. I enjoy programming, creating vector art and designing user interfaces.
12 I enjoy programming, creating vector art and designing user interfaces.
13 </p> 12 </p>
14 </div> 13 </div>
15 </header> 14 </header>
16 15
17 <section class="l-landing__content"> 16 <section class="l-landing__content">
18 <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-body"> 17 <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-body">
19 <h1 class="c-section-heading">My profiles</h1>
20
21 <div class="l-card-grid"> 18 <div class="l-card-grid">
22 $for(profiles)$ 19 $for(profiles)$
23 $if(it.url)$ 20 $if(it.featured)$
24 <a class="c-card" href="$it.url$"> 21 $if(it.url)$
25 $else$ 22 <a class="l-card-grid__card c-card" href="$it.url$">
26 <div class="c-card"> 23 $else$
27 $endif$ 24 <div class="l-card-grid__card c-card">
28 $if(it.icon)$
29 <svg class="c-card__icon o-icon">
30 <use href="#icon-$it.icon$"></use>
31 </svg>
32 $endif$ 25 $endif$
33 <div class="c-card__content"> 26 $if(it.icon)$
34 <strong class="u-db">$it.platform$</strong> 27 <svg class="c-card__icon o-icon">
35 <small class="u-db">$it.username$</small> 28 <use href="#icon-$it.icon$"></use>
36 </div> 29 </svg>
30 $endif$
31 <div class="c-card__content">
32 <strong class="u-db">$it.platform$</strong>
33 <small class="u-db">$it.username$</small>
34 </div>
35 $if(it.url)$
36 <svg class="c-card__icon o-icon">
37 <use href="#icon-link-external"></use>
38 </svg>
39 $endif$
37 $if(it.url)$ 40 $if(it.url)$
38 <svg class="c-card__icon o-icon"> 41 </a>
39 <use href="#icon-link-external"></use> 42 $else$
40 </svg> 43 </div>
41 $endif$ 44 $endif$
42 $if(it.url)$
43 </a>
44 $else$
45 </div>
46 $endif$ 45 $endif$
47 $endfor$ 46 $endfor$
48 </div> 47 </div>
@@ -52,7 +51,31 @@ $body$
52 </section> 51 </section>
53 </section> 52 </section>
54 53
55 $-- <footer class="c-footer l-container"> 54 <section class="l-section">
56 $-- 9thPK7O3xn 55 <header class="l-section__heading">
57 $-- </footer> 56 <a class="c-outer-button" href="#projects" id="projects">
57 <span class="c-outer-button__icon">
58 <svg class="c-outer-button__icon-symbol o-icon">
59 <use href="#icon-arrow-down-right"></use>
60 </svg>
61 </span>
62 <span class="c-outer-button__content">
63 Projects
64 </span>
65 </a>
66 </header>
67 </section>
68
69 <footer class="c-footer">
70 <div class="c-footer__content">
71 9thPK7O3xn
72 </div>
73 <a class="c-outer-button" href="#">
74 <span class="c-outer-button__icon">
75 <svg class="c-outer-button__icon-symbol o-icon">
76 <use href="#icon-arrow-up"></use>
77 </svg>
78 </span>
79 </a>
80 </footer>
58</main> 81</main>