diff --git a/lang.json b/lang.json index b5d429f..fdcea7b 100644 --- a/lang.json +++ b/lang.json @@ -76,6 +76,26 @@ "it": "Canapa", "ja": "ヘンプ", "ru": "конопля" + }, + + "footer_item1": { + "en": "Contact Us", + "es": "Contacte", + "fr": "contactez-nous", + "de": "Kontakt", + "it": "contattaci", + "ja": "連絡先", + "ru": "связаться с" + }, + + "footer_item2": { + "en": "Privacy Policy", + "es": "política de privacidad", + "fr": "protection des données", + "de": "Datenschutz", + "it": "informativa sulla privacy", + "ja": "プライバシーポリシー", + "ru": "Защита данных" } } \ No newline at end of file diff --git a/templates/assets/css/base.css b/templates/assets/css/base.css index 887f2c5..85ae2d4 100644 --- a/templates/assets/css/base.css +++ b/templates/assets/css/base.css @@ -5,10 +5,19 @@ font-style: normal; font-weight: 400; } - +html { + height: 100%; +} body { + height: 100%; box-sizing: border-box; margin: 0; padding: 0; font-family: 'Roboto', sans-serif; +} + +.wrapper { + min-height: 100%; + display: grid; + grid-template-rows: auto 1fr auto; } \ No newline at end of file diff --git a/templates/assets/css/footer.css b/templates/assets/css/footer.css new file mode 100644 index 0000000..8db5b68 --- /dev/null +++ b/templates/assets/css/footer.css @@ -0,0 +1,85 @@ +.footer_container { + display: grid; + grid-template-columns: repeat(2,1fr); + grid-template-rows: repeat(3, 1fr); + justify-items: center; + align-items: center; + text-transform: uppercase; +} + +.footer_container p { + grid-column: 1/3; + grid-row: 1; + color: #5c5d61; + font-size: 1.35vh; +} + +.footer_container #l1 { + grid-column: 1; + grid-row: 2; +} + +.footer_container #l2 { + grid-column: 2; + grid-row: 2; +} + +.footer_container #l3 { + grid-column: 1/3; + grid-row: 3; +} + +a { + text-decoration: none; + color: #5c5d61; + font-size: 1.35vh; + transition: .3s; +} + +p a { + font-size: unset; + color: #a8acb0; +} + +a:active { + opacity: 70%; +} + +@media (min-width: 1024px) { + .footer_container { + grid-template-columns: repeat(4,1fr); + grid-template-rows: 1fr; + justify-items: center; + align-items: center; + text-transform: uppercase; + } + + .footer_container p { + grid-column: 1; + grid-row: 1; + color: #5c5d61; + font-size: 1.35vh; + } + + .footer_container #l1 { + grid-column: 2; + grid-row: 1; + } + + .footer_container #l2 { + grid-column: 3; + grid-row: 1; + } + + .footer_container #l3 { + grid-column: 4; + grid-row: 1; + } + + a, p, p a { + font-size: 1.5vh; + } + + + +} diff --git a/templates/assets/css/nav.css b/templates/assets/css/nav.css index 8f2fdfa..c0ff7b5 100644 --- a/templates/assets/css/nav.css +++ b/templates/assets/css/nav.css @@ -9,6 +9,8 @@ .logo a { display: block; + position: sticky; + z-index: 2; } .logo a img { diff --git a/templates/base.html b/templates/base.html index 0e45a6d..92faa3e 100644 --- a/templates/base.html +++ b/templates/base.html @@ -8,20 +8,24 @@ + +