more images, more content

_layouts/home.html

@@ -0,0 +1,66 @@
+---
+layout: default
+---
+
+<!-- Page Header -->
+{% if page.background %}
+<header class="masthead" style="background-image: url('{{ page.background | prepend: site.baseurl | replace: '//', '/' }}')">
+  {% else %}
+  <header class="masthead">
+    {% endif %}
+    <div class="overlay"></div>
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-md-10 mx-auto">
+          <div class="page-heading">
+            <h1>{{ site.title }}</h1>
+            {% if site.description %}
+            <span class="subheading">{{ site.description }}</span>
+            {% endif %}
+          </div>
+        </div>
+      </div>
+    </div>
+  </header>
+
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-8 col-md-10 mx-auto">
+
+        {{ content }}
+
+        <!-- Home Post List -->
+        {% for post in site.posts limit : 5 %}
+
+        <article class="post-preview">
+          <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
+            <h2 class="post-title">{{ post.title }}</h2>
+            {% if post.subtitle %}
+            <h3 class="post-subtitle">{{ post.subtitle }}</h3>
+            {% else %}
+            <h3 class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 15 }}</h3>
+            {% endif %}
+          </a>
+          <p class="post-meta">Geschrieben von
+            {% if post.author %}
+            {{ post.author }}
+            {% else %}
+            {{ site.author }}
+            {% endif %}
+            am
+            {{ post.date | date: '%d.%m.%Y' }}
+          </p>
+        </article>
+
+        <hr>
+
+        {% endfor %}
+
+        <!-- Pager -->
+        <div class="clearfix">
+          <a class="btn btn-primary float-right" href="{{"/posts" | relative_url }}">Alle Artikel ansehen &rarr;</a>
+        </div>
+
+      </div>
+    </div>
+  </div>

_layouts/post.html

@@ -0,0 +1,53 @@
+---
+layout: default
+---
+
+<!-- Page Header -->
+{% if page.background %}
+<header class="masthead" style="background-image: url('{{ page.background | prepend: site.baseurl | replace: '//', '/' }}')">
+  {% else %}
+  <header class="masthead">
+    {% endif %}
+    <div class="overlay"></div>
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-md-10 mx-auto">
+          <div class="post-heading">
+            <h1>{{ page.title }}</h1>
+            {% if page.subtitle %}
+            <h2 class="subheading">{{ page.subtitle }}</h2>
+            {% endif %}
+            <span class="meta">Geschrieben von
+              <a href="#">{% if page.author %}{{ page.author }}{% else %}{{ site.author }}{% endif %}</a>
+              am {{ page.date | date: '%d.%m.%Y' }}
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </header>
+
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-8 col-md-10 mx-auto">
+
+        {{ content }}
+
+        <hr>
+
+        <div class="clearfix">
+
+          {% if page.previous.url %}
+          <a class="btn btn-primary float-left" href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{ page.previous.title }}">&larr; Previous<span class="d-none d-md-inline">
+              Post</span></a>
+          {% endif %}
+          {% if page.next.url %}
+          <a class="btn btn-primary float-right" href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{ page.next.title }}">Next<span class="d-none d-md-inline">
+              Post</span> &rarr;</a>
+          {% endif %}
+
+        </div>
+
+      </div>
+    </div>
+  </div>

_posts/2022-10-20-willkommen-bei-schonend-veredelt.md

@@ -3,6 +3,7 @@ layout: post
 title:  "Willkommen bei Schonend Veredelt"
 subtitle: Hier gehts um Kaffee, um Klimaschutz, um Nachhaltigkeit und um alles andere auch, irgendwie.
 date:   2022-10-20 20:34:53 +0200
+background: /img/posts/bg-intro.jpg
 # categories: meta
 ---
 ## Was zur?

kontakt.md

@@ -2,5 +2,9 @@
 layout: page
 title: Kontakt
 permalink: /kontakt/
-background: /img/bg-default.jpg
+background: /img/bg-contact.jpg
 ---
+
+Jan freut sich über <a href="mailto:jan@krutisch.de">kurze Emails</a>, über DM's auf <a href="https://twitter.com/halfbyte">Twitter</a> oder <a href="https://ruby.social/@halfbyte">Im Fediverse</a>.
+
+Im <a href="{{'/impressum' | relative_url}}">Impressum</a> findet ihr auch seine Telefonnummer, unter der er auch bei den üblichen Messengern zu erreichen ist.

posts/index.html

@@ -15,13 +15,13 @@ background: '/img/bg-default.jpg'
     <h3 class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 15 }}</h3>
     {% endif %}
   </a>
-  <p class="post-meta">Posted by
+  <p class="post-meta">Geschrieben von
     {% if post.author %}
     {{ post.author }}
     {% else %}
     {{ site.author }}
     {% endif %}
-    on {{ post.date | date: '%B %d, %Y' }} &middot; {% include read_time.html content=post.content %}
+    am {{ post.date | date: '%d.%m.%Y' }}
   </p>
 </article>
 
@@ -36,11 +36,11 @@ background: '/img/bg-default.jpg'
 
   {% if paginator.previous_page %}
   <a class="btn btn-primary float-left" href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;
-    Newer<span class="d-none d-md-inline"> Posts</span></a>
+    Neuere<span class="d-none d-md-inline"> Artikel</span></a>
   {% endif %}
 
   {% if paginator.next_page %}
-  <a class="btn btn-primary float-right" href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Older<span class="d-none d-md-inline"> Posts</span> &rarr;</a>
+  <a class="btn btn-primary float-right" href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Ältere<span class="d-none d-md-inline"> Artikel</span> &rarr;</a>
   {% endif %}
 
 </div>

ueber.markdown

@@ -2,7 +2,7 @@
 layout: page
 title: Über
 permalink: /ueber/
-background: /img/bg-default.jpg
+background: /img/bg-about.jpg
 ---
 
 Kaffee. Dinge.