From ce7e5570fbe39bde4baecabc399284d95292a185 Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Tue, 14 Feb 2023 15:14:08 +0100 Subject: [PATCH] Build footer --- index.html | 2 +- sass/style.scss | 31 +++++++++++++++++++++++++++++++ static/pedf-logo-white.svg | 1 + 3 files changed, 33 insertions(+), 1 deletion(-) create mode 100644 static/pedf-logo-white.svg diff --git a/index.html b/index.html index 0f91a3f..22846ff 100644 --- a/index.html +++ b/index.html @@ -77,7 +77,7 @@ diff --git a/sass/style.scss b/sass/style.scss index 89039e0..dac033d 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -24,3 +24,34 @@ img { display: block; max-width: 100%; } + +.text-bold { + font-weight: bold; +} + +footer { + $logo-radius: 4.5em; + position: relative; + text-align: center; + padding: $logo-radius+1 2em 2em 2em; + margin-top: $logo-radius+4; + + border-top: 1px solid #5d6e81; + + &:before { + content: ""; + position: absolute; + top: -$logo-radius; + left: 50%; + transform: translatex(-$logo-radius); + height: $logo-radius*2; + width: $logo-radius*2; + border: 1px solid #5d6e81; + border-radius: 50%; + background-image: url("/static/pedf-logo-white.svg"); + background-position: center; + background-size: 75%; + background-repeat: no-repeat; + background-color: $col-bg; + } +} diff --git a/static/pedf-logo-white.svg b/static/pedf-logo-white.svg new file mode 100644 index 0000000..72c71a1 --- /dev/null +++ b/static/pedf-logo-white.svg @@ -0,0 +1 @@ + \ No newline at end of file