From ae6d55942ea365c32c380f316179added1a4e92c Mon Sep 17 00:00:00 2001
From: Reboot-Codes <git@reboot-codes.com>
Date: Tue, 22 Oct 2024 22:21:14 -0700
Subject: [PATCH] Add open graph support!

---
 src/_data/generalData.json        |  1 +
 src/_includes/layouts/base.njk    | 14 ++++++++------
 src/_includes/layouts/project.njk |  2 +-
 src/index.njk                     |  2 +-
 src/posts.njk                     |  2 +-
 src/projects.njk                  |  2 +-
 src/styles/home.scss              |  5 +++++
 src/tags.njk                      |  2 +-
 8 files changed, 19 insertions(+), 11 deletions(-)
diff --git a/src/_data/generalData.json b/src/_data/generalData.json
index a32f8ce..8e63beb 100644
--- a/src/_data/generalData.json
+++ b/src/_data/generalData.json
@@ -1,4 +1,5 @@
 {
+  "baseUrl": "https://www.reboot-codes.com",
   "site": {
     "title": "Reboot/Fitz"
   },
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
index 535180c..3b86f72 100644
--- a/src/_includes/layouts/base.njk
+++ b/src/_includes/layouts/base.njk
@@ -6,16 +6,18 @@ useContainer: true
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>{% include "copywriting/title.njk" %}</title>
     <link rel="stylesheet" href="/styles/global.css" />
     <link rel="icon" href="/favicon.png" />
-    <a rel="me" href="https://mastodon.social/@reboothasmastodon"></a>
-    <a rel="me" href="https://tiggi.es/@reboot"></a>
-    {% if (opengraph) %}
     <!-- TODO: Implement opengraph for all pages. -->
-    {% endif %}
+    <meta property="og:title" content="{% if title %}{{ title }}{% else %}{% include "copywriting/sectionTitle.njk" %}{% endif %}" />
+    <meta property="og:description" content="{% if description %}{{ description }}{% else %}{% if title %}{% include "copywriting/sectionTitle.njk" %}{% endif %}{% endif %}" />
+    <meta property="og:site_name" content="{% include "copywriting/sectionTitle.njk" %}" />
+    {% if openGraph.imgUrl %}<meta id="og:image" content="{{ openGraph.imgUrl }}" />{% endif %}
+    <a rel="me" href="https://mastodon.social/@reboothasmastodon" style="color: rgba(0, 0, 0, 0); position: absolute;" aria-hidden="true"></a>
+    <a rel="me" href="https://tiggi.es/@reboot" style="color: rgba(0, 0, 0, 0); position: absolute;" aria-hidden="true"></a>
   </head>
   <body>
     {% include "components/navigation.njk" %}
diff --git a/src/_includes/layouts/project.njk b/src/_includes/layouts/project.njk
index 427d28b..d514556 100644
--- a/src/_includes/layouts/project.njk
+++ b/src/_includes/layouts/project.njk
@@ -30,7 +30,7 @@ useContainer: true
 {%- for item in pagination.items %}
   {% if item.data.published != false %}
     <a id="post-{{ loop.index }}" class="post transition" href="{{ item.page.url }}">
-      <p>{{ item.data.title }}</p>
+      <p class="post-title">{{ item.data.title }}</p>
       <p>on {{ item.page.date | formatDate }}, takes {{ item.content | timeToRead }} to read.</p>
     </a>
   {% endif %}
diff --git a/src/index.njk b/src/index.njk
index 09a8b74..3a86506 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -17,7 +17,7 @@ pagination:
   <div class="home-section-card-content">
     {%- for item in pagination.items %}
       <a href="{{ item.page.url }}" class="home-section-card">
-        <h3>{{ item.data.title }}</h3>
+        <h3 class="home-section-card-title">{{ item.data.title }}</h3>
         <p>{{ item.data.description }}</p>
       </a>
     {% endfor -%}
diff --git a/src/posts.njk b/src/posts.njk
index fd2d411..a030cce 100644
--- a/src/posts.njk
+++ b/src/posts.njk
@@ -31,7 +31,7 @@ pagination:
 <div id="posts-list" class="post-list">
 {%- for item in pagination.items %}
   <a id="post-{{ loop.index }}" href="{{ item.page.url }}" class="post transition">
-    <p>{{ item.data.title }}</p>
+    <p class="post-title">{{ item.data.title }}</p>
     <p>on {{ item.page.date | formatDate }}, takes {{ item.content | timeToRead }} to read.</p>
   </a>
 {% endfor -%}
diff --git a/src/projects.njk b/src/projects.njk
index da61f2d..7a74eb9 100644
--- a/src/projects.njk
+++ b/src/projects.njk
@@ -13,7 +13,7 @@ pagination:
 <div id="posts-list" class="post-list">
 {%- for item in pagination.items %}
   <a id="post-{{ loop.index }}" class="post transition" href="{{ item.page.url }}">
-    <p>{{ item.data.title }}</p>
+    <p class="post-title">{{ item.data.title }}</p>
     <p>{{ item.data.description }}</p>
   </a>
 {% endfor -%}
diff --git a/src/styles/home.scss b/src/styles/home.scss
index 2b2ffdf..51293e1 100644
--- a/src/styles/home.scss
+++ b/src/styles/home.scss
@@ -59,3 +59,8 @@
     flex-direction: row;
   }
 }
+
+.post-title, .home-section-card-title {
+  font-weight: bold;
+  font-size: 1.15em;
+}
diff --git a/src/tags.njk b/src/tags.njk
index 390428d..6bdb596 100644
--- a/src/tags.njk
+++ b/src/tags.njk
@@ -20,7 +20,7 @@ isBlog: true
 <div id="taggedposts" class="tagged-posts">
 {% for post in (collections[ tag ] | reverse) %}
   <a class="tagged-post transition" href="{{ post.url }}">
-    <p>{{ post.data.title }}</p>
+    <p class="post-title">{{ post.data.title }}</p>
     <p>on {{ post.page.date | formatDate }}</p>
   </a>
 {% endfor %}
-- 
2.51.2

