examples: Update multilingual example

Use new i18n concept

Fixes #2417
This commit is contained in:
bogem 2016-11-21 16:35:52 +01:00 committed by digitalcraftsman
parent 4c72eb12dc
commit 68ebf61613
25 changed files with 312 additions and 314 deletions

View file

@ -1,6 +1,39 @@
baseURL = "http://example.com"
defaultContentLanguage = "en"
[taxonomies]
tag = "tags"
group = "groups"
menu = "menu"
[languages]
[languages.en]
weight = 0
title = "My multilingual site"
[[languages.en.menu.main]]
url = "/home"
name = "Home"
weight = 0
[[languages.en.menu.main]]
url = "/news"
name = "News"
weight = 1
[[languages.en.menu.main]]
url = "/about"
name = "About"
weight = 2
[languages.et]
weight = 1
title = "Minu mitmekeelne leht"
[[languages.et.menu.main]]
url = "/kodu"
name = "Kodu"
weight = 0
[[languages.et.menu.main]]
url = "/uudised"
name = "Uudised"
weight = 1
[[languages.et.menu.main]]
url = "/minust"
name = "Minust"
weight = 2

View file

@ -1,17 +1,12 @@
+++
title = "About"
linktitle = "About"
url = "/about"
lang = "en"
menu = ["en"]
menu_weight = 30
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum ex deleniti ut tenetur amet accusantium dolores nam provident! Ipsum, dicta voluptatum quas architecto nostrum sapiente eos commodi numquam accusantium reprehenderit.
Doloremque, veritatis qui impedit expedita quas distinctio temporibus repellendus dicta debitis iure molestias recusandae cum facere natus esse saepe inventore beatae ipsum soluta voluptas in quaerat nam culpa id autem!
## History
Sequi eum impedit distinctio facilis repudiandae provident iure illo quia autem optio. Ea, facilis, possimus dolor nobis explicabo recusandae numquam ducimus minus eum totam odio architecto nesciunt accusamus expedita natus.
+++
title = "About"
url = "/about"
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum ex deleniti ut tenetur amet accusantium dolores nam provident! Ipsum, dicta voluptatum quas architecto nostrum sapiente eos commodi numquam accusantium reprehenderit.
Doloremque, veritatis qui impedit expedita quas distinctio temporibus repellendus dicta debitis iure molestias recusandae cum facere natus esse saepe inventore beatae ipsum soluta voluptas in quaerat nam culpa id autem!
## History
Sequi eum impedit distinctio facilis repudiandae provident iure illo quia autem optio. Ea, facilis, possimus dolor nobis explicabo recusandae numquam ducimus minus eum totam odio architecto nesciunt accusamus expedita natus.

View file

@ -1,17 +1,12 @@
+++
title = "Minust"
linktitle = "Minust"
url = "/minust"
lang = "et"
menu = ["et"]
menu_weight = 30
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum ex deleniti ut tenetur amet accusantium dolores nam provident! Ipsum, dicta voluptatum quas architecto nostrum sapiente eos commodi numquam accusantium reprehenderit.
Doloremque, veritatis qui impedit expedita quas distinctio temporibus repellendus dicta debitis iure molestias recusandae cum facere natus esse saepe inventore beatae ipsum soluta voluptas in quaerat nam culpa id autem!
## Ajalugu
Sequi eum impedit distinctio facilis repudiandae provident iure illo quia autem optio. Ea, facilis, possimus dolor nobis explicabo recusandae numquam ducimus minus eum totam odio architecto nesciunt accusamus expedita natus.
+++
title = "Minust"
url = "/minust"
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum ex deleniti ut tenetur amet accusantium dolores nam provident! Ipsum, dicta voluptatum quas architecto nostrum sapiente eos commodi numquam accusantium reprehenderit.
Doloremque, veritatis qui impedit expedita quas distinctio temporibus repellendus dicta debitis iure molestias recusandae cum facere natus esse saepe inventore beatae ipsum soluta voluptas in quaerat nam culpa id autem!
## Ajalugu
Sequi eum impedit distinctio facilis repudiandae provident iure illo quia autem optio. Ea, facilis, possimus dolor nobis explicabo recusandae numquam ducimus minus eum totam odio architecto nesciunt accusamus expedita natus.

View file

@ -1,15 +1,10 @@
+++
title = "Home"
linktitle = "Home"
url = "/home"
lang = "en"
menu = ["en"]
menu_weight = 0
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum ex deleniti ut tenetur amet accusantium dolores nam provident! Ipsum, dicta voluptatum quas architecto nostrum sapiente eos commodi numquam accusantium reprehenderit.
Doloremque, veritatis qui impedit expedita quas distinctio temporibus repellendus dicta debitis iure molestias recusandae cum facere natus esse saepe inventore beatae ipsum soluta voluptas in quaerat nam culpa id autem!
Sequi eum impedit distinctio facilis repudiandae provident iure illo quia autem optio. Ea, facilis, possimus dolor nobis explicabo recusandae numquam ducimus minus eum totam odio architecto nesciunt accusamus expedita natus.
+++
title = "Home"
url = "/home"
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum ex deleniti ut tenetur amet accusantium dolores nam provident! Ipsum, dicta voluptatum quas architecto nostrum sapiente eos commodi numquam accusantium reprehenderit.
Doloremque, veritatis qui impedit expedita quas distinctio temporibus repellendus dicta debitis iure molestias recusandae cum facere natus esse saepe inventore beatae ipsum soluta voluptas in quaerat nam culpa id autem!
Sequi eum impedit distinctio facilis repudiandae provident iure illo quia autem optio. Ea, facilis, possimus dolor nobis explicabo recusandae numquam ducimus minus eum totam odio architecto nesciunt accusamus expedita natus.

View file

@ -1,15 +1,10 @@
+++
title = "Kodu"
linktitle = "Kodu"
url = "/kodu"
lang = "et"
menu = ["et"]
menu_weight = 0
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum ex deleniti ut tenetur amet accusantium dolores nam provident! Ipsum, dicta voluptatum quas architecto nostrum sapiente eos commodi numquam accusantium reprehenderit.
Doloremque, veritatis qui impedit expedita quas distinctio temporibus repellendus dicta debitis iure molestias recusandae cum facere natus esse saepe inventore beatae ipsum soluta voluptas in quaerat nam culpa id autem!
Sequi eum impedit distinctio facilis repudiandae provident iure illo quia autem optio. Ea, facilis, possimus dolor nobis explicabo recusandae numquam ducimus minus eum totam odio architecto nesciunt accusamus expedita natus.
+++
title = "Kodu"
url = "/kodu"
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum ex deleniti ut tenetur amet accusantium dolores nam provident! Ipsum, dicta voluptatum quas architecto nostrum sapiente eos commodi numquam accusantium reprehenderit.
Doloremque, veritatis qui impedit expedita quas distinctio temporibus repellendus dicta debitis iure molestias recusandae cum facere natus esse saepe inventore beatae ipsum soluta voluptas in quaerat nam culpa id autem!
Sequi eum impedit distinctio facilis repudiandae provident iure illo quia autem optio. Ea, facilis, possimus dolor nobis explicabo recusandae numquam ducimus minus eum totam odio architecto nesciunt accusamus expedita natus.

View file

@ -1,16 +1,14 @@
+++
title = "Alpha"
lang = "en"
groups = ["news"]
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, porro, doloribus ducimus reprehenderit nobis at voluptates ipsa dicta nostrum perferendis in vitae. Magnam, quia officia modi incidunt tenetur ratione cum.
Magni, maxime, eum, veniam nam iusto rem error id tenetur porro sed modi reprehenderit excepturi impedit saepe vero ducimus quae consequuntur cupiditate est aperiam in cumque sapiente. Ullam, ex, dolorum.
Pariatur, mollitia dignissimos commodi nostrum dicta accusantium nisi doloremque ratione molestias ex similique a porro quibusdam harum incidunt veniam laborum ipsum facere impedit maiores quam ad vero in obcaecati molestiae.
Nam, nisi minus voluptatum dolorem quia doloremque officia architecto facere laborum ullam doloribus voluptates dolores quaerat necessitatibus hic expedita reiciendis inventore tenetur aliquam ab! Aliquid odit veniam accusantium maxime necessitatibus.
Eos ipsam iusto optio odit id et nisi corporis hic. Iusto, cum, facere officiis ad modi numquam quam recusandae soluta rem consequuntur esse tenetur tempore vel. Veritatis, labore et aliquid?
+++
title = "Alpha"
groups = ["news"]
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, porro, doloribus ducimus reprehenderit nobis at voluptates ipsa dicta nostrum perferendis in vitae. Magnam, quia officia modi incidunt tenetur ratione cum.
Magni, maxime, eum, veniam nam iusto rem error id tenetur porro sed modi reprehenderit excepturi impedit saepe vero ducimus quae consequuntur cupiditate est aperiam in cumque sapiente. Ullam, ex, dolorum.
Pariatur, mollitia dignissimos commodi nostrum dicta accusantium nisi doloremque ratione molestias ex similique a porro quibusdam harum incidunt veniam laborum ipsum facere impedit maiores quam ad vero in obcaecati molestiae.
Nam, nisi minus voluptatum dolorem quia doloremque officia architecto facere laborum ullam doloribus voluptates dolores quaerat necessitatibus hic expedita reiciendis inventore tenetur aliquam ab! Aliquid odit veniam accusantium maxime necessitatibus.
Eos ipsam iusto optio odit id et nisi corporis hic. Iusto, cum, facere officiis ad modi numquam quam recusandae soluta rem consequuntur esse tenetur tempore vel. Veritatis, labore et aliquid?

View file

@ -1,16 +1,14 @@
+++
title = "Beta"
lang = "en"
groups = ["news"]
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, porro, doloribus ducimus reprehenderit nobis at voluptates ipsa dicta nostrum perferendis in vitae. Magnam, quia officia modi incidunt tenetur ratione cum.
Magni, maxime, eum, veniam nam iusto rem error id tenetur porro sed modi reprehenderit excepturi impedit saepe vero ducimus quae consequuntur cupiditate est aperiam in cumque sapiente. Ullam, ex, dolorum.
Pariatur, mollitia dignissimos commodi nostrum dicta accusantium nisi doloremque ratione molestias ex similique a porro quibusdam harum incidunt veniam laborum ipsum facere impedit maiores quam ad vero in obcaecati molestiae.
Nam, nisi minus voluptatum dolorem quia doloremque officia architecto facere laborum ullam doloribus voluptates dolores quaerat necessitatibus hic expedita reiciendis inventore tenetur aliquam ab! Aliquid odit veniam accusantium maxime necessitatibus.
Eos ipsam iusto optio odit id et nisi corporis hic. Iusto, cum, facere officiis ad modi numquam quam recusandae soluta rem consequuntur esse tenetur tempore vel. Veritatis, labore et aliquid?
+++
title = "Beta"
groups = ["news"]
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, porro, doloribus ducimus reprehenderit nobis at voluptates ipsa dicta nostrum perferendis in vitae. Magnam, quia officia modi incidunt tenetur ratione cum.
Magni, maxime, eum, veniam nam iusto rem error id tenetur porro sed modi reprehenderit excepturi impedit saepe vero ducimus quae consequuntur cupiditate est aperiam in cumque sapiente. Ullam, ex, dolorum.
Pariatur, mollitia dignissimos commodi nostrum dicta accusantium nisi doloremque ratione molestias ex similique a porro quibusdam harum incidunt veniam laborum ipsum facere impedit maiores quam ad vero in obcaecati molestiae.
Nam, nisi minus voluptatum dolorem quia doloremque officia architecto facere laborum ullam doloribus voluptates dolores quaerat necessitatibus hic expedita reiciendis inventore tenetur aliquam ab! Aliquid odit veniam accusantium maxime necessitatibus.
Eos ipsam iusto optio odit id et nisi corporis hic. Iusto, cum, facere officiis ad modi numquam quam recusandae soluta rem consequuntur esse tenetur tempore vel. Veritatis, labore et aliquid?

View file

@ -0,0 +1,5 @@
+++
title = "News"
url = "/news"
listing = true
+++

View file

@ -1,10 +0,0 @@
+++
title = "News"
linktitle = "News"
url = "/news"
listing = true
lang = "en"
menu = ["en"]
menu_weight = 10
+++

View file

@ -1,16 +1,15 @@
+++
title = "Alfa"
lang = "et"
groups = ["uudised"]
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, porro, doloribus ducimus reprehenderit nobis at voluptates ipsa dicta nostrum perferendis in vitae. Magnam, quia officia modi incidunt tenetur ratione cum.
Magni, maxime, eum, veniam nam iusto rem error id tenetur porro sed modi reprehenderit excepturi impedit saepe vero ducimus quae consequuntur cupiditate est aperiam in cumque sapiente. Ullam, ex, dolorum.
Pariatur, mollitia dignissimos commodi nostrum dicta accusantium nisi doloremque ratione molestias ex similique a porro quibusdam harum incidunt veniam laborum ipsum facere impedit maiores quam ad vero in obcaecati molestiae.
Nam, nisi minus voluptatum dolorem quia doloremque officia architecto facere laborum ullam doloribus voluptates dolores quaerat necessitatibus hic expedita reiciendis inventore tenetur aliquam ab! Aliquid odit veniam accusantium maxime necessitatibus.
Eos ipsam iusto optio odit id et nisi corporis hic. Iusto, cum, facere officiis ad modi numquam quam recusandae soluta rem consequuntur esse tenetur tempore vel. Veritatis, labore et aliquid?
+++
title = "Alfa"
url = "/uudis/alfa"
groups = ["uudised"]
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, porro, doloribus ducimus reprehenderit nobis at voluptates ipsa dicta nostrum perferendis in vitae. Magnam, quia officia modi incidunt tenetur ratione cum.
Magni, maxime, eum, veniam nam iusto rem error id tenetur porro sed modi reprehenderit excepturi impedit saepe vero ducimus quae consequuntur cupiditate est aperiam in cumque sapiente. Ullam, ex, dolorum.
Pariatur, mollitia dignissimos commodi nostrum dicta accusantium nisi doloremque ratione molestias ex similique a porro quibusdam harum incidunt veniam laborum ipsum facere impedit maiores quam ad vero in obcaecati molestiae.
Nam, nisi minus voluptatum dolorem quia doloremque officia architecto facere laborum ullam doloribus voluptates dolores quaerat necessitatibus hic expedita reiciendis inventore tenetur aliquam ab! Aliquid odit veniam accusantium maxime necessitatibus.
Eos ipsam iusto optio odit id et nisi corporis hic. Iusto, cum, facere officiis ad modi numquam quam recusandae soluta rem consequuntur esse tenetur tempore vel. Veritatis, labore et aliquid?

View file

@ -1,16 +1,15 @@
+++
title = "Beeta"
lang = "et"
groups = ["uudised"]
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, porro, doloribus ducimus reprehenderit nobis at voluptates ipsa dicta nostrum perferendis in vitae. Magnam, quia officia modi incidunt tenetur ratione cum.
Magni, maxime, eum, veniam nam iusto rem error id tenetur porro sed modi reprehenderit excepturi impedit saepe vero ducimus quae consequuntur cupiditate est aperiam in cumque sapiente. Ullam, ex, dolorum.
Pariatur, mollitia dignissimos commodi nostrum dicta accusantium nisi doloremque ratione molestias ex similique a porro quibusdam harum incidunt veniam laborum ipsum facere impedit maiores quam ad vero in obcaecati molestiae.
Nam, nisi minus voluptatum dolorem quia doloremque officia architecto facere laborum ullam doloribus voluptates dolores quaerat necessitatibus hic expedita reiciendis inventore tenetur aliquam ab! Aliquid odit veniam accusantium maxime necessitatibus.
Eos ipsam iusto optio odit id et nisi corporis hic. Iusto, cum, facere officiis ad modi numquam quam recusandae soluta rem consequuntur esse tenetur tempore vel. Veritatis, labore et aliquid?
+++
title = "Beeta"
url = "/uudis/beeta"
groups = ["uudised"]
+++
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, porro, doloribus ducimus reprehenderit nobis at voluptates ipsa dicta nostrum perferendis in vitae. Magnam, quia officia modi incidunt tenetur ratione cum.
Magni, maxime, eum, veniam nam iusto rem error id tenetur porro sed modi reprehenderit excepturi impedit saepe vero ducimus quae consequuntur cupiditate est aperiam in cumque sapiente. Ullam, ex, dolorum.
Pariatur, mollitia dignissimos commodi nostrum dicta accusantium nisi doloremque ratione molestias ex similique a porro quibusdam harum incidunt veniam laborum ipsum facere impedit maiores quam ad vero in obcaecati molestiae.
Nam, nisi minus voluptatum dolorem quia doloremque officia architecto facere laborum ullam doloribus voluptates dolores quaerat necessitatibus hic expedita reiciendis inventore tenetur aliquam ab! Aliquid odit veniam accusantium maxime necessitatibus.
Eos ipsam iusto optio odit id et nisi corporis hic. Iusto, cum, facere officiis ad modi numquam quam recusandae soluta rem consequuntur esse tenetur tempore vel. Veritatis, labore et aliquid?

View file

@ -0,0 +1,5 @@
+++
title = "Uudised"
url = "/uudised"
listing = true
+++

View file

@ -1,10 +0,0 @@
+++
title = "Uudised"
linktitle = "Uudised"
url = "/uudised"
listing = true
lang = "et"
menu = ["et"]
menu_weight = 10
+++

View file

@ -1,2 +0,0 @@
head_title: Multilingual
title: My multilingual site

View file

@ -1,2 +0,0 @@
head_title: Mitmekeelne
title: Minu mitmekeelne leht

View file

@ -0,0 +1,3 @@
- id: head_title
translation: "Multilingual"

View file

@ -0,0 +1,2 @@
- id: head_title
translation: "Mitmekeelne"

View file

@ -1,4 +1,4 @@
{{ partial "head.html" . }}
{{ partial "header.html" . }}
{{ .Content }}
{{ partial "footer.html" . }}
{{ partial "head.html" . }}
{{ partial "header.html" . }}
{{ .Content }}
{{ partial "footer.html" . }}

View file

@ -1 +1 @@
<meta http-equiv="refresh" content="0; url=/home" />
<meta http-equiv="refresh" content="0; url=/home" />

View file

@ -1,3 +1,3 @@
<footer id="footer"><span class="copy-left">&copy;</span> 2015 Egon Elbre</footer>
</body>
</html>
<footer id="footer"><span class="copy-left">&copy;</span> 2015 Egon Elbre</footer>
</body>
</html>

View file

@ -1,11 +1,11 @@
<!DOCTYPE html>
<html lang="{{ .Params.lang }}">
<head>
<meta charset="utf-8">
{{ if .Title }}
<title>{{ (index .Site.Data.translations .Params.lang).head_title }} - {{ .Title }}</title>
{{ end }}
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/main.css">
</head>
<body>
<!DOCTYPE html>
<html lang="{{ .Params.lang }}">
<head>
<meta charset="utf-8">
{{ if .Title }}
<title>{{ i18n "head_title" }} - {{ .Title }}</title>
{{ end }}
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/main.css">
</head>
<body>

View file

@ -1,17 +1,17 @@
<header>
<nav id="language-menu">
<a href="/home">English</a>
<a href="/kodu">Eesti</a>
</nav>
<h1 id="title">{{ (index .Site.Data.translations .Params.lang).title }}</h1>
<nav id="main-menu">
{{ range (index .Site.Taxonomies.menu .Params.lang).Pages }}
<a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
{{ end }}
<div class="clear"></div>
</nav>
</header>
<h2 id="subtitle">{{ .Title }}</h2>
<header>
<nav id="language-menu">
<a href="/home">English</a>
<a href="/kodu">Eesti</a>
</nav>
<h1 id="title">{{ .Site.Title }}</h1>
<nav id="main-menu">
{{ range .Site.Menus.main }}
<a href="{{ .URL }}">{{ .Name }}</a>
{{ end }}
<div class="clear"></div>
</nav>
</header>
<h2 id="subtitle">{{ .Title }}</h2>

View file

@ -1,17 +1,17 @@
{{ partial "head.html" . }}
{{ partial "header.html" . }}
{{ if .Params.listing }}
{{ range .Site.Taxonomies.groups.news.Pages }}
<article class="post">
<h3><a href='{{ .Permalink }}'>{{ .Title }}</a> </h3>
<div class="post-meta">{{ .Date.Format "Mon, Jan 2, 2006" }} - {{ .FuzzyWordCount }} Words</div>
{{ .Summary }}
<a href='{{ .Permalink }}'><nobr>read more →</nobr></a>
</article>
{{ end }}
{{ else }}
{{ .Content }}
{{ end }}
{{ partial "footer.html" . }}
{{ partial "head.html" . }}
{{ partial "header.html" . }}
{{ if .Params.listing }}
{{ range .Site.Taxonomies.groups.news.Pages }}
<article class="post">
<h3><a href='{{ .Permalink }}'>{{ .Title }}</a> </h3>
<div class="post-meta">{{ .Date.Format "Mon, Jan 2, 2006" }} - {{ .FuzzyWordCount }} Words</div>
{{ .Summary }}
<a href='{{ .Permalink }}'><nobr>read more →</nobr></a>
</article>
{{ end }}
{{ else }}
{{ .Content }}
{{ end }}
{{ partial "footer.html" . }}

View file

@ -1,17 +1,17 @@
{{ partial "head.html" . }}
{{ partial "header.html" . }}
{{ if .Params.listing }}
{{ range .Site.Taxonomies.groups.uudised.Pages }}
<article class="post">
<h3><a href='{{ .Permalink }}'>{{ .Title }}</a> </h3>
<div class="post-meta">{{ .Date.Format "Mon, Jan 2, 2006" }} - {{ .FuzzyWordCount }} sõna</div>
{{ .Summary }}
<a href='{{ .Permalink }}'><nobr>loe edasi →</nobr></a>
</article>
{{ end }}
{{ else }}
{{ .Content }}
{{ end }}
{{ partial "footer.html" . }}
{{ partial "head.html" . }}
{{ partial "header.html" . }}
{{ if .Params.listing }}
{{ range .Site.Taxonomies.groups.uudised.Pages }}
<article class="post">
<h3><a href='{{ .Permalink }}'>{{ .Title }}</a> </h3>
<div class="post-meta">{{ .Date.Format "Mon, Jan 2, 2006" }} - {{ .FuzzyWordCount }} sõna</div>
{{ .Summary }}
<a href='{{ .Permalink }}'><nobr>loe edasi →</nobr></a>
</article>
{{ end }}
{{ else }}
{{ .Content }}
{{ end }}
{{ partial "footer.html" . }}

View file

@ -1,90 +1,90 @@
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
padding: 0 20px;
max-width: 800px;
margin: 0 auto;
color: #333;
}
.clear { clear: both; }
#language-menu, #main-menu, #title, #subtitle {
font-family: Georgia;
font-variant: small-caps;
}
.copy-left {
display: inline-block;
text-align: right;
margin: 0px;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
/* Language Menu */
#language-menu { float: right; }
#language-menu a {
display: block;
padding: 8px 10px;
width: 100px;
transition: border-left 0.3s ease-in-out;
border-left: 2px solid #FFF;
}
#language-menu a:hover { border-left: 2px solid #A00; }
#language-menu a, #language-menu a:visited {
color: #333;
}
/* Main Menu */
#main-menu {
margin-top: 20px;
border-left: 2px solid #A00;
padding-left: 10px;
}
#main-menu a {
float: left;
width: 100px;
text-align: center;
padding: 5px 10px;
margin: 0;
text-decoration: none;
font-size: 18px;
transition: border-bottom 0.3s ease-in-out;
border-bottom: 2px solid #FFF;
}
#main-menu a:hover {
border-bottom: 2px solid #A00;
}
/* Content */
article h3 {
margin-bottom: 3px;
}
.post-meta {
color: #888;
margin-bottom: 10px;
}
/* Footer */
#footer {
margin: 50px 0;
text-align: center;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
padding: 0 20px;
max-width: 800px;
margin: 0 auto;
color: #333;
}
.clear { clear: both; }
#language-menu, #main-menu, #title, #subtitle {
font-family: Georgia;
font-variant: small-caps;
}
.copy-left {
display: inline-block;
text-align: right;
margin: 0px;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
/* Language Menu */
#language-menu { float: right; }
#language-menu a {
display: block;
padding: 8px 10px;
width: 100px;
transition: border-left 0.3s ease-in-out;
border-left: 2px solid #FFF;
}
#language-menu a:hover { border-left: 2px solid #A00; }
#language-menu a, #language-menu a:visited {
color: #333;
}
/* Main Menu */
#main-menu {
margin-top: 20px;
border-left: 2px solid #A00;
padding-left: 10px;
}
#main-menu a {
float: left;
width: 100px;
text-align: center;
padding: 5px 10px;
margin: 0;
text-decoration: none;
font-size: 18px;
transition: border-bottom 0.3s ease-in-out;
border-bottom: 2px solid #FFF;
}
#main-menu a:hover {
border-bottom: 2px solid #A00;
}
/* Content */
article h3 {
margin-bottom: 3px;
}
.post-meta {
color: #888;
margin-bottom: 10px;
}
/* Footer */
#footer {
margin: 50px 0;
text-align: center;
}