diff --git a/css/media-queries.css b/css/media-queries.css index bff5380..7ad4735 100644 --- a/css/media-queries.css +++ b/css/media-queries.css @@ -320,9 +320,16 @@ div#nav-logo { padding-right: 5px; } + footer #footer-links { + text-align: center; + width: 100%; + } + /* Icons */ footer #footer-icons { display: none; } footer #footer-logo { display: none; } + footer #footer-left { display: none; } + /* Go To Top Button */ #go-top { margin-left: -22px; } diff --git a/css/style.css b/css/style.css index c53a11d..c29c41d 100644 --- a/css/style.css +++ b/css/style.css @@ -936,14 +936,15 @@ img.transparent { .goals-item { position: relative; width: 28% !important; - min-width: 200px; - min-height: 180px; + min-width: 250px; + max-width: 350px; + min-height: 250px; border: none; box-shadow: 10px 10px 38px 0px rgba(0, 0, 0, 0.25); margin: 2% !important; color: #555; background-color: #ffffff; - padding: 3%; + padding: 20px 3% 0; } .goals-item-lock { @@ -956,7 +957,7 @@ img.transparent { .goals .center { text-align: center; - margin: -1em 0 3em; + margin: 0; } .goals .right { @@ -1180,14 +1181,42 @@ footer { align-items: center; } -footer #footer-logo { - height: 45px; - width: 15%; - background: url("../images/d-white.png") no-repeat left center; - background-size: 40px 40px; - margin-left: 30px; +footer #footer-left { + display:flex; + width: 150px; + background: transparent; + align-items: center; + margin-left: 10px; +} + +#footer-logo { + background: url("../images/d-white.png") no-repeat center; + background-size: contain; + margin-bottom:0; + margin-left: 1dvw; opacity: 0.7; - display: inline-block; +} + +#footer-copyleft { + background: url("../images/by-sa.png") no-repeat center; + background-size: contain; + margin-bottom:0; + margin-left: 1dvw; + opacity: 0.7; +} + +#footer-logo a { + display:flex; + width: 45px; + height: 45px; + margin-bottom:0; +} + +#footer-copyleft a { + display:flex; + width: 120px; + height: 40px; + margin-bottom:0; } footer .dot { @@ -1201,26 +1230,45 @@ footer .dot { footer #footer-links { text-align: center; - width: 60%; + width: calc(100% - 300px); } footer ul.footer-links { display: flex; - justify-content: center; + justify-content: space-evenly; align-items: center; - padding-left: 0; + padding-left: 10%; + padding-right: 10%; } -footer ul.footer-icons { - display: flex; - justify-content: end; - margin-right: 30px; + footer #footer-icons { + width: 150px; + background: transparent; + text-align: center; + margin-right: 10px; +} + +footer ul.footer-icons-left { + display: inline-flex; + width:100%; + justify-content: left; align-items: center; + margin: 0; + padding: 0; +} + +footer ul.footer-icons-right{ + display: inline-flex; + width:100%; + justify-content: right; + align-items: center; + margin: 0; + padding: 0; } footer div#footer-links ul li { - padding-left: 20px; - padding-right: 20px; + padding-left: 8px; + padding-right: 8px; margin: 0; padding-top: 13px; } @@ -1232,24 +1280,18 @@ footer #footer-links a:hover { color: #FFFFFF; } -footer #footer-icons { - width: 25%; - background: transparent; - margin-left: auto; - margin-right: auto; - text-align: center; - } - footer #footer-icons ul li { margin: 0; -padding-right: 10px; -padding-top: 10px; -text-align: right; +margin-right: 1dvw;; +text-align: center; } footer #footer-icons ul li .fa-fw { + display: flex; color: white; opacity: 0.7; + height: 45px; + align-items: center; } footer #footer-icons ul li .fa-fw:hover { diff --git a/images/by-sa.png b/images/by-sa.png new file mode 100644 index 0000000..36743ae Binary files /dev/null and b/images/by-sa.png differ diff --git a/images/by-sa.png.org b/images/by-sa.png.org new file mode 100644 index 0000000..8770732 Binary files /dev/null and b/images/by-sa.png.org differ diff --git a/languages.yaml b/languages.yaml index e2543bb..1baeea8 100644 --- a/languages.yaml +++ b/languages.yaml @@ -1,24 +1,24 @@ en: Terms_Of_Service: "Terms Of Service" Privacy_Policy: "Privacy Policy" - Changelog: "Changelog" + Changelog: "Change­log" fr: Terms_Of_Service: "Conditions d'utilisation" Privacy_Policy: "Politique de confidentialité" - Changelog: "Changelog" + Changelog: "Change­log" es: Terms_Of_Service: "Al utilizar cualquiera" Privacy_Policy: "Política de Privacidad" - Changelog: "Changelog" + Changelog: "Change­log" de: Terms_Of_Service: "Nutzungs­bedingungen" Privacy_Policy: "Datenschutz­erklärung" - Changelog: "Changelog" + Changelog: "Change­log" it: Terms_Of_Service: "Utilizzando i servizi" Privacy_Policy: "Informativa sulla privacy" - Changelog: "Changelog" + Changelog: "Change­log" diff --git a/templates/partials/footer.html.twig b/templates/partials/footer.html.twig index aefb9c2..433f2fd 100644 --- a/templates/partials/footer.html.twig +++ b/templates/partials/footer.html.twig @@ -1,9 +1,14 @@