Added Open Graph tags

f467aa17 · Blaine Murphy · 53b4661f · f467aa17 · f467aa17 · f467aa17
Commit f467aa17 authored May 23, 2021 by Blaine Murphy
--- a/_config.yml
+++ b/_config.yml
+url: https://blaines.world
+
 permalink: /:title:output_ext
 timezone: America/New_York

@@ -19,6 +21,8 @@ collections:
    output: true
    permalink: /projects/:categories/:title:output_ext

+page_excerpts: true
+
 defaults:
  - scope:
      path: _projects/*.md

--- a/_data/site.yml
+++ b/_data/site.yml
-title: Blaine's World
+charset: utf-8
+locale: en_US

+title: Blaine's World
 owner: Blaine Murphy
 copyright: 2018-2020
 email: myself@blaines.world

--- a/_includes/document_link.html
+++ b/_includes/document_link.html
@@ -12,6 +12,6 @@
 {%- assign _document = include.document -%}

 <div class="document-link">
-    <a href="{{ _document.url }}">{{ _document.title | escape }}</a>
+    <a href="{{ site.baseurl }}{{ _document.url }}">{{ _document.title | escape }}</a>
    {% include date.html date=_document.date %}
 </div>
--- a/_includes/excerpt_preview.html
+++ b/_includes/excerpt_preview.html
@@ -15,12 +15,12 @@
 <article class="excerpt-preview">
    <header class="excerpt-preview-header">
        <h1 class="excerpt-preview-title">
-            <a href="{{ _document.url }}">{{ _document.title | escape }}</a>
+            <a href="{{ site.baseurl }}{{ _document.url }}">{{ _document.title | escape }}</a>
        </h1>
        <div class="excerpt-preview-date">Published {% include date.html date=_document.date %}</div>
    </header>
    <blockquote class="excerpt-preview-excerpt">{{ _document.excerpt | strip_html }}</blockquote>
    <footer class="excerpt-preview-footer">
-        <a href="{{ _document.url }}">Read More</a>
+        <a href="{{ site.baseurl }}{{ _document.url }}">Read More</a>
    </footer>
 </article>
--- a/_includes/icon_preview.html
+++ b/_includes/icon_preview.html
@@ -5,7 +5,8 @@
        include.document: document to render preview of
    Document Parameters:
        document.title: document title
-        document.excerpt: document.excerpt: document excerpt
+        document.excerpt: document excerpt
+        document.icon: filename of document's icon asset
        document.flair: name flair to show over icon
 {%- endcomment -%}

@@ -15,14 +16,14 @@
 <article class="icon-preview {% if _document.flair %}icon-preview-{{ _document.flair }}{% endif %}">
    <header class="icon-preview-header">
        <div class="icon-preview-icon">
-            <img src="{% include asset_url.fn document=_document filename='icon.gif' %}" />
+            <img src="{% include asset_url.fn document=_document filename=_document.icon %}" />
 {%- if _document.flair -%}
            <div class="icon-preview-flair">{%- include flair.html name=_document.flair -%}</div>
 {%- endif -%}
        </div>
        <h1 class="icon-preview-title">
-            <a href="{{ _document.url }}">{{ _document.title | escape }}</a>
+            <a href="{{ site.baseurl }}{{ _document.url }}">{{ _document.title | escape }}</a>
        </h1>
    </header>
-    <blockquote class="icon-preview-excerpt">{{ _document.excerpt | strip_html }}</blockquote>
+    <blockquote class="icon-preview-excerpt">{{ _document.excerpt | strip_html | normalize_whitespace }}</blockquote>
 </article>
--- a/_layouts/base.html
+++ b/_layouts/base.html
@@ -3,8 +3,10 @@

    Parameters:
        page.title: page title
-        page.no_title: if true page title is omitted from head>title tag
    Configuration:
+        {{ site.data.site.locale }}
+        site.data.site.charset: charset of site, ex: utf-8
+        site.data.site.locale: locale of site, ex: en_US
        site.data.site.title: site title placed in head>title tag
        site.data.site.owner: name of site owner
        site.data.site.copyright: copyright year range
@@ -16,21 +18,30 @@
 {%- endcomment -%}


-{%- assign _title = site.data.site.title -%}
-{%- if page.title -%}
-    {%- unless page.no_title == true %}
-        {%- assign _title = _title | prepend: " - " | prepend: page.title -%}
-    {%- endunless -%}
-{%- endif -%}
+{%- capture _icon_path -%}
+    {%- if page.icon -%}
+        {% include asset_url.fn filename=page.icon %}
+    {%- else -%}
+        {% include static_url.fn filename='favicon-128.png' %}
+    {%- endif -%}
+{%- endcapture -%}

 <!DOCTYPE html>
 <html lang="en">
    <head>
-        <meta charset="utf-8">
-        <title>{{ _title | escape }}</title>
+        <meta charset="{{ site.data.site.charset }}">
+        <title>{{ page.title | escape }} - {{ site.data.site.title | escape }}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=10.0" />
        <link rel="stylesheet" type="text/css" href="{% include static_url.fn filename='styles.css' %}" />
        <link rel="icon" type="image/x-icon" href="{% include static_url.fn filename='favicon.ico' %}" />
+        <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="{% include static_url.fn filename='favicon-128.png' %}" />
+        <meta property="og:locale" content="{{ site.data.site.locale }}" />
+        <meta property="og:type" content="website" />
+        <meta property="og:site_name" content="{{ site.data.site.title | escape }}"/>
+        <meta property="og:title" content="{{ page.title | escape }}" />
+        <meta property="og:description" content="{{ page.excerpt | strip_html | normalize_whitespace | escape }}" />
+        <meta property="og:url" content="{{ site.url }}{{ site.baseurl }}{{ page.url }}" />
+        <meta property="og:image" content="{{ site.url }}{{ _icon_path }}" />
    </head>
    <body class="base">
        <header class="header">
@@ -77,7 +88,7 @@
        <div class="body">{{ content }}</div>
        <footer class="footer">
            <div class="footer-notice">
-                <span class="footer-line">This site is <a href="{{ site.data.site.source_repo }}">open source software</a>.</span>
+                <span class="footer-line">Site generated by <a href="https://jekyllrb.com/">Jekyll</a>. Templates used to make this mess are <a href="{{ site.data.site.source_repo }}">open source</a>.</span>
                <span class="footer-line">Content is copyright {{ site.data.site.copyright }} <a href="mailto:{{ site.data.site.email }}"> {{ site.data.site.owner }}</a>.</span>
            </div>
            <div class="footer-badges">

--- a/_layouts/document.html
+++ b/_layouts/document.html
@@ -61,14 +61,14 @@ layout: base
        <nav class="document-nav">
            <div class="document-prev">
    {%- if _prev_document -%}
-                <a class="document-prev-link" href="{{ _prev_document.url }}">
+                <a class="document-prev-link" href="{{ site.baseurl }}{{ _prev_document.url }}">
                    <img src="{% include static_url.fn filename='prev.gif' %}" alt="Previous"/>
                    <br/>{{ _prev_document.title }}
                </a>
    {%- endif -%}
            </div><div class="document-next">
    {%- if _next_document -%}
-                <a class="document-next-link" href="{{ _next_document.url }}">
+                <a class="document-next-link" href="{{ site.baseurl }}{{ _next_document.url }}">
                    <img src="{% include static_url.fn filename='next.gif' %}" alt="Next"/>
                    <br/>{{ _next_document.title }}
                </a>

--- a/_layouts/project.html
+++ b/_layouts/project.html
@@ -10,6 +10,7 @@ layout: document
        page.links: list of link objects containing title, description, and url
 {%- endcomment -%}

+
 <div class="project">
    {{- content -}}


--- a/_projects/chanterelle.md
+++ b/_projects/chanterelle.md
@@ -3,6 +3,7 @@ layout: project
 title: Chanterelle
 date: 2017-05-21 02:15:26 +0000
 log_date: 2017-05-21 02:15:26 +0000
+icon: icon.gif
 flair: complete
 links:
  - title: Source

--- a/_projects/datape.md
+++ b/_projects/datape.md
@@ -3,6 +3,7 @@ layout: project
 title: DATAPE
 date: 2017-10-29 18:20:00 +0000
 log_date: 2017-11-12 06:48:00 +0000
+icon: icon.gif
 flair: in-progress
 links:
  - title: Codec Utility

--- a/_projects/dolch-pac-64-upgrades.md
+++ b/_projects/dolch-pac-64-upgrades.md
@@ -3,6 +3,7 @@ layout: project
 title: Dolch PAC 64 Upgrades
 date: 2021-05-20 13:06:54 +0000
 log_date: 2021-05-20 13:06:54 +0000
+icon: icon.gif
 flair: in-progress
 ---
 Upgrades and experiments with the Dolch PAC 64 "Network Sniffer". This is _not_

--- a/_projects/gif2bootanim.md
+++ b/_projects/gif2bootanim.md
@@ -3,6 +3,7 @@ layout: project
 title: Android Boot Animations from GIFs
 date: 2020-04-07 23:27:00 +0000
 log_date: 2020-04-07 23:27:00 +0000
+icon: icon.gif
 flair: complete
 links:
  - title: Conversion Script

--- a/_projects/jcard-template.md
+++ b/_projects/jcard-template.md
@@ -3,6 +3,7 @@ layout: project
 title: J-Card Template
 date: 2017-08-27 19:25:12 +0000
 log_date: 2017-08-27 19:25:12 +0000
+icon: icon.gif
 flair: complete
 links:
  - title: Online Template

--- a/_projects/pocket-guestbook.md
+++ b/_projects/pocket-guestbook.md
@@ -3,6 +3,7 @@ layout: project
 title: Pocket Guestbook
 date: 2020-08-22 08:01:00 +0000
 log_date: 2020-08-22 08:01:00 +0000
+icon: icon.gif
 flair: complete
 links:
  - title: Device Firmware

--- a/_projects/push-to-reboot.md
+++ b/_projects/push-to-reboot.md
@@ -3,6 +3,7 @@ layout: project
 title: Push to Reboot
 date: 2018-04-13 21:37:00 +0000
 log_date: 2018-05-24 09:04:00 +0000
+icon: icon.gif
 flair: dead
 links:
  - title: Firmware Source

--- a/_projects/retroflag-picase.md
+++ b/_projects/retroflag-picase.md
@@ -3,6 +3,7 @@ layout: project
 title: RetroFlag Pi Case Safe Shutdown Script
 date: 2018-10-02 20:12:56 +0000
 log_date: 2018-10-02 20:12:56 +0000
+icon: icon.gif
 flair: complete
 links:
  - title: Safe Shutdown Script

--- a/_projects/tape-artchive.md
+++ b/_projects/tape-artchive.md
@@ -3,6 +3,7 @@ layout: project
 title: Tape Artchive
 date: 2017-08-17 21:24:00 +0000
 log_date: 2017-10-28 01:56:00 +0000
+icon: icon.gif
 flair: complete
 links:
  - title: Tape Generator

--- a/_projects/trash-car.md
+++ b/_projects/trash-car.md
@@ -3,6 +3,7 @@ layout: project
 title: Trash Car
 date: 2020-07-13 18:50:00 +0000
 log_date: 2020-08-22 10:29:00 +0000
+icon: icon.gif
 flair: in-progress
 ---
 A toy remote control car upgraded with hobby RC components and other

--- a/_projects/wasteland-jukebox.md
+++ b/_projects/wasteland-jukebox.md
@@ -3,6 +3,7 @@ layout: project
 title: Wasteland Jukebox
 date: 2016-07-02 08:20:00 +0000
 log_date: 2020-05-15 22:55:00 +0000
+icon: icon.gif
 flair: in-progress
 links:
  - title: OS Setup Script

--- a/_projects/wln-kdc1-experiments.md
+++ b/_projects/wln-kdc1-experiments.md
@@ -3,6 +3,7 @@ layout: project
 title: WLN KD-C1 Experiments
 date: 2018-01-11 02:44:00 +0000
 log_date: 2018-01-11 02:44:00 +0000
+icon: icon.gif
 flair: complete
 ---
 Experiments with the very affordable WLN KD-C1 UHF handheld radio. Less of a