add language selector and language switch section on bottom

lektura
max.mehl 2017-03-20 19:56:28 +01:00
parent 3fd5abfa2b
commit ddfa2d5777
8 changed files with 106 additions and 2 deletions

View File

@ -20,7 +20,11 @@ DefaultContentLanguage = "en"
resources = "Resources"
spread = "Spread"
contact = "Contact"
language = "Language"
# Language selection
[params.language]
description = "Read this page in another language"
# Start banner
[params.start]
@ -101,6 +105,10 @@ DefaultContentLanguage = "en"
resources = "Ressourcen"
spread = "Verbreiten"
contact = "Kontakt"
language = "Sprache"
# Language selection
[Languages.de.language]
description = "Diese Seite in einer anderen Sprache lesen"
# Start banner
[Languages.de.start]
slogan = "Public Money Public Code"

View File

@ -32,6 +32,10 @@
{{ if .Site.Params.contact }}
{{ partial "contact.html" . }}
{{ end }}
{{ if .Site.Params.language }}
{{ partial "language.html" . }}
{{ end }}
{{ if $data.resources }}
{{ partial "modals.html" . }}

View File

@ -0,0 +1,13 @@
<section id="language">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p>{{ .Site.Params.language.description }}:</p>
<ul>
<li><a href="/">English</a></li>
<li><a href="/de">Deutsch</a></li>
</ul>
</div>
</div>
</div>
</section>

View File

@ -31,6 +31,9 @@
<li>
<a class="page-scroll" href="#contact">{{ .Site.Params.navigation.links.contact }}</a>
</li>
<li>
<a class="page-scroll" href="#language" title="Change Language"><i class="fa fa-language" aria-hidden="true" style="font-size:1.5em;vertical-align:top;"></i> {{ .Site.Params.navigation.links.language }}</a>
</li>
</ul>
</div>
{{ "<!-- /.navbar-collapse -->" | safeHTML }}

View File

@ -1,3 +1,21 @@
/* LANGUAGE SECTION */
#language {
color: #fff;
background-color: #333;
padding: 20px;
}
#language ul {
padding: 0px;
}
#language li {
display: inline-block;
margin-right: 10px;
}
#language li::before {
content: " ";
}
/* SHARE BUTTONS IN "SPREAD THE WORD" SECTION */
.share-buttons a {
background-position: left 5px center;
background-repeat: no-repeat;
@ -89,7 +107,7 @@
background-color: #dd3500 !important;
}
/* SHARE BUTTONS ON LEFT SIDE */
aside.sharecolumn {
display: none;
left: 0;

View File

@ -68,6 +68,9 @@
<li>
<a class="page-scroll" href="#contact">Kontakt</a>
</li>
<li>
<a class="page-scroll" href="#language" title="Change Language"><i class="fa fa-language" aria-hidden="true" style="font-size:1.5em;vertical-align:top;"></i> Sprache</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
@ -414,6 +417,23 @@
</section>
<section id="language">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p>Diese Seite in einer anderen Sprache lesen:</p>
<ul>
<li><a href="/">English</a></li>
<li><a href="/de">Deutsch</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- resources Modals -->

View File

@ -68,6 +68,9 @@
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
<li>
<a class="page-scroll" href="#language" title="Change Language"><i class="fa fa-language" aria-hidden="true" style="font-size:1.5em;vertical-align:top;"></i> Language</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
@ -414,6 +417,23 @@
</section>
<section id="language">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p>Read this page in another language:</p>
<ul>
<li><a href="/">English</a></li>
<li><a href="/de">Deutsch</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- resources Modals -->

View File

@ -1,3 +1,21 @@
/* LANGUAGE SECTION */
#language {
color: #fff;
background-color: #333;
padding: 20px;
}
#language ul {
padding: 0px;
}
#language li {
display: inline-block;
margin-right: 10px;
}
#language li::before {
content: " ";
}
/* SHARE BUTTONS IN "SPREAD THE WORD" SECTION */
.share-buttons a {
background-position: left 5px center;
background-repeat: no-repeat;
@ -89,7 +107,7 @@
background-color: #dd3500 !important;
}
/* SHARE BUTTONS ON LEFT SIDE */
aside.sharecolumn {
display: none;
left: 0;