Translated blog portfolio

README.md

@@ -28,7 +28,7 @@ hugo new post/postnamehere/index.md
 
 Creating a new entry:
 ```
-    hugo new blog/blognamehere/index.md
+hugo new blog/blognamehere/index.md
 ```
 
 ### Options
@@ -63,7 +63,7 @@ Edit `config.toml`:
 
 Make sure there is a page in `contents/blog` for the newly added blog since some metadata is pulled from there.
 
-# Debugging mounts
+# Debugging `static` mounts
 
 ```
 /usr/local/bin/hugo server -D --debug --disableFastRender --renderToDisk

archetypes/blog.md

@@ -3,6 +3,7 @@ title: "{{ replace .Name "-" " " | title }}"
 description: ""
 date: {{ .Date }}
 draft: true
+private: true
 link: ""
 linkPrefix: ""
 status: ""

assets/scss/base.scss

@@ -274,7 +274,7 @@ h1.header {
                         font-family: $heading-font-family;
                         margin-bottom: 0.4em;
                         width: 100%;
-                        font-size: 115%;
+                        font-size: 125%;
                     }
 
                     .blog-description {
@@ -339,7 +339,7 @@ h1.header {
     }
 }
 
-// Flogs from https://github.com/lipis/flag-icon-css
+// Flags from https://github.com/lipis/flag-icon-css
 // Flags encoded by https://www.base64encode.org/
 
 .de {
@@ -351,3 +351,15 @@ h1.header {
      background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb24tY3NzLWdiIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iIzAxMjE2OSIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTc1IDBsMjQ0IDE4MUw1NjIgMGg3OHY2Mkw0MDAgMjQxbDI0MCAxNzh2NjFoLTgwTDMyMCAzMDEgODEgNDgwSDB2LTYwbDIzOS0xNzhMMCA2NFYwaDc1eiIvPgogIDxwYXRoIGZpbGw9IiNDODEwMkUiIGQ9Ik00MjQgMjgxbDIxNiAxNTl2NDBMMzY5IDI4MWg1NXptLTE4NCAyMGw2IDM1TDU0IDQ4MEgwbDI0MC0xNzl6TTY0MCAwdjNMMzkxIDE5MWwyLTQ0TDU5MCAwaDUwek0wIDBsMjM5IDE3NmgtNjBMMCA0MlYweiIvPgogIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yNDEgMHY0ODBoMTYwVjBIMjQxek0wIDE2MHYxNjBoNjQwVjE2MEgweiIvPgogIDxwYXRoIGZpbGw9IiNDODEwMkUiIGQ9Ik0wIDE5M3Y5Nmg2NDB2LTk2SDB6TTI3MyAwdjQ4MGg5NlYwaC05NnoiLz4KPC9zdmc+');
      background-size: 100% 100%;
 }
+
+.portfolio-list-content, .post-list-content {
+    margin-top: 2em;
+    font-size: smaller;
+    width:100%;
+    text-align: center;
+    color: gray;
+
+    p {
+        margin-top: 10em;
+    }
+}

content/blog/_index.en.html

@@ -2,3 +2,4 @@
 url: blogs
 title: Blogs
 ---
+External links will open in a new window. The flags indicate the languages ​​available, the ribbons the status of the blog.

content/blog/_index.html

@@ -2,3 +2,4 @@
 url: blogs
 title: Blogs
 ---
+Externe Links werden in einem neuen Fenster geöffnet. Die Flaggen kennzeichnen die verfügbaren Sprachen, die Bändchen den Status des Blogs. 

content/blog/backsteinexpressionismus/index.en.md

@@ -0,0 +1,17 @@
+---
+title: "Backsteinexpressionismus"
+description: "Old illustrations of brick expressionism"
+date: 2020-08-11T07:07:33+02:00
+draft: true
+private: true
+link: ""
+status: planned
+lang:
+- de
+resources:
+- name: screenshot
+  src: "screenshot.png"
+  params:
+    description: "Screenshot"
+---
+Will be launched in autumn 2020.

content/blog/backsteinexpressionismus/index.md

@@ -1,8 +1,9 @@
 ---
 title: "Backsteinexpressionismus"
-description: ""
+description: "Backsteinexpressionismus in alten Ansichten"
 date: 2020-08-11T07:07:33+02:00
 draft: true
+private: true
 link: ""
 status: planned
 lang:
@@ -13,3 +14,4 @@ resources:
   params:
     description: "Screenshot"
 ---
+Wird im Herbst 2020 gestartet

content/blog/blaufusstoelpel/index.en.md

@@ -0,0 +1,16 @@
+---
+title: "Blaufußtölpel"
+description: "A blog about historical fashion"
+date: 2020-08-11T10:05:20+02:00
+draft: true
+link: ""
+status: planned
+lang:
+- de
+resources:
+- name: screenshot
+  src: "screenshot.png"
+  params:
+    description: "Screenshot"
+---
+Will be launched in late summer 2020.

content/blog/blaufusstoelpel/index.md

@@ -1,6 +1,6 @@
 ---
 title: "Blaufußtölpel"
-description: ""
+description: "Ein Blog über historische Mode"
 date: 2020-08-11T10:05:20+02:00
 draft: true
 link: ""
@@ -13,3 +13,4 @@ resources:
   params:
     description: "Screenshot"
 ---
+Wird im Spätsommer 2020 gestartet.

content/blog/briefsteller/index.en.md

@@ -0,0 +1,16 @@
+---
+title: "Briefsteller"
+description: "Sample letters from old letter-writer's guides (around 1900)"
+date: 2020-08-11T07:07:18+02:00
+draft: true
+link: ""
+status: planned
+lang:
+- de
+resources:
+- name: screenshot
+  src: "screenshot.png"
+  params:
+    description: "Screenshot"
+---
+Will be launched in spring 2021.

content/blog/briefsteller/index.md

@@ -1,6 +1,6 @@
 ---
 title: "Briefsteller"
-description: ""
+description: "Beispielbriefe aus alten Briefstellern (um 1900)"
 date: 2020-08-11T07:07:18+02:00
 draft: true
 link: ""
@@ -13,3 +13,4 @@ resources:
   params:
     description: "Screenshot"
 ---
+Wird im Frühjahr 2021 gestartet.

content/blog/diapraesentation/index.en.md

@@ -0,0 +1,15 @@
+---
+title: "Diapraesentation"
+description: "Modern presentations with old technology"
+date: 2020-08-07T09:02:01+02:00
+link: https://diapraesentation.tumblr.com/
+status: inactive
+lang:
+- de
+resources:
+- name: screenshot
+  src: "screenshot.png"
+  params:
+    description: "Screenshot"
+---
+About using old slide projectors for presentations.

content/blog/kraehenbeisser/index.en.md

@@ -0,0 +1,16 @@
+---
+title: "Krähenbeißer"
+description: "Historical illustrations of crowbitters"
+date: 2020-08-07T08:44:04+02:00
+link: https://xn--krhenbeisser-hcb.de/
+linkPrefix: https://xn--krhenbeisser-hcb.de/post/
+status: active
+lang:
+- de
+resources:
+- name: screenshot
+  src: "screenshot.png"
+  params:
+    description: "Screenshot"
+---
+"Krähenbeißer" is a blog that presents historical images of crowbitters.

content/blog/kraehenbeisser/index.md

@@ -13,4 +13,4 @@ resources:
   params:
     description: "Screenshot"
 ---
-Krähenbeißer ist ein Blog um historische Abbildungen von Krähenbeißern zu präsentieren.
+"Krähenbeißer" ist ein Blog, dass historische Abbildungen von Krähenbeißern zu präsentiert.

content/blog/projektemacher/index.en.md

@@ -0,0 +1,18 @@
+---
+title: "Projektemacher"
+description: "Umbrella blog (this Blog)"
+date: 2020-08-11T16:10:14+02:00
+draft: true
+link: "https://projektemacher.org/"
+linkPrefix: ""
+status: "planned"
+lang:
+- de
+- en
+resources:
+- name: screenshot
+  src: "screenshot.png"
+  params:
+    description: "Screenshot"
+---
+Will be launched in summer 2020.

content/blog/projektemacher/index.md

@@ -1,16 +1,18 @@
 ---
 title: "Projektemacher"
-description: ""
+description: "Überblog (dieses Blog)"
 date: 2020-08-11T16:10:14+02:00
 draft: true
-link: ""
+link: "https://projektemacher.org/"
 linkPrefix: ""
-status: ""
+status: "planned"
 lang:
+- de
 - en
 resources:
 - name: screenshot
   src: "screenshot.png"
   params:
     description: "Screenshot"
 ---
+Wird im Sommer 2020 gestartet

content/blog/ric-unknownartist/index.en.md

@@ -0,0 +1,15 @@
+---
+title: "Ric - An unknown artist"
+description: "This blog tries to help to solve the mystery „Who was Ric?“"
+date: 2020-08-07T09:16:14+02:00
+link: https://ric-unknownartist.tumblr.com/
+status: active
+lang:
+- en
+resources:
+- name: screenshot
+  src: "screenshot.png"
+  params:
+    description: "Screenshot"
+---
+"Ric" worked in the second half of the 20th century and only signed his prints with "Ric". The blog presents his works and participates in the international search for Ric's identity.

content/blog/ric-unknownartist/index.md

@@ -1,6 +1,6 @@
 ---
 title: "Ric - An unknown artist"
-description: "This blog tries to help to solve the mystery „Who was Ric?“"
+description: "Dieses Blog begibt sich auf die Spuren eines unbekannten Künstlers - Ric"
 date: 2020-08-07T09:16:14+02:00
 link: https://ric-unknownartist.tumblr.com/
 status: active
@@ -12,3 +12,4 @@ resources:
   params:
     description: "Screenshot"
 ---
+"Ric" hat in der zweiten Hälfte des 20. Jahrhunderts gewirkt und hat seine Druck nur mit "Ric" signiert. Das Blog stellt seine Werke vor und beteiligt sich an der internationalen Suche nach Ric's Identität.

content/blog/yaapb/index.en.md

@@ -0,0 +1,15 @@
+---
+title: "Yaapb"
+description: "Yet another analog photo blog"
+date: 2020-08-07T09:01:32+02:00
+link: https://yaapb.tumblr.com
+status: active
+lang:
+- en
+resources:
+- name: screenshot
+  src: "screenshot.png"
+  params:
+    description: "Screenshot"
+---
+Analog photography is a thing from the past, this blog presents photos taken with analog cameras and presents found films from flea markets.

content/blog/yaapb/index.md

@@ -12,3 +12,4 @@ resources:
   params:
     description: "Screenshot"
 ---
+Analog war gestern - und hat trotzdem funktioniert. Für "Yaapb" werden verschiedene alte Kameras ausprobiert. Zusätzlich werden auf dem Flohmarkt gefundene Filme und Negative präsentiert.

content/post/_index.en.md

@@ -2,3 +2,4 @@
 url: posts
 title: New posts
 ---
+Current post from all blogs, external articles open in a new window.

content/post/_index.md

@@ -2,3 +2,4 @@
 url: posts
 title: Neueste Beiträge
 ---
+Aktuelle Beiträge aus allen Blogs, externe Artikel öffnen sich in einem neuen Fenster.

layouts/_default/sitemap.xml

@@ -0,0 +1,16 @@
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  {{ range .Data.Pages }}
+	  {{- if not .Params.private }}
+	  <url>
+	    <loc>{{ .Permalink }}</loc>
+	    <lastmod>{{ safeHTML ( .Date.Format "2006-01-02T15:04:05-07:00" ) }}</lastmod>{{ with .Sitemap.ChangeFreq }}
+	    <changefreq>{{ . }}</changefreq>{{ end }}{{ if ge .Sitemap.Priority 0.0 }}
+	    <priority>{{ .Sitemap.Priority }}</priority>{{ end }}
+        {{- if .IsTranslated -}}
+          {{- range .Translations }}
+            <xhtml:link rel="alternate" hreflang="{{ .Lang }}" href="{{ .Permalink }}"/>{{ end }}
+            <xhtml:link rel="alternate" hreflang="{{ .Lang }}" href="{{ .Permalink }}"/>{{ end }}
+          {{- end }}
+	  </url>
+  {{ end }}
+</urlset>

layouts/partials/portfolio.html

@@ -13,15 +13,17 @@ <h1 class="header">{{ .Title }}</h1>
             {{ end }}
             {{ $pages := .Scratch.Get "pages" }}
 
-
             {{ $sorted := $pages.ByParam "status" }}
             {{ range (.Paginate $sorted).Pages }}
               <div class="blog">
+                  {{/*
                   {{ $link := .RelPermalink }}
+                  */}}
+                  {{ $link := "#" }}
                   {{- if .Params.link -}}
                     {{ $link = .Params.link }}
                   {{- end -}}
-                  <a href="{{ $link }}">
+                  <a {{ if ne $link "#" -}} href="{{ $link }}"{{- end -}}>
                       {{ $status := .Params.status }}
                       {{ $lang := .Params.lang }}
 
@@ -32,11 +34,17 @@ <h1 class="header">{{ .Title }}</h1>
                                <span>{{ i18n $status | humanize }}</span>
                           </div>
                           <img src="{{ $preview.RelPermalink }}" alt="Preview">
+                          {{ $counter := 0 }}
                           {{- range $lang -}}
                               {{/*
                               <i class="fas fa-flag lang {{ . }}" title="{{ i18n . }}"></i>
                               */}}
-                              <i class="lang {{ . }}" title="{{ i18n . }}"></i>
+                              {{- $flagPos := "" -}}
+                              {{- if gt $counter 0 -}}
+                                {{- $flagPos = printf "left: calc(1.5em + (2.5em) * %d);" $counter -}}
+                              {{- end -}}
+                              <i class="lang {{ . }}" title="{{ i18n . }}" style="{{ $flagPos | safeCSS }}"></i>
+                              {{ $counter = add $counter 1 }}
                           {{- end -}}
                       </div>
                       <div class="tile">
@@ -54,6 +62,9 @@ <h1 class="header">{{ .Title }}</h1>
                 </div>
             {{- end -}}
         </div>
+        <div class="portfolio-list-content">
+          {{ .Content }}
+        </div>
       </article>
     </section>
 </div>