Browse Source

oct28

master
Xsivax 3 years ago
parent
commit
5b57fb03b2
6 changed files with 137 additions and 9 deletions
  1. +20
    -0
      lang.json
  2. +10
    -1
      templates/assets/css/base.css
  3. +85
    -0
      templates/assets/css/footer.css
  4. +2
    -0
      templates/assets/css/nav.css
  5. +12
    -8
      templates/base.html
  6. +8
    -0
      templates/footer.html

+ 20
- 0
lang.json View File

@ -76,6 +76,26 @@
"it": "Canapa", "it": "Canapa",
"ja": "ヘンプ", "ja": "ヘンプ",
"ru": "конопля" "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": "Защита данных"
} }
} }

+ 10
- 1
templates/assets/css/base.css View File

@ -5,10 +5,19 @@
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
} }
html {
height: 100%;
}
body { body {
height: 100%;
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
}
.wrapper {
min-height: 100%;
display: grid;
grid-template-rows: auto 1fr auto;
} }

+ 85
- 0
templates/assets/css/footer.css View File

@ -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;
}
}

+ 2
- 0
templates/assets/css/nav.css View File

@ -9,6 +9,8 @@
.logo a { .logo a {
display: block; display: block;
position: sticky;
z-index: 2;
} }
.logo a img { .logo a img {

+ 12
- 8
templates/base.html View File

@ -8,20 +8,24 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="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/base.css" />
<link rel="stylesheet" href="/assets/css/nav.css" /> <link rel="stylesheet" href="/assets/css/nav.css" />
<link rel="stylesheet" href="/assets/css/footer.css" />
<title>Cannabinieri</title> <title>Cannabinieri</title>
{% endblock %} {% endblock %}
</head> </head>
<body> <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> </div>
</body> </body>
</html> </html>

+ 8
- 0
templates/footer.html View File

@ -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>

Loading…
Cancel
Save