From a219ac9e570edc65c44ab0dea30f6e50cee8fcdb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?P=C3=A9=C5=A5a=20Tom=C3=A1nek?= Date: Wed, 6 Sep 2023 18:12:18 +0200 Subject: [PATCH] feat: initial redesign (#11) feat: add font Share Tech Mono feat: add colour palette feat: add artwork as featured image feat: add responsive design features feat: use LFS for binaries --- .gitattributes | 2 ++ sass/styles.scss | 61 ++++++++++++++++++++++++++++++++ static/ShareTechMono-Regular.ttf | 3 ++ static/header_wide.svg | 3 ++ templates/base.html | 25 +++++++++++-- templates/index.html | 2 +- 6 files changed, 93 insertions(+), 3 deletions(-) create mode 100644 .gitattributes create mode 100644 sass/styles.scss create mode 100755 static/ShareTechMono-Regular.ttf create mode 100644 static/header_wide.svg mode change 100644 => 100755 templates/base.html mode change 100644 => 100755 templates/index.html diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..0e6ea35 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +static/*.svg filter=lfs diff=lfs merge=lfs -text +static/*.ttf filter=lfs diff=lfs merge=lfs -text diff --git a/sass/styles.scss b/sass/styles.scss new file mode 100644 index 0000000..8e57fab --- /dev/null +++ b/sass/styles.scss @@ -0,0 +1,61 @@ +* { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; +} + +:root { + --main-bg-color: #340000; + --main-text1-color: white; + --main-text2-color: black; + background-color: var(--main-bg-color); +} + +body { + color: var(--main-text1-color); + font-size: 1em; + padding-bottom: 30px; +} + +div#header { + background: url("header_wide.svg") center repeat-x; + background-size: contain; + background-size: auto 100%; + height: 600px; + width: 100%; +} + +div.middle { + margin: 0 auto; + width: 45%; + box-sizing: border-box; + & h1 { + color: var(--main-text1-color); + font-size: 45px; + text-align: center; + padding-top: 30px; + padding-bottom: 10%; + } + & h2 { + color: var(--main-text2-color); + font-size: 35px; + text-align: center; + padding-top: 80px; + } + & p, & ol { + padding-top: 16px; + } +} + +@media only screen and (max-width: 800px) { + div.middle { + width: 70%; + & h2 { + font-size: 30px; + } + } +} diff --git a/static/ShareTechMono-Regular.ttf b/static/ShareTechMono-Regular.ttf new file mode 100755 index 0000000..ef8d9e0 --- /dev/null +++ b/static/ShareTechMono-Regular.ttf @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:911a85f56c44e8a712458513e6972a3e296ee9a84e70754462d03de3f3609c2b +size 42756 diff --git a/static/header_wide.svg b/static/header_wide.svg new file mode 100644 index 0000000..59e4ce3 --- /dev/null +++ b/static/header_wide.svg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:6ee542722d2b92a64c71a563dd999f7260a59a6b0ab1d89babc8e80d4df94272 +size 59543 diff --git a/templates/base.html b/templates/base.html old mode 100644 new mode 100755 index ccee8e7..791ba61 --- a/templates/base.html +++ b/templates/base.html @@ -1,6 +1,19 @@ + + + + +