spanish translation, various enhancements

themes/mauro/layouts/index.html

@@ -5,9 +5,9 @@
       <section id="about">
         <div class="container">
         <div class="avatar">
-          <img class="img-circle" src="{{ .Site.BaseURL }}img/{{ .Site.Params.avatar }}" alt="Responsive image">
+          <img class="img-circle" src="{{ .Sites.First.BaseURL }}img/{{ .Site.Params.avatar }}" alt="Responsive image">
         </div>
-        <h3>I'm <strong>{{ .Site.Params.author }}</strong>, a Systems Administrator.</h3>
+        <h3>I'm <strong>{{ .Site.Params.author }}</strong>, a System Administrator.</h3>
         <h3>I'm into everything DevOps, Delivery Automation, and Infrastructure.</h3>
         <!-- <h3>Have a look at some of my working <a href="{{ .Site.BaseURL }}projects/"> projects</a>.</h3> -->
         <h3>Check out my <a href="{{ .Site.BaseURL }}cv/">resume</a>.</h3>

themes/mauro/layouts/partials/cv-basic.html

@@ -1,5 +1,5 @@
 <header class="three columns cv-basic">
-  <img src="{{ .Site.BaseURL }}img/{{ .Site.Params.avatar }}" class="me">
+  <img src="{{ .Sites.First.BaseURL }}img/{{ .Site.Params.avatar }}" class="me">
   <h1>{{ .Site.Params.author }}</h1>
   <p>
     {{ with .Site.Params.cv.tel_full }}

themes/mauro/layouts/partials/head.html

@@ -6,6 +6,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="{{ .Site.Params.Author }}" />
     {{ if .Site.Params.description }}<meta name="description" content="{{ .Site.Params.description }}">{{ end }}
+    {{ if .IsTranslated }}
+    {{ range .Translations }}
+    <link rel="alternate" hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}" title="{{ .Language.LanguageName }}">
+    {{ end }}
+    {{ end }}
     <link rel="shortcut icon" type="image/x-icon" href="{{ .Site.BaseURL }}img/favicon.ico">
     <title>
     {{- $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" -}}

themes/mauro/layouts/partials/header.html

@@ -15,6 +15,15 @@
         <li><a href="{{ .URL }}">{{ .Name | upper }}</a></li>
         {{ end }}
       {{ end }}
+      {{ if .IsTranslated }}
+        <li class="nav-item"><ul class="nav navbar-nav lang-nav">
+          {{ $currLang := .Language.Lang }}
+          {{ range .AllTranslations }}
+          <li class="nav-item">
+            <a class="nav-link {{if eq .Language.Lang $currLang }}active{{ end }}" href="{{ .Permalink }}">{{ .Language.Lang }}</a>
+          {{ end }}
+        </ul></li>
+        {{ end }}
       </ul>
     </div>
   </div>

themes/mauro/static/css/vitae-layout.css

@@ -121,6 +121,15 @@ em {
     font-weight: 500;
 }
 
+.lang-nav .nav-item:not(:first-child) .nav-link {
+    padding-left: 5px;
+    /* border-left: 1px solid #0006; */
+}
+.lang-nav .nav-item:not(:last-child) .nav-link {
+    padding-right: 5px;
+    /* border-right: 1px solid #0006; */
+}
+
 .vitae-container span.language {
     font-weight: 500;
     padding-right: 0;