diff options
author | Volpeon <git@volpeon.ink> | 2021-03-22 20:52:20 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-03-22 20:52:20 +0100 |
commit | b292cd39bf5e5c2d96f2f64eb1a94d8fd63fae9e (patch) | |
tree | 95e6a5701c6686725f3fd4145881e3687f5228ee /templates | |
parent | WIP: Redesign (diff) | |
download | volpeon.ink-b292cd39bf5e5c2d96f2f64eb1a94d8fd63fae9e.tar.gz volpeon.ink-b292cd39bf5e5c2d96f2f64eb1a94d8fd63fae9e.tar.bz2 volpeon.ink-b292cd39bf5e5c2d96f2f64eb1a94d8fd63fae9e.zip |
WIP: Redesign
Diffstat (limited to 'templates')
-rw-r--r-- | templates/base.html | 2 | ||||
-rw-r--r-- | templates/layouts/index.html | 20 | ||||
-rw-r--r-- | templates/symbols.svg | 8 |
3 files changed, 20 insertions, 10 deletions
diff --git a/templates/base.html b/templates/base.html index 98e6da2..4a2102e 100644 --- a/templates/base.html +++ b/templates/base.html | |||
@@ -32,7 +32,7 @@ | |||
32 | </head> | 32 | </head> |
33 | 33 | ||
34 | <body> | 34 | <body> |
35 | <nav class="c-nav l-container l-container--content"> | 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 xlink:href="#logo" href="#logo"></use> |
diff --git a/templates/layouts/index.html b/templates/layouts/index.html index aaac808..d145b54 100644 --- a/templates/layouts/index.html +++ b/templates/layouts/index.html | |||
@@ -1,11 +1,21 @@ | |||
1 | <main> | 1 | <main> |
2 | <header class="c-hero"> | 2 | <section class="l-landing"> |
3 | <h1 class="c-hero__title c-hero__title--front">I'm a <strong class="c-hero__emph">red fox</strong> in disguise</h1> | 3 | <header class="l-landing__banner"> |
4 | <h2 class="c-hero__title c-hero__title--back">Volpeon</h2> | 4 | <div class="c-landing-banner l-container l-container--pad-x l-container--content"> |
5 | </header> | 5 | <h1 class="c-landing-banner__title"> |
6 | <span class="c-landing-banner__title-inner"> | ||
7 | I'm a <strong class="c-landing-banner__emph">red fox</strong> in disguise. | ||
8 | </span> | ||
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> | ||
11 | </div> | ||
12 | </header> | ||
6 | 13 | ||
7 | <section class="l-container l-container--content"> | 14 | <section class="l-landing__content"> |
15 | <div class="l-container l-container--pad-x l-container--content s-body"> | ||
8 | $body$ | 16 | $body$ |
17 | </div> | ||
18 | </section> | ||
9 | </section> | 19 | </section> |
10 | 20 | ||
11 | $-- <footer class="c-footer l-container"> | 21 | $-- <footer class="c-footer l-container"> |
diff --git a/templates/symbols.svg b/templates/symbols.svg index 2221fad..1487e5e 100644 --- a/templates/symbols.svg +++ b/templates/symbols.svg | |||
@@ -1,10 +1,10 @@ | |||
1 | <svg style="position: absolute; width: 0; height: 0; overflow: hidden;" aria-hidden="true" version="1.1" | 1 | <svg style="position: absolute; width: 0; height: 0; overflow: hidden;" aria-hidden="true" version="1.1" |
2 | xmlns="http://www.w3.org/2000/svg"> | 2 | xmlns="http://www.w3.org/2000/svg"> |
3 | <defs> | 3 | <defs> |
4 | <symbol id="logo" viewBox="0 0 22.271938 15.456" preserveAspectRatio="xMinYMid"> | 4 | <symbol id="logo" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid"> |
5 | <path fill="currentColor" stroke="none" d="M 4.928,15.456 H 6.24 L 1.312,0 H 0 Z" /> | 5 | <path fill="currentColor" stroke="none" d="M 3.879982,13 H 6.0160181 L 2.6160361,3 H 0.48 Z" /> |
6 | <path fill="currentColor" stroke="none" d="m 14.44797,15.456 h 1.36 L 9.3439695,0 h -1.36 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 14.447939,15.456 h 1.36 L 22.271939,0 h -1.36 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 | </defs> | 9 | </defs> |
10 | </svg> | 10 | </svg> |