Show open graph image for social media

jurgenwerk · jurgenwerk · commit bde1db6ccc54 · 2024-10-23T09:58:10.000+02:00
diff --git a/_includes/head.html b/_includes/head.html
@@ -5,16 +5,21 @@
 
   <title>
     {% if page.title == "Home" %}
-      {{ site.description }}
+    {{ site.description }}
     {% else %}
-      {{ page.title }} &middot; {{ site.description }}
+    {{ page.title }} &middot; {{ site.description }}
     {% endif %}
   </title>
 
+  {% if include.bg_photo %}
+  <meta property="og:image" content="{{ site.url }}{{ include.bg_photo }}">
+  {% endif %}
+
   <link rel="stylesheet" href="/assets/css/rug14.css">
   <link rel="stylesheet" href="/assets/css/syntax.css">
   <link rel="stylesheet" href="/assets/css/bootstrap-dropdown.min.css">
-  <link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>
+  <link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700&amp;subset=latin,latin-ext' rel='stylesheet'
+    type='text/css'>
 
   <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png">
   <link rel="shortcut icon" href="/favicon.ico">
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -1,33 +1,34 @@
 {% assign author = site.authors[page.author] %}
 <!DOCTYPE html>
 <html lang="en-us">
-  {% include head.html %}
-  {% include ga.html %}
+{% include head.html bg_photo=page.bg_photo %}
+{% include ga.html %}
 
-  <body class="page">
-    {% include header.html %}
-    <div class="big-what">
-      <header class="wrap">
-        <h1 class="page-title">{{ page.title }}</h1>
-        {% if author %}
-          <span class="author-and-date">
-            <a href="{{ author.url }}" class="author" rel="author">{{ author.name }}</a>
-            <span class="date">
-              {% if page.date %}
-                on {{ page.date | date_to_string }}
-              {% endif %}
-            </span>
-          </span>
-        {% endif %}
-      </header>
-    </div>
+<body class="page">
+  {% include header.html %}
+  <div class="big-what">
+    <header class="wrap">
+      <h1 class="page-title">{{ page.title }}</h1>
+      {% if author %}
+      <span class="author-and-date">
+        <a href="{{ author.url }}" class="author" rel="author">{{ author.name }}</a>
+        <span class="date">
+          {% if page.date %}
+          on {{ page.date | date_to_string }}
+          {% endif %}
+        </span>
+      </span>
+      {% endif %}
+    </header>
+  </div>
 
-    <div class="main">
-      <div class="wrap">
-        {{ content }}
-      </div><!-- /.wrap -->
-    </div><!-- /.main -->
+  <div class="main">
+    <div class="wrap">
+      {{ content }}
+    </div><!-- /.wrap -->
+  </div><!-- /.main -->
+
+  {% include footer.html %}
+</body>
 
-    {% include footer.html %}
-  </body>
 </html>
