diff options
author | Jairo Llopis <yajo.sk8@gmail.com> | 2020-03-01 14:34:17 +0300 |
---|---|---|
committer | Jairo Llopis <yajo.sk8@gmail.com> | 2020-03-01 14:45:51 +0300 |
commit | 43465af27ecd61118d61696fffd3b68337a7a5d6 (patch) | |
tree | 60b5821f8e703c9bf1ffe7bcbced275fab4da63e /layouts | |
parent | 510e7590b774e23145b93ca7f3b1ffbe1ac94911 (diff) |
Add multilingual support
- Tag the theme as multilingual.
- Add alternate hreflang meta tags.
- Add lang switch where possible.
- Locale-independent date format.
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/_default/list.html | 4 | ||||
-rw-r--r-- | layouts/_default/single.html | 2 | ||||
-rw-r--r-- | layouts/partials/head.html | 6 | ||||
-rw-r--r-- | layouts/partials/header.html | 29 |
4 files changed, 33 insertions, 8 deletions
diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 58d50d7..0fe9efd 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="{{ .Site.LanguageCode }}"> +<html lang="{{ .Language.Lang }}"> <head> <title> {{ .Title }} · {{ .Site.Title }} </title> @@ -21,7 +21,7 @@ <div class="post-list-item"> <div class="post-header"> <h4 class="post-link"><a href="{{ .Permalink }}">{{ .Title }}</a></h4> - <h4 class="post-date">{{ .Date.Format "Jan 2, 2006" }}</h4> + <h4 class="post-date">{{ .Date.Format "2006-01-02" }}</h4> </div> <div class="post-summary"><p>{{ .Summary }}</p></div> <div class="post-list-footer text-center"> diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 724e2d0..1779dea 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -11,7 +11,7 @@ {{ partial "header.html" . }} <div class="container wrapper"> <h1><a href="{{ .Permalink }}">{{ .Title }}</a></h1> - <span class="post-date">{{ .Date.Format "Jan 2, 2006 " }}</span> + <span class="post-date">{{ .Date.Format "2006-01-02 " }}</span> <div class="post-content"> {{ .Content }} </div> diff --git a/layouts/partials/head.html b/layouts/partials/head.html index b316567..8d8f5eb 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -2,6 +2,12 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"> {{ hugo.Generator }} +{{ if .IsTranslated }} + {{ range .Translations }} + <link rel="alternate" hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}" title="{{ .Language.LanguageName }}"> + {{ end }} +{{ end }} + <!-- JQuery --> <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> diff --git a/layouts/partials/header.html b/layouts/partials/header.html index f2e3e77..69f2c63 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -8,15 +8,34 @@ <span class="icon-bar"></span> <span class="icon-bar"></span> </button> - <a class="navbar-brand" id="green-terminal" href={{.Site.BaseURL}}>{{.Site.Params.HeaderUsername}}@{{.Site.Params.HeaderHostname}} ~ $</a> + <a class="navbar-brand" id="green-terminal" href='{{ "/" | absLangURL }}'> + {{ .Site.Params.HeaderUsername }}@{{ .Site.Params.HeaderHostname }} ~ $ + </a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li> - <a href="{{ .Site.BaseURL }}">/home/{{.Site.Params.HeaderUsername}}</a> - </li> + <a href='{{ "/" | absLangURL }}'>/home/{{ .Site.Params.HeaderUsername }}</a> + </li> + {{ if .IsTranslated }} + <li class="dropdown"> + <a class="dropdown-toggle" data-toggle="dropdown" role="button" title="{{ .Language.LanguageName }}"> + LANG={{ .Language.Lang }} + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + {{ range .Translations }} + <li> + <a href="{{ .Permalink }}" title="{{ .Language.LanguageName }}"> + export LANG={{ .Language.Lang }} + </a> + </li> + {{ end }} + </ul> + </li> + {{ end }} {{ range .Site.Menus.header }} {{ $name := lower .Name }} <li class="dropdown"> @@ -25,12 +44,12 @@ <ul class="dropdown-menu"> {{ range .Children }} <li> - <a href="{{ .URL }}">~/{{ lower .Name }}</a> + <a href="{{ .URL | absLangURL }}">~/{{ lower .Name }}</a> </li> {{ end }} </ul> {{ else }} - <a href="{{ .URL }}">~/{{ lower .Name }}</a> + <a href="{{ .URL | absLangURL }}">~/{{ lower .Name }}</a> {{ end }} </li> {{ end }} |