heartwood every commit a ring

Improve home page UI

a0db28a1 by Isaac Bythewood · 3 years ago

modified analytics/static_src/styles/base.scss
@@ -34,6 +34,11 @@ main {  }}.navbar {  height: 50px;  padding: 0;}footer {  padding: 6rem 0;}
modified analytics/templates/base.html
@@ -30,7 +30,6 @@    <div class="container">      <a class="navbar-brand text-white" href="/">        <span class="display-1 fs-4 text-white text-decoration-none text-uppercase my-0">Analytics</span>        <span class="badge bg-warning text-black" style="font-size: 0.6em;">Alpha</span>      </a>      {% if user.is_authenticated %}      <a href="/accounts/logout/" class="btn btn-sm btn-outline-light">
modified pages/static_src/styles/pages.css
@@ -5,6 +5,5 @@  background-position: top center;  background-repeat: no-repeat;  overflow: hidden;  padding-top: 6rem;  padding-bottom: 6rem;  height: calc(100vh - 50px);}
modified pages/templates/pages/home.html
@@ -16,17 +16,24 @@{% block main %}<div class="bg-dark mb-5 home-hero" style="--background-image: url({% static 'images/home-hero.webp' %});"><div class="bg-dark mb-5 home-hero d-flex align-items-center" style="--background-image: url({% static 'images/home-hero.webp' %});">  <div class="container">    <div class="row">      <div class="col-lg-6 offset-lg-3 col-sm-8 offset-sm-2 col-xs-12 offset-xs-0 text-center text-white">        <div class="mb-5">      <div class="col-12 col-lg-10 col-xl-8">        <div class="fs-4 text-light">          <span class="badge bg-warning text-black">Alpha</span> Things are rapidly changing!        </div>        <h1 class="display-3 mb-5">Simple self-hosted analytics</h1>        <p class="mb-0">Made by <a href="https://isaacbythewood.com/" class="text-white">Isaac Bythewood</a>,          simple analytics for people who want to host their own and hack on it          a bit.</p>        <h1 class="display-1 mt-4 text-light fw-bolder">Self-hosted website analytics</h1>        <p class="mb-0 text-white mt-4 fs-4">Made by <a href="https://isaacbythewood.com/" class="text-white">Isaac Bythewood</a>,          simple opinionated analytics for people who want to host their own.</p>        <div class="mt-4">          <a href="/accounts/login/" class="btn btn-light btn-lg me-3">            Login          </a>          <a href="https://github.com/overshard/analytics" target="_blank" class="btn btn-outline-light btn-lg">            Source code          </a>        </div>      </div>    </div>  </div>