From b292cd39bf5e5c2d96f2f64eb1a94d8fd63fae9e Mon Sep 17 00:00:00 2001 From: Volpeon <git@volpeon.ink> Date: Mon, 22 Mar 2021 20:52:20 +0100 Subject: WIP: Redesign --- templates/layouts/index.html | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) (limited to 'templates/layouts/index.html') 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 @@ <main> - <header class="c-hero"> - <h1 class="c-hero__title c-hero__title--front">I'm a <strong class="c-hero__emph">red fox</strong> in disguise</h1> - <h2 class="c-hero__title c-hero__title--back">Volpeon</h2> - </header> + <section class="l-landing"> + <header class="l-landing__banner"> + <div class="c-landing-banner l-container l-container--pad-x l-container--content"> + <h1 class="c-landing-banner__title"> + <span class="c-landing-banner__title-inner"> + I'm a <strong class="c-landing-banner__emph">red fox</strong> in disguise. + </span> + </h1> + <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> + </div> + </header> - <section class="l-container l-container--content"> + <section class="l-landing__content"> + <div class="l-container l-container--pad-x l-container--content s-body"> $body$ + </div> + </section> </section> $-- <footer class="c-footer l-container"> -- cgit v1.2.3-70-g09d2