From de6decde38af6239745f5f8a6afd55094f555a81 Mon Sep 17 00:00:00 2001
From: Dmitry Kolosov <mitrichius@gmail.com>
Date: Thu, 8 Jul 2021 23:32:45 +0300
Subject: [PATCH] show languages for posts #92

---
 assets/css/main.css                          | 34 ++++++++++++++++++++
 layouts/_default/list.html                   |  1 +
 layouts/_default/single.html                 |  2 ++
 layouts/partials/post-language-switcher.html | 16 +++++++++
 layouts/partials/postSummary.html            |  1 +
 5 files changed, 54 insertions(+)
 create mode 100644 layouts/partials/post-language-switcher.html

diff --git a/assets/css/main.css b/assets/css/main.css
index 51b497a..4ebc829 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -321,11 +321,19 @@ article:not(:last-of-type) {
     padding-bottom: 2em;
 }
 
+article header {
+    margin-top: 1em;
+    line-height: 1.1em;
+    margin-bottom: 0.5em;
+}
+
+
 article header h1 {
     font-size: 1.35em;
     line-height: 1.1em;
     margin-bottom: 0.5em;
     font-weight: 600;
+    display: inline;
 }
 
 article header h1 a {
@@ -428,6 +436,32 @@ article figcaption {
     display: block;
 }
 
+.post-translations {
+    margin-left: 0.5em;
+    list-style: none;
+    padding: 0;
+    display: inline;
+    font-size: 14px;
+}
+
+.post-translations > li {
+    display: inline;
+}
+
+.post-translations > li:not(:last-child)::after {
+    content: "|";
+    display: inline-block;
+}
+
+.post-translations > li a {
+    color: var(--link-color);
+}
+
+.post-translations > li a:hover, 
+.post-translations > li a:focus {
+    color: var(--link-state-color);
+}
+
 /* Other pages */
 .terms {
     list-style-type: none;
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index a40fff2..66b94e2 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -10,6 +10,7 @@
             <div class="post-short-list h-entry">
                 <header class="post-header"> 
                     <h2 class="p-name post-title{{ if .Params.favorite }} favorite{{end}}{{ if .Params.draft }} draft{{end}}"><a class="u-url" href="{{ .RelPermalink }}">{{ trim .Title " " }}</a></h2>
+                    {{ partial "post-language-switcher.html" . }}
                 </header>
                 {{ partial "postInfo.html" . }}
             </div>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 0ffe61c..3bfef94 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -10,6 +10,8 @@
     <article class="post h-entry">
         <header class="post-header">
             <h1 class="p-name post-title{{ if .Params.favorite }} favorite{{end}}{{ if .Params.draft }} draft{{end}}">{{ trim .Title  " " }}</h1>
+
+            {{ partial "post-language-switcher.html" . }}
         </header>
         <div class="content e-content">
             {{ .Content }}
diff --git a/layouts/partials/post-language-switcher.html b/layouts/partials/post-language-switcher.html
new file mode 100644
index 0000000..162cdf3
--- /dev/null
+++ b/layouts/partials/post-language-switcher.html
@@ -0,0 +1,16 @@
+{{ if .IsTranslated }}
+    {{ $pageLang := .Page.Lang}}
+    <ul class="post-translations">
+        {{ range .AllTranslations }}
+            {{ if eq .Lang $pageLang }}
+                <li>
+                    {{ upper .Lang }}
+                </li>
+            {{ else }}
+                <li>
+                    <a href="{{ .Permalink }}">{{ upper .Lang }}</a>
+                </li>
+            {{ end }}
+        {{ end }}
+    </ul>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/postSummary.html b/layouts/partials/postSummary.html
index a348bc9..4e9084a 100644
--- a/layouts/partials/postSummary.html
+++ b/layouts/partials/postSummary.html
@@ -1,6 +1,7 @@
 <article class="post-list h-feed">
     <header class="post-header">
         <h1 class="p-name post-title{{ if .Params.favorite }} favorite{{end}}{{ if .Params.draft }} draft{{end}}"><a class="u-url" href="{{ .RelPermalink }}">{{ trim .Title " " }}</a></h1>
+        {{ partial "post-language-switcher.html" . }}
     </header>
 
     {{ if not .Site.Params.disableSummary }}