oct28
This commit is contained in:
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",
|
||||
"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": "Защита данных"
|
||||
}
|
||||
|
||||
}
|
|
@ -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;
|
||||
}
|
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 {
|
||||
display: block;
|
||||
position: sticky;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.logo a img {
|
||||
|
|
|
@ -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>
|
|
@ -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