oct28
This commit is contained in:
Xsivax
parent
742ccb08d3
commit
5b57fb03b2
6 changed files with 137 additions and 9 deletions
20
lang.json
20
lang.json
|
|
@ -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": "Защита данных"
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -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
templates/assets/css/footer.css
Normal file
85
templates/assets/css/footer.css
Normal 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -9,6 +9,8 @@
|
||||||
|
|
||||||
.logo a {
|
.logo a {
|
||||||
display: block;
|
display: block;
|
||||||
|
position: sticky;
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo a img {
|
.logo a img {
|
||||||
|
|
|
||||||
|
|
@ -8,12 +8,15 @@
|
||||||
<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 class="wrapper">
|
||||||
<div id="nav">
|
<div id="nav">
|
||||||
{% include "nav.html" %}
|
{% include "nav.html" %}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -23,5 +26,6 @@
|
||||||
<div id="footer">
|
<div id="footer">
|
||||||
{% include "footer.html" %}
|
{% include "footer.html" %}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</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>
|
||||||
Loading…
Reference in a new issue