oct28

2 years ago · 5b57fb03b2
--- 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": "Защита данных"
    }
 
 }
--- 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;
 }
--- a/templates/assets/css/footer.css
+++ 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;
    }



 }
--- 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 {
--- a/templates/base.html
+++ b/templates/base.html
@ -8,20 +8,24 @@
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link rel="icon" type=image/svg+xml href="/assets/img/Logo.svg">
            <link rel="shortcut icon" href="#">
            <link rel="stylesheet" href="/assets/css/base.css" />
            <link rel="stylesheet" href="/assets/css/nav.css" />
            <link rel="stylesheet" href="/assets/css/footer.css" />
            <title>Cannabinieri</title>
        {% endblock %}
    </head>
    <body>
        <div id="nav">
            {% include "nav.html" %}
        </div>
        <div id="content">
            {% block content %}{% endblock %}
        </div>
        <div id="footer">
            {% include "footer.html" %}
        <div class="wrapper">
            <div id="nav">
                {% include "nav.html" %}
            </div>
            <div id="content">
                {% block content %}{% endblock %}
            </div>
            <div id="footer">
                {% include "footer.html" %}
            </div>
        </div>
    </body>
 </html>
--- a/templates/footer.html
+++ b/templates/footer.html
@ -0,0 +1,8 @@
 <footer>
    <div class="footer_container">
        <p>© Cannabinieri 2021 <a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/">CC-NC-4.0 </a>.</p>
        <h6 id ="l1"><a href="/contact">{{ "footer_item1"|translate(lang) }}</a></h6>
        <h6 id ="l2"><a href="https://code.basabuuka.org/">Code</a></h6>
        <h6 id ="l3"><a href="/privacy">{{ "footer_item2"|translate(lang) }}</a></h6>
    </div>
 </footer>