diff options
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> |
