Make page description an option, otherwise fallback to summary - add description to about page

config.toml

-baseURL = "https://blog.milan-ihl.de"
+baseURL = "https://blog.milan-ihl.de/"
 languageCode = "en-en"
 title = "Milan Ihl's Blog"
 Paginate = 5

content/about.md

@@ -3,6 +3,7 @@ title: "About"
 date: 2018-06-08T19:58:30+02:00
 draft: false
 type: page
+description: "On this page, Milan does an attempt of describing himself. Well at least he tried."
 menu:
   main: {}
 ---

layouts/partials/header.html

@@ -17,7 +17,11 @@
     <title> {{ if .IsHome }} {{ .Site.Title }} {{ else }} {{ .Title }} {{ end }} </title>
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+    {{ if .Params.description }}
+      <meta namo="description" content="{{ .Params.description }}">
+    {{ else }}
       <meta name="description" content="{{ .Summary }}">
+    {{ end }}
     <meta content='#747885' name='theme-color'>
     <meta property="og:title" content="{{ .Title }}">
     {{ if .IsPage }}
@@ -26,7 +30,11 @@
     {{ else }}
       <meta property="og:type" content="website">
     {{ end }}
+    {{ if .Params.description }}
+      <meta property="og:description" content="{{ .Params.description }}">
+    {{ else }}
       <meta property="og:description" content="{{ .Summary }}">
+    {{ end }}
     <meta property="og:url" content="{{ .Permalink }}">
     <meta property="og:site_name" content="{{ .Site.Title }}">
     {{ if .Params.featured_image }}
@@ -38,18 +46,22 @@
     {{ if .Site.Params.twitter_card_whitelisted }}
       {{ if .Params.twitter_summary }}
     <meta property="twitter:card" content="{{ .Params.twitter_summary }}">
-        {{ else if .Description }}
-    <meta property="twitter:card" content="{{ .Summary }}">
+      {{ else if .description }}
+    <meta property="twitter:card" content="{{ .Params.description }}">
       {{ else }}
     <meta property="twitter:card" content="{{ .Title }}">
       {{ end }}
     {{ end }}
+    {{ if .Params.description }}
+      <meta property="twitter:description" content="{{ .Params.description }}">
+    {{ else }}
       <meta property="twitter:description" content="{{ .Summary }}">
+    {{ end }}
     <meta property="twitter:title" content="{{ .Title }}">
     {{ if .Params.featured_image }}
       <meta property="twitter:image" content="{{ .Site.BaseURL }}{{ .Params.featured_image }}">
     {{ end }}
-    <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/magical.css">
+    <link rel="stylesheet" href="{{ .Site.BaseURL }}css/magical.css">
     {{ if .RSSLink }}<link href="{{ .RSSLink }}" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />{{ end }}
     <script type="text/javascript">var _paq=_paq||[];_paq.push(["trackPageView"]),_paq.push(["enableLinkTracking"]),function(){var e="//piwik.tchncs.de/";_paq.push(["setTrackerUrl",e+"piwik.php"]),_paq.push(["setSiteId","16"]);var a=document,p=a.createElement("script"),t=a.getElementsByTagName("script")[0];p.type="text/javascript",p.async=!0,p.defer=!0,p.src=e+"piwik.js",t.parentNode.insertBefore(p,t)}();</script>
     <noscript><img src="//piwik.tchncs.de/piwik.php?idsite=16&amp;rec=1" style="border:0" alt="" /></noscript>