diff options
| author | Volpeon <git@volpeon.ink> | 2021-03-23 18:14:39 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-03-23 18:14:39 +0100 |
| commit | 7531a7125c72227198f7605c6c129d15cd926857 (patch) | |
| tree | 134015fc623a89cf9db620f675b396d67c5e503b /templates | |
| parent | WIP: Redesign (diff) | |
| download | volpeon.ink-7531a7125c72227198f7605c6c129d15cd926857.tar.gz volpeon.ink-7531a7125c72227198f7605c6c129d15cd926857.tar.bz2 volpeon.ink-7531a7125c72227198f7605c6c129d15cd926857.zip | |
WIP: Redesign
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/base.html | 2 | ||||
| -rw-r--r-- | templates/layouts/index.html | 78 | ||||
| -rw-r--r-- | templates/symbols.svg | 4 |
3 files changed, 82 insertions, 2 deletions
diff --git a/templates/base.html b/templates/base.html index 4a2102e..4fa4ee7 100644 --- a/templates/base.html +++ b/templates/base.html | |||
| @@ -35,7 +35,7 @@ | |||
| 35 | <nav class="c-nav l-container l-container--pad-x"> | 35 | <nav class="c-nav l-container l-container--pad-x"> |
| 36 | <a class="c-nav__logo" href="/" title="$site.title$"> | 36 | <a class="c-nav__logo" href="/" title="$site.title$"> |
| 37 | <svg class="c-nav__logo-symbol"> | 37 | <svg class="c-nav__logo-symbol"> |
| 38 | <use xlink:href="#logo" href="#logo"></use> | 38 | <use href="#logo"></use> |
| 39 | </svg> | 39 | </svg> |
| 40 | </a> | 40 | </a> |
| 41 | $for(menus.main.items)$ | 41 | $for(menus.main.items)$ |
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> |
diff --git a/templates/symbols.svg b/templates/symbols.svg index 1487e5e..d3f2987 100644 --- a/templates/symbols.svg +++ b/templates/symbols.svg | |||
| @@ -6,5 +6,9 @@ | |||
| 6 | <path fill="currentColor" stroke="none" d="m 9.91599,13 h 2.168035 L 8.584018,3 H 6.4159819 Z" /> | 6 | <path fill="currentColor" stroke="none" d="m 9.91599,13 h 2.168035 L 8.584018,3 H 6.4159819 Z" /> |
| 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 | |||
| 10 | <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" /> | ||
| 12 | </symbol> | ||
| 9 | </defs> | 13 | </defs> |
| 10 | </svg> | 14 | </svg> |
