From ec8a851f155539df536abe80a6dca633f7f813e3 Mon Sep 17 00:00:00 2001 From: urbasius Date: Sat, 31 Oct 2020 23:59:30 +0100 Subject: [PATCH] adding a footer for blog section. --- css/media-queries.css | 28 ++++++++ css/style.css | 104 ++++++++++++++++++++++++++++ grav-theme-disrootblog | 1 + images/d-white.png | Bin 0 -> 7837 bytes templates/partials/base.html.twig | 3 + templates/partials/footer.html.twig | 21 ++++++ 6 files changed, 157 insertions(+) create mode 100644 css/media-queries.css create mode 120000 grav-theme-disrootblog create mode 100644 images/d-white.png diff --git a/css/media-queries.css b/css/media-queries.css new file mode 100644 index 0000000..0c8cd77 --- /dev/null +++ b/css/media-queries.css @@ -0,0 +1,28 @@ +@media only screen and (max-width: 830px) { + /* Footer + ------------------------------------*/ + + footer { + letter-spacing: 0.5px; + margin-bottom: 0px; + height: 100%; + } + + footer div#footer-links ul li { + padding-left: 5px; + padding-right: 5px; + } + + /* Icons */ + footer #footer-icons { display: none; } + footer #footer-logo { display: none; } + + /* Go To Top Button */ + #go-top { margin-left: -22px; } + #go-top a { + width: 54px; + height: 54px; + font-size: 18px; + line-height: 54px; + } +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index efeea07..73680bd 100644 --- a/css/style.css +++ b/css/style.css @@ -1719,6 +1719,110 @@ p.form-allowed-tags { /* 11. Footer /* -------------------------------------------------------------------------------- */ +footer { + background-color: #50162D; + color: #FFFFFF; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 1.5px; + color: #b9a2ab; + font-weight: 600; + line-height: 8px; + left: 0; + bottom: 0; + width: 100%; + display: flex; + justify-content: center; + text-align: center; + align-items: center; + height: 82px; + } + + footer #footer-logo { + height: 45px; + width: 15%; + background: url("../images/d-white.png") no-repeat left center; + background-size: 40px 40px; + margin-left: 30px; + opacity: 0.7; + display: inline-block; + } + + footer .dot { + height: 5px; + width: 5px; + background-color: #b9a2ab; + border-radius: 50%; + display: inline-block; + margin-bottom: 2px; + } + + footer #footer-links { + text-align: center; + width: 60%; + } + + footer ul.footer-links { + display: flex; + justify-content: center; + align-items: center; + padding-left: 0; + margin-bottom: 24px; + margin-top: 12px; + word-break: normal; + } + + footer ul.footer-icons { + display: flex; + justify-content: end; + margin-right: 30px; + align-items: center; + } + + footer div#footer-links ul li { + padding-left: 20px; + padding-right: 20px; + margin: 0; + padding-top: 13px; + font-weight: 600; + } + + footer #footer-links a { + color: #b9a2ab; + } + footer #footer-links a:hover { + color: #FFFFFF; + } + + footer #footer-icons { + width: 25%; + background: transparent; + margin-left: auto; + margin-right: auto; + text-align: center; + margin-bottom: 24px; + margin-top: 12px; +} + + footer #footer-icons ul li { + margin: 0; + padding-right: 10px; + padding-top: 10px; + text-align: right; + } + + footer #footer-icons ul li .fa-fw { + color: white; + opacity: 0.7; + } + + footer #footer-icons ul li .fa-fw:hover { + color: white; + opacity: 1; + } + + footer a, footer a:visited { color: #FFFFFF; } + footer a:hover, footer a:focus { color: #1F5C60; } .footer { background: #FFF; } .footer-inner { padding: 50px 0; } diff --git a/grav-theme-disrootblog b/grav-theme-disrootblog new file mode 120000 index 0000000..8d45fba --- /dev/null +++ b/grav-theme-disrootblog @@ -0,0 +1 @@ +/var/www//grav-theme-disrootblog \ No newline at end of file diff --git a/images/d-white.png b/images/d-white.png new file mode 100644 index 0000000000000000000000000000000000000000..548b04a4eb06115b6198b2721719835536adc530 GIT binary patch literal 7837 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

YH5Ksn6J5}D$u + + {% block stylesheets %} {% do assets.addCss('theme://css/widget.css') %} {% do assets.addCss('theme://css/style.css') %} + {% do assets.addCss('theme://css/media-queries.css') %} {% do assets.addCss('theme://css/content.css') %} {% do assets.addCss('theme://css/sidebar.css') %} {% do assets.addCss('theme://css/lightbox.css') %} diff --git a/templates/partials/footer.html.twig b/templates/partials/footer.html.twig index 210e3f4..11dfad1 100644 --- a/templates/partials/footer.html.twig +++ b/templates/partials/footer.html.twig @@ -1,5 +1,26 @@ +{% set base_url = page.parent.url %} +

{% include 'partials/tagcloud.html.twig' %}
+