diff options
author | Volpeon <git@volpeon.ink> | 2021-04-12 20:39:04 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-04-12 20:39:04 +0200 |
commit | 6b2c6c4260b2af2adad37dc1f8c50a904e04f13d (patch) | |
tree | 46db61ecffa196c31f19b7f437b554ad1c2a193c /templates/layouts | |
parent | WIP: Redesign (diff) | |
download | volpeon.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.html | 79 |
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> |