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 567b962d2bd7454ab2939c718d73c4bc4c07bb71
parent ffb7a066e23ce0dd0a5479e7a28c25ec1ecf1908
Author: FIGBERT <figbert@figbert.com>
Date:   Fri, 28 May 2021 23:06:09 -0700

Move SASS back into global.css

Diffstat:
Mconfig.toml | 1-
Dsass/code.sass | 12------------
Dsass/error.sass | 14--------------
Dsass/global.sass | 35-----------------------------------
Dsass/headers.sass | 17-----------------
Dsass/kbd.sass | 12------------
Dsass/links.sass | 7-------
Dsass/nav.sass | 15---------------
Dsass/quote.sass | 7-------
Dsass/table.sass | 14--------------
Dsass/variables.sass | 5-----
Astatic/global.css | 134+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
12 files changed, 134 insertions(+), 139 deletions(-)

diff --git a/config.toml b/config.toml @@ -8,7 +8,6 @@ languages = [ ] generate_feed = true -compile_sass = true [markdown] highlight_code = true diff --git a/sass/code.sass b/sass/code.sass @@ -1,12 +0,0 @@ -pre - padding: 1rem - white-space: pre-wrap - border: 1px solid #ccc - code - border: none - -code - font-size: 1rem - padding: 0 4px - border: 1px solid #ccc - diff --git a/sass/error.sass b/sass/error.sass @@ -1,14 +0,0 @@ -.error - display: grid - place-items: center - width: 100% - height: 100% - img - max-width: 19rem - strong - font-size: 5rem - font-weight: 800 - p - font-size: 2rem - font-weight: 200 - diff --git a/sass/global.sass b/sass/global.sass @@ -1,35 +0,0 @@ -@import variables.sass -@import headers.sass -@import table.sass -@import links.sass -@import nav.sass -@import code.sass -@import kbd.sass -@import error.sass -@import quote.sass - -body - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif - background-color: $background-color - color: $text-color - margin-left: auto - margin-right: auto - line-height: 200% - max-width: 40rem - padding-left: 3rem - padding-right: 3rem - padding-bottom: 3rem - -video, picture, img - width: 100% - -.page-preview - margin-top: 2rem - margin-bottom: 3rem - h3 - margin: 0 - -article > p - line-height: 2.5 - margin-bottom: 1.75rem - diff --git a/sass/headers.sass b/sass/headers.sass @@ -1,17 +0,0 @@ -@import variables.sass - -h1, h2, h3, h4, h5, h6 - a - color: inherit - &::before - content: "" - &::after - content: "" - -.zola-anchor - color: $secondary-color - &::before - content: "" - &::after - content: "" - diff --git a/sass/kbd.sass b/sass/kbd.sass @@ -1,12 +0,0 @@ -@import variables.sass - -kbd - color: $background-color - font-size: 1.25rem - padding: 0.1rem 0.6rem - text-shadow: 0 1px 0 #fff - background-color: #e4e6e8 - border: 1px solid #726E6E - border-radius: 3px - box-shadow: 0 1px 1px rgba(244,245,245,0.15), inset 0 1px 0 0 #fff - diff --git a/sass/links.sass b/sass/links.sass @@ -1,7 +0,0 @@ -@import variables.sass - -a - color: $tertiary-color - font-weight: 500 - text-decoration: none - diff --git a/sass/nav.sass b/sass/nav.sass @@ -1,15 +0,0 @@ -nav - width: 100% - display: flex - justify-content: space-around - a - font-weight: 800 - color: inherit - &::before - content: "" - &::after - content: "" - -header - padding-bottom: 1rem - diff --git a/sass/quote.sass b/sass/quote.sass @@ -1,7 +0,0 @@ -@import variables.sass - -blockquote - border-left: 5px solid $secondary-color - margin: 1.5rem 0 - padding: 0 1.5rem - diff --git a/sass/table.sass b/sass/table.sass @@ -1,14 +0,0 @@ -@import variables.sass - -table - border-collapse: collapse - width: 100% - -thead - background-color: $tertiary-color - -td, th - border: 1px solid $text-color - padding: 0.5rem - text-align: left - diff --git a/sass/variables.sass b/sass/variables.sass @@ -1,5 +0,0 @@ -$background-color: #1F1E1E -$text-color: #f5f5f5 -$secondary-color: #214ED4 -$tertiary-color: #6082E6 - diff --git a/static/global.css b/static/global.css @@ -0,0 +1,134 @@ +:root { + --background-color: #1F1E1E; + --text-color: #F5F5F5; + --secondary-color: #214ED4; + --tertiary-color: #6082E6; +} + +/* Main */ +body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + background-color: var(--background-color); + color: var(--text-color); + margin-left: auto; + margin-right: auto; + line-height: 200%; + max-width: 40rem; + padding-left: 3rem; + padding-right: 3rem; + padding-bottom: 3rem; +} + +video, picture, img { + width: 100%; +} + +article > p { + line-height: 2.5 + margin-bottom: 1.75rem +} + +/* Code */ +pre { + padding: 1rem; + white-space: pre-wrap; + border: 1px solid #ccc; +} + +pre > code { + border: none; +} + +code { + font-size: 1rem; + padding: 0 4px; + border: 1px solid #ccc; +} + +/* Error */ +.error { + display: grid; + place-items: center; + width: 100%; + height: 100%; +} + +.error > img { + max-width: 19rem; +} +.error > strong { + font-size: 5rem; + font-weight: 800; +} + +.error > p { + font-size: 2rem; + font-weight: 200; +} + +/* Headers */ +h1, h2, h3, h4, h5, h6 > a { + color: inherit; +} + +.zola-anchor { + color: var(--secondary-color); +} + +/* Keyboard */ +kbd { + color: var(--background-color); + font-size: 1.25rem; + padding: 0.1rem 0.6rem; + text-shadow: 0 1px 0 #fff; + background-color: #e4e6e8; + border: 1px solid #726E6E; + border-radius: 3px; + box-shadow: 0 1px 1px rgba(244,245,245,0.15), inset 0 1px 0 0 #fff; +} + +/* Links */ +a { + color: var(--tertiary-color); + font-weight: 500; + text-decoration: none; +} + +/* Nav */ +nav { + width: 100%; + display: flex; + justify-content: space-around; +} + +nav > a { + font-weight: 800; + color: inherit; +} + +header { + padding-bottom: 1rem; +} + +/* Quote */ +blockquote { + border-left: 5px solid var(--secondary-color); + margin: 1.5rem 0; + padding: 0 1.5rem; +} + +/* Table */ +table { + border-collapse: collapse; + width: 100%; +} + +thead { + background-color: var(--tertiary-color); +} + +td, th { + border: 1px solid var(--text-color); + padding: 0.5rem; + text-align: left; +}