new theme

Gemfile

@@ -9,13 +9,15 @@ source "https://rubygems.org"
 # Happy Jekylling!
 gem "jekyll", "~> 4.3.0"
 # This is the default theme for new Jekyll sites. You may change this to anything you like.
-gem "minima", "~> 2.5"
+gem "jekyll-theme-clean-blog"
 # If you want to use GitHub Pages, remove the "gem "jekyll"" above and
 # uncomment the line below. To upgrade, run `bundle update github-pages`.
 # gem "github-pages", group: :jekyll_plugins
 # If you have any plugins, put them here!
 group :jekyll_plugins do
   gem "jekyll-feed", "~> 0.12"
+  gem "jekyll-paginate", "~> 1.1.0"
+  gem "jekyll-sitemap"
 end
 
 # Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem

Gemfile.lock

@@ -32,10 +32,13 @@ GEM
       webrick (~> 1.7)
     jekyll-feed (0.17.0)
       jekyll (>= 3.7, < 5.0)
+    jekyll-paginate (1.1.0)
     jekyll-sass-converter (2.2.0)
       sassc (> 2.0.1, < 3.0)
-    jekyll-seo-tag (2.8.0)
-      jekyll (>= 3.8, < 5.0)
+    jekyll-sitemap (1.4.0)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-theme-clean-blog (4.0.12)
+      jekyll (>= 3.8.5)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
     kramdown (2.4.0)
@@ -47,10 +50,6 @@ GEM
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.4.0)
-    minima (2.5.1)
-      jekyll (>= 3.5, < 5.0)
-      jekyll-feed (~> 0.9)
-      jekyll-seo-tag (~> 2.1)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     public_suffix (5.0.0)
@@ -74,7 +73,9 @@ DEPENDENCIES
   http_parser.rb (~> 0.6.0)
   jekyll (~> 4.3.0)
   jekyll-feed (~> 0.12)
-  minima (~> 2.5)
+  jekyll-paginate (~> 1.1.0)
+  jekyll-sitemap
+  jekyll-theme-clean-blog
   tzinfo (>= 1, < 3)
   tzinfo-data
   wdm (~> 0.1.1)

_config.yml

@@ -21,19 +21,22 @@
 title: Schonend Veredelt
 email: jan@krutisch.de
 description: >- # this means to ignore newlines until "baseurl:"
-  Hier geht's um Kaffee, Klima, Ernährung im Allgemeinen, um Kolonialismus, Gerechtigkeit
-  und naja, um die Welt halt.
+  Hier geht's um Kaffee, Klima, Nachhaltigkeit, Gerechtigkeit und naja, um die Welt halt.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://schonendveredelt.de" # the base hostname & protocol for your site, e.g. http://example.com
 twitter_username: halfbyte
-github_username:
-author:
-  name: Jan Krutisch
-  email: jan@krutisch.de
+instagram_username: halfbyte
+author: Jan Krutisch
 # Build settings
-theme: minima
+theme: jekyll-theme-clean-blog
 plugins:
   - jekyll-feed
+  - jekyll-paginate
+  - jekyll-sitemap
+
+markdown:           kramdown
+paginate:           5
+paginate_path:      "/posts/page:num/"
 
 # Exclude from processing.
 # The following items will not be processed, by default.

_includes/footer.html

@@ -1,38 +1,75 @@
-<footer class="site-footer h-card">
-  <data class="u-url" href="{{ "/" | relative_url }}"></data>
+<!-- Footer -->
 
-  <div class="wrapper">
+<hr>
 
-    <div class="footer-col-wrapper">
-      <div class="footer-col">
-        <p class="feed-subscribe">
-          <a href="{{ 'feed.xml' | relative_url }}">
-            <svg class="svg-icon orange">
-              <use xlink:href="{{ 'assets/minima-social-icons.svg#rss' | relative_url }}"></use>
-            </svg><span>Subscribe</span>
-          </a>
-        </p>
-      {%- if site.author %}
-        <ul class="contact-list">
-          {% if site.author.name -%}
-            <li class="p-name">{{ site.author.name | escape }}</li>
-          {% endif -%}
-          {% if site.author.email -%}
-            <li><a class="u-email" href="mailto:{{ site.author.email }}">{{ site.author.email }}</a></li>
-          {%- endif %}
-          <li><a href="{{ '/impressum' | relative_url }}">Impressum</a></li>
+<footer>
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-8 col-md-10 mx-auto">
+        <ul class="list-inline text-center">
+          {% if site.email %}
+          <li class="list-inline-item">
+            <a href="mailto:{{ site.email | encode_email }}">
+              <span class="fa-stack fa-lg">
+                <i class="fas fa-circle fa-stack-2x"></i>
+                <i class="far fa-envelope fa-stack-1x fa-inverse"></i>
+              </span>
+            </a>
+          </li>
+          {% endif %}
+          {% if site.twitter_username %}
+          <li class="list-inline-item">
+            <a href="https://twitter.com/{{ site.twitter_username }}">
+              <span class="fa-stack fa-lg">
+                <i class="fas fa-circle fa-stack-2x"></i>
+                <i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
+              </span>
+            </a>
+          </li>
+          {% endif %}
+          {% if site.facebook_username %}
+          <li class="list-inline-item">
+            <a href="https://www.facebook.com/{{ site.facebook_username }}">
+              <span class="fa-stack fa-lg">
+                <i class="fas fa-circle fa-stack-2x"></i>
+                <i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
+              </span>
+            </a>
+          </li>
+          {% endif %}
+          {% if site.linkedin_username %}
+          <li class="list-inline-item">
+            <a href="https://www.linkedin.com/in/{{ site.linkedin_username }}">
+              <span class="fa-stack fa-lg">
+                <i class="fas fa-circle fa-stack-2x"></i>
+                <i class="fab fa-linkedin fa-stack-1x fa-inverse"></i>
+              </span>
+            </a>
+          </li>
+          {% endif %}
+          {% if site.github_username %}
+          <li class="list-inline-item">
+            <a href="https://github.com/{{ site.github_username }}">
+              <span class="fa-stack fa-lg">
+                <i class="fas fa-circle fa-stack-2x"></i>
+                <i class="fab fa-github fa-stack-1x fa-inverse"></i>
+              </span>
+            </a>
+          </li>
+          {% endif %}
+          {% if site.instagram_username %}
+          <li class="list-inline-item">
+            <a href="https://instagram.com/{{ site.instagram_username }}">
+              <span class="fa-stack fa-lg">
+                <i class="fas fa-circle fa-stack-2x"></i>
+                <i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
+              </span>
+            </a>
+          </li>
+          {% endif %}
         </ul>
-      {%- endif %}
-      </div>
-      <div class="footer-col">
-        <p>{{ site.description | escape }}</p>
+        <p class="copyright text-muted">Copyright &copy; {{ site.author }} {{ 'now' | date: "%Y" }} - <a href="{{'/impressum' | relative_url}}">Impressum</a></p>
       </div>
     </div>
-
-    <div class="social-links">
-      {%- include social.html -%}
-    </div>
-
   </div>
-
 </footer>

_includes/navbar.html

@@ -0,0 +1,26 @@
+<!-- Navigation -->
+<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+  <div class="container">
+    <a class="navbar-brand" href="{{"/" | relative_url }}">{{ site.title | escape }}</a>
+    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+      Menü
+      <i class="fa fa-bars"></i>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarResponsive">
+      <ul class="navbar-nav ml-auto">
+        <li class="nav-item">
+          <a class="nav-link" href="{{"/" | relative_url }}">Home</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="{{"/ueber" | relative_url }}">Über</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="{{ "/posts" | relative_url }}">Artikel</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="{{"/kontakt" | relative_url }}">Kontakt</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>

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

@@ -1,15 +1,14 @@
 ---
 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
-categories: meta
+# categories: meta
 ---
 ## Was zur?
 
 Ich brauchte einen Platz und einen Namen um mal auf Deutsch ein bisschen über Kaffee sprechen zu können. Der Auslöser war die Idee für eine Serie zum Thema "Planzliche Milchalternativen für Kaffe", die hier dann hoffentlich auch bald in Form von Videos und Artikeln erscheinen wird. Der Name bezieht sich natürlich auf die (Wie zurecht von den Kaffemacher:innen immer wieder angemerkt) leicht quatschige Tendenz, Die Arbeit des Kaffee röstens mythisch zu überhöhen. Es soll bitte vor allem als Hommage an Benjamin, Philipp und alle anderen Kaffeemacher:innen verstanden werden, die ich für ihre Arbeit unglaublich bewundere.
 
-<!-- more -->
-
 ## Wer bin ich
 
 Wenn es um Kaffee geht, bin ich erst mal der große Bruder von Arne, aka [nine5nine](https://nine5nine.de), der nicht nur ein erfahrener Kaffeeröster ist, sondern auch wirklich toll zeichnen kann und dessen Interpretationen von Kaffeezubereitungsmethoden als Häuser zuletzt auf dem Frankfurt Coffeefestival (Ja, das mit dem Hafermilchskandal) für Aufsehen gesorgt haben. Ich selber bin von Beruf Softwareentwickler mit (Wie die Finnen sagen würden) einen ziemlich empfindlichen Kaffeezahn. Ich mag guten Kaffee vielleicht sogar ein ganz kleines bisschen länger als Arne, aber der Antrieb, mich ein bisschen mehr in Sachen Kaffee-Content zu versuchen kommt schon eindeutig durch die Sache die Arne da macht.

impressum.md

@@ -1,7 +1,7 @@
 ---
 layout: page
 permalink: /impressum/
-hidden: Yes
+background: /img/bg-impressum.jpg
 ---
 <h1>Impressum</h1>
 <p>Angaben gemäß § 5 TMG</p>

index.markdown

@@ -1,6 +1,6 @@
 ---
 # Feel free to add content and custom Front Matter to this file.
 # To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-
 layout: home
+background: /img/bg-default.jpg
 ---

kontakt.md

@@ -0,0 +1,6 @@
+---
+layout: page
+title: Kontakt
+permalink: /kontakt/
+background: /img/bg-default.jpg
+---

posts/index.html

@@ -0,0 +1,48 @@
+---
+layout: page
+title: Artikel
+background: '/img/bg-default.jpg'
+---
+
+{% for post in paginator.posts %}
+
+<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">Posted by
+    {% if post.author %}
+    {{ post.author }}
+    {% else %}
+    {{ site.author }}
+    {% endif %}
+    on {{ post.date | date: '%B %d, %Y' }} &middot; {% include read_time.html content=post.content %}
+  </p>
+</article>
+
+<hr>
+
+{% endfor %}
+
+<!-- Pager -->
+{% if paginator.total_pages > 1 %}
+
+<div class="clearfix">
+
+  {% 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>
+  {% 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>
+  {% endif %}
+
+</div>
+
+{% endif %}

ueber.markdown

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