* Add: New Post: Update!

* Add: Changelog to README.md.
* Add: Social Media Links at Footer.
* Add: data.settings to manage settings.
* Fix: Linklog link did not work at blog overview.
* Fix: Pagination View - older was displayed on the left when no newer was there.
* Change: Header and Footer Navigation links work now with data yml files.
* Change: New Sort and some Content modification at Contact Page.
* Change: set sitemap false on 404 & 500 page.
* Change: new text on 404 & 500 page.
* Change: robots.txt now allow searchengines with settings.
* Change: some new meta tags
* Change: link style
* Change: remove Header Navigation

404.html

@@ -2,13 +2,14 @@
 layout: default
 title: 404 - Page not found!
 permalink: /404.html
+sitemap: false
 ---
 <article class="post">
   <header class="post-header wrapper">
-    <h2 class="post-title">404 - Page not found!</h2>
+    <h2 class="post-title">404</h2>
+    <h3>Irgendwas ist schiefgelaufen.</h3>
   </header>
   <section class="post-content wrapper">
-    <p>Looks like you've followed a broken link or entered a URL that doesn't exist on this site.</p>
+    <p>Hier k&ouml;nnte jetzt ein kreativer Text stehen, tut es aber nicht.</p>
-    <p><a href="/">Back to my Site</a></p>
   </section>
 </article>

500.html

@@ -2,13 +2,14 @@
 layout: default
 title: 500 - Internal Server Error
 permalink: /500.html
+sitemap: false
 ---
 
 <article class="post">
   <header class="post-header wrapper">
-    <h2 class="post-title">500 - Internal Server Error</h2>
+    <h2 class="post-title">500</h2>
+    <h3>Internal Server Error</h2>
   </header>
   <section class="post-content wrapper">
-    <p><a href="/">Back to my Site</a></p>
   </section>
 </article>

README.md

@@ -1,18 +1,30 @@
 # www.nicojensen.de
-Repo zu meiner Webseite basierend auf [Jekyll](https://jekyllrb.com/).
+Repo zu meiner Webseite 
+Diese Webseite basiert auf [Jekyll](https://jekyllrb.com/).
 
+## Changelog
+### 2021-06-15
+* Add: New Post: Update!
+* Add: Changelog to README.md.
+* Add: Social Media Links at Footer.
+* Add: data.settings to manage settings.
+* Fix: Linklog link did not work at blog overview.
+* Fix: Pagination View - older was displayed on the left when no newer was there.
+* Change: Header and Footer Navigation links work now with data yml files.
+* Change: New Sort and some Content modification at Contact Page.
+* Change: set sitemap false on 404 & 500 page.
+* Change: new text on 404 & 500 page.
+* Change: robots.txt now allow searchengines with settings.
+* Change: some new meta tags
+* Change: link style
+* Change: remove Header Navigation
 ## bundle
-
 ### install
 bundle install
-
 ### update
 bundle update
-
 ## page
-
 ## to compile
 bundle exec jekyll serve
-
 ## to Develop
 JEKYLL_ENV=production bundle exec jekyll build

_data/footer-links.yml

@@ -0,0 +1,15 @@
+contact:
+  title: 'Kontakt'
+  href: '/kontakt'
+colophon:
+  title: 'Colophon'
+  href: '/colophon'
+imprint:
+  title: 'Impressum'
+  href: '/impressum'
+privacy:
+  title: 'Datenschutz'
+  href: '/datenschutzerklaerung'
+rss:
+  title: 'RSS'
+  href: '/rss.xml'

_data/header-links_deaktivate.yml

@@ -0,0 +1,6 @@
+about:
+  title: '&Uumlber mich'
+  href: '/nico'
+pictures:
+  title: 'Fotos'
+  href: '/fotos'

_data/settings/allow-searchengine.yml

@@ -0,0 +1 @@
+1

_data/social-media.yml

@@ -0,0 +1,15 @@
+twitter:
+  id: '_nyansen'
+  href: 'https://www.twitter.com/'
+  link: 'Twitter'
+  title: 'Mein Twitter Account'
+github:
+  id: 'nyansen'
+  href: 'https://github.com/'
+  link: 'GitHub'
+  title: 'Mein GitHub Account'
+instagram:
+  id: 'nyansen'
+  href: 'https://instagram.com/'
+  link: 'Instagram'
+  title: 'Mein Instagram Account'

_includes/blog.html

@@ -1,8 +1,8 @@
 {% for post in paginator.posts %}
     <article class="post">
         <header class="post-header wrapper">
-            <h2 class="post-title"><a href="{{ post.url }}" rel="bookmark">{{ post.title }}</a></h2>
+            <h2 class="post-title"><a href="{{post.url}}" rel="bookmark">{{post.title}}</a></h2>
-            <p class="public-date">vom <time class="post-date" datetime="{{ post.date | date: "%Y-%m-%d"}}">
+            <p class="public-date">vom <time class="post-date" datetime="{{post.date | date: "%Y-%m-%d"}}">
                     {% assign m = post.date | date: "%-m" %}
                     {{ post.date | date: "%d" }}
                     {% case m %}
@@ -19,14 +19,13 @@
                         {% when '11' %}November
                         {% when '12' %}Dezember
                     {% endcase %}
-                    {{ post.date | date: "%Y" }}
+                    {{ post.date | date: "%Y" }}</time>
-                </time>
                 {% if post.external-url %}
-                    &nbsp;|&nbsp;<a href="{{ page.external-url }}">Org. Post</a>
+                    &nbsp;|&nbsp;<a href="{{post.external-url}}">Org. Post</a>
                 {% endif %}</p>
         </header>
         <div class="post-content wrapper">
-            {{ post.content }}
+            {{post.content}}
         </div>
     </article>
 {% endfor %}

_includes/footer.html

@@ -1,11 +1,31 @@
 <footer class="site-footer clearfix">
-    <div class="wrapper">
+  <div class="wrapper">
-        <p>
+    {% if site.data.footer-links %}
-            <a href="/kontakt">Kontakt</a>&nbsp;|&nbsp;
+      <div id="footerlinks">
-            <a href="/colophon">Colophon</a>&nbsp;|&nbsp;
+        {% assign footerlinks = site.data.footer-links %}
-            <a href="/impressum">Impressum</a>&nbsp;|&nbsp;
+        {% for footerlink in footerlinks %}
-            <a href="/datenschutzerklaerung">Datenschutz</a>&nbsp;|&nbsp;
+          {% assign fkey = footerlink | first %}
-            <a href="/feed.xml">RSS</a></p>
+          <a href="{{footerlinks[fkey].href}}" title="{{footerlinks[fkey].title}}">{{footerlinks[fkey].title}}</a>
-        <p>Handmade with <span class="entypo red">♥</span> in Hamburg<br>&copy; {{ 'now' | date: "%Y" }} Nico Jensen</p>
+          {% if fkey != 'rss' %}
-    </div>
+            &nbsp;|&nbsp;
+          {% endif %}
+        {% endfor %}
+      </div>
+    {% endif %}
+    {% if site.data.social-media %}
+      <div id="social-media">
+        {% assign sm = site.data.social-media %}
+        {% for entry in sm %}
+          {% assign key = entry | first %}
+          {% if sm[key].id %}
+            <a href="{{sm[key].href}}{{sm[key].id}}" title="{{sm[key].title}}" rel="nofollow">{{sm[key].link}}</a>
+            {% if key != 'instagram' %}
+              &nbsp;|&nbsp;
+            {% endif %}   
+          {% endif %}
+        {% endfor %}
+      </div>
+    {% endif %} 
+    <p>Handmade with <span class="entypo red">♥</span> in Hamburg<br>&copy; {{'now' | date: "%Y"}} Nico Jensen</p>
+  </div>
 </footer>

_includes/head.html

@@ -29,16 +29,17 @@
   <link rel="stylesheet" href="{{ "/assets/css/styles.css" | prepend: site.baseurl }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
 
-  <link rel="author" href="humans.txt" />
-
   <meta property="og:title" content="{{ title }}">
   {% if description %}<meta property="og:description" content="{{ description }}">{% endif %}
   <meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
-  <meta property="og:type" content="website">
+  <meta property="og:type" content="webseite">
-  <meta name="twitter:card" content="summary_large_image">
 
-  <meta name="og:site_name" content="Nico Jensen">
+  <meta name="twitter:card" content="summary">
   <meta name="twitter:site" content="@_nyansen">
+  <meta name="twitter:domain" content="nicojensen.de">
+  <meta name="twitter:creator" content="@_mnyansen">
+  <meta name="twitter:title" content="{{title}}">
+  <meta name="twitter:card" content="summary_large_image">
 
   <link rel="home" type="application/rss+xml" href="/feed.xml" />
   <link rel="shortcut icon" type="image/png" href="/assets/images/logo.png"/>

_includes/navigation.html

@@ -1,6 +1,15 @@
-<nav>
+{% if site.data.header-links %}
-  <div class="wrapper">
+  <nav>
-    <a href="/nico">Über mich</a> | <a href="https://social.elbmatsch.de/@nyansen">Mastodon</a> | <a href="https://twitter.com/_nyansen" rel="nofollow">Twitter</a> | <a href="https://instagram.com/nyansen/" rel="nofollow">Instagram</a>
+    <div class="wrapper">
-    <div id="navView" class="blank"></div>
+      {% assign headerlinks = site.data.header-links %}
-  </div>
+      {% for headerlink in headerlinks %}
-</nav>
+        {% assign hkey = headerlink | first %}
+        <a href="{{headerlinks[hkey].href}}" title="{{headerlinks[hkey].title}}">{{headerlinks[hkey].title}}</a>
+        {% if hkey != 'pictures' %}
+          &nbsp;|&nbsp;
+        {% endif %}
+      {% endfor %}
+      <div id="navView" class="blank"></div>
+    </div>
+  </nav>
+{% endif %}

_includes/pagination.html

@@ -1,11 +1,13 @@
 <!-- Pagination links -->
 <div class="pagination wrapper">
     <div class="pagination-inner">
+        {% if paginator.next_page %}
+            <a href="{{ paginator.next_page_path }}" class="next">&Auml;lter</a>
+        {% else %}
+            <span class="previous">&nbsp;</span>
+        {% endif %}
         {% if paginator.previous_page %}
             <a href="{{ paginator.previous_page_path }}" class="previous">Neuer</a>
         {% endif %}
-        {% if paginator.next_page %}
-            <a href="{{ paginator.next_page_path }}" class="next">&Auml;lter</a>
-        {% endif %}
     </div>
 </div>

_layouts/post.html

@@ -37,4 +37,3 @@ layout: default
         {{ content }}
     </div>
 </article>
-{% include post_pagination.html %}

_posts/2021-06-15-update.md

@@ -0,0 +1,11 @@
+---
+title: Update!
+layout: post
+---
+Moin!
+
+Habe hier schon lange nix mehr gemacht oder geschrieben. Daher habe ich mein Urlaub mal genutzt und habe die Seite was modifiziert. Unter anderem habe ich ein paar Bugs im Design gefixt, die Navigation überarbeitet und die Kontaktseite überarbeitet.
+
+Nicht, dass ich glaube, dass das hier jemand liest oder merkt 😜
+
+Ich überlege auch gerade, ob ich nicht wieder ein Flickr Account mache. Ich wollte hier zwar was eigenes machen, aber irgendwie habe ich dazu nicht so die Motivation zudem war ich da eigentlich immer recht zufrieden und weiß gar nicht mehr, warum ich da weg bin.

_sass/main.scss

@@ -13,11 +13,13 @@ a {
   color: #4A4A4A;
   text-decoration: none;
   background: linear-gradient(to bottom,transparent 0,transparent 85%,#FFC0CB 60%,#FFC0CB 100%);
+  transition: all 0.15s linear;
 }
 
 a:hover {
-  color: #fff;
+  //color: #fff;
-  background-color: #FFC0CB;
+  //background-color: #FFC0CB;
+  background: none;
 }
 
 header.header {
@@ -112,12 +114,12 @@ article.post header.post-header p.public-date {
   font-size: 0.8em;
 }
 
-footer.site-footer div, article .post-header, .pagination {
+footer.site-footer div.wrapper, article .post-header, .pagination {
   padding-top: 3.6rem;
   border-top: #EBF2F6 1px solid;
 }
 
-footer.site-footer div:before, article.post header.post-header:before, .pagination:before {
+footer.site-footer div.wrapper:before, article.post header.post-header:before, .pagination:before {
   display: block;
   content: "";
   width: 7px;
@@ -139,3 +141,9 @@ footer.site-footer {
   line-height: 1.75em;
   text-align: center;
 }
+
+#contact ul {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}

fotos.html

@@ -0,0 +1,14 @@
+---
+layout: default
+title: Fotos
+sitemap: false
+---
+<article class="post">
+    <header class="post-header wrapper">
+        <h2 class="post-title">Fotos</h2>
+    </header>
+    <div class="post-content wrapper">
+        <p>Moin,</p>
+        <p>hier kommt bald Inhalt oder ein verweis auf eine richtige Seite.</p>
+    </div>
+</article>

kontakt.html

@@ -2,7 +2,7 @@
 layout: default
 title: Kontakt
 ---
-<article class="post">
+<article class="post" id="contact">
     <header class="post-header wrapper">
         <h2 class="post-title">Kontakt</h2>
     </header>
@@ -12,13 +12,13 @@ title: Kontakt
             <p>moin@nicojensen.de<br>
             PGP-Key: 04EE0F98<br>
             Fingerprint: 0FEC E173 375E 3DD2 5386 B023 923C 288E 04EE 0F98</p>
-            
+            <ul>
-            <p>
+                <li><a href="https://wikipedia.org/wiki/Twitter" title="Wikipedia Artikel zu Twitter" rel="nofollow">Twitter</a>: <a href="https://www.twitter.com/_nyansen" title="Mein Twitter Account." rel="nofollow">@_nyansen</a></li>
-                <del><a href="https://de.wikipedia.org/wiki/Extensible_Messaging_and_Presence_Protocol" title="Wikipedia Artikel zu Jabber." rel="nofollow">Jabber</a>: nyansen@jabber.elbmatsch.de</del><br>
+                <li><a href="https://wikipedia.org/wiki/Discord_(Software)" title="Wikipedia Artikel zu Discord" rel="nofollow">Discord</a>: <a href="https://discord.gg/YEjeHMZHeu" title="Discord Einladungslink" rel="nofollow">nyancord</a></li>
-                <a href="https://en.wikipedia.org/wiki/Matrix_(protocol)" title="Wikipedia Artikel zu Jabber." rel="nofollow">Matrix</a>: nyansen@matrix.elbmatsch.de<br>
+                <li><del><a href="https://wikipedia.org/wiki/Extensible_Messaging_and_Presence_Protocol" title="Wikipedia Artikel zu Jabber." rel="nofollow">Jabber</a>: nyansen@jabber.elbmatsch.de</del></li>
-                Twitter: <a href="https://www.twitter.com/_nyansen" title="Mein Twitter Account." rel="nofollow">@_nyansen</a><br>
+                <li><del><a href="https://wikipedia.org/wiki/Matrix_(protocol)" title="Wikipedia Artikel zu Jabber." rel="nofollow">Matrix</a>: nyansen@matrix.elbmatsch.de<br></del></li>
-                <a href="https://de.wikipedia.org/wiki/Mastodon_(Software)" title="Wikipedia Artikel zu Mastodon" rel="nofollow">Mastodon</a>: <a href="https://social.elbmatsch.de/@nyansen">@nyansen@social.elbmatsch.de</a>
+                <li><del><a href="https://wikipedia.org/wiki/Mastodon_(Software)" title="Wikipedia Artikel zu Mastodon" rel="nofollow">Mastodon</a>: <a href="https://social.elbmatsch.de/@nyansen">@nyansen@social.elbmatsch.de</a></del></li>
-            </p>
+            </ul>
         </blockquote>
     </div>
 </article>

robots.txt

@@ -1,3 +1,11 @@
+---
+layout: null
+---
+User-agent: *
+{% if site.data.settings.allow-searchengine %}Disallow: 
+{% else %}Disallow: /
+{% endif %}
+
 User-agent: Uptimebot
 Disallow: /