figbert.com-website

[ACTIVE] the website and home of figbert on the clearnet
git clone git://git.figbert.com/figbert.com-website.git
Log | Files | Refs | README | LICENSE

commit 7565bebd31f3117be04c0c0a660d32ec6e9ae1bd
parent 567b962d2bd7454ab2939c718d73c4bc4c07bb71
Author: FIGBERT <figbert@figbert.com>
Date:   Sat, 29 May 2021 00:43:50 -0700

Update styles

Diffstat:
Mstatic/global.css | 70+++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------
Mtemplates/list.html | 2+-
2 files changed, 54 insertions(+), 18 deletions(-)

diff --git a/static/global.css b/static/global.css @@ -1,22 +1,21 @@ :root { --background-color: #1F1E1E; - --text-color: #F5F5F5; --secondary-color: #214ED4; --tertiary-color: #6082E6; + --text-color: #F5F5F5; } /* Main */ body { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Ubuntu, Helvetica, Arial, sans-serif; background-color: var(--background-color); + padding: 0 3rem 3rem 3rem; color: var(--text-color); - margin-left: auto; margin-right: auto; + margin-left: auto; line-height: 200%; + font-weight: 400; max-width: 40rem; - padding-left: 3rem; - padding-right: 3rem; - padding-bottom: 3rem; } video, picture, img { @@ -58,21 +57,36 @@ code { } .error > strong { font-size: 5rem; - font-weight: 800; } .error > p { font-size: 2rem; - font-weight: 200; } -/* Headers */ -h1, h2, h3, h4, h5, h6 > a { +/* Headings */ +h1 > a, +h2 > a, +h3 > a, +h4 > a, +h5 > a, +h6 > a { + text-decoration: none; + font-weight: 600; color: inherit; } .zola-anchor { - color: var(--secondary-color); + display: none; + color: var(--tertiary-color); +} + +h1:hover > .zola-anchor, +h2:hover > .zola-anchor, +h3:hover > .zola-anchor, +h4:hover > .zola-anchor, +h5:hover > .zola-anchor, +h6:hover > .zola-anchor { + display: initial; } /* Keyboard */ @@ -89,35 +103,40 @@ kbd { /* Links */ a { - color: var(--tertiary-color); - font-weight: 500; - text-decoration: none; + font-weight: 450; + color: var(--text-color); + text-decoration-color: var(--tertiary-color); +} + +a:hover { + text-decoration-color: var(--secondary-color); } /* Nav */ nav { width: 100%; display: flex; + font-weight: 600; justify-content: space-around; } nav > a { - font-weight: 800; color: inherit; + text-decoration: none; } header { padding-bottom: 1rem; } -/* Quote */ +/* Quotes */ blockquote { border-left: 5px solid var(--secondary-color); margin: 1.5rem 0; padding: 0 1.5rem; } -/* Table */ +/* Tables */ table { border-collapse: collapse; width: 100%; @@ -132,3 +151,20 @@ td, th { padding: 0.5rem; text-align: left; } + +/* Posts and Projects */ +.date-list { + padding: 0; +} + +.date-list > li { + display: flex; + justify-content: space-between; + align-items: center; + line-height: 145%; + padding: 0 0 1rem 0; +} + +.date-list > li > a { + flex-basis: 50%; +} diff --git a/templates/list.html b/templates/list.html @@ -1,6 +1,6 @@ {% extends "index.html" %} {% block content %} - <ul> + <ul class="date-list"> {%- for page in section.pages %} <li><a href="{{ page.permalink | safe }}">{{ page.title | safe }}</a> {{ page.date | date(format="%B %d, %Y") }}</li> {%- endfor %}