From 20f24fd688c319d1cce1f73c463f3ffd8347ec07 Mon Sep 17 00:00:00 2001
From: "Waylon S. Walker" <waylon@waylonwalker.com>
Date: Sat, 6 Apr 2024 11:53:47 -0500
Subject: [PATCH] 0.1.1 seo

---
 CHANGELOG.md               |  4 ++++
 htmx_patterns/__about__.py |  2 +-
 templates/base.html        | 16 ++++++++++++++++
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d966ca5..0cc0146 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # HTMX-PATTERNS CHANGELOG
 
+## 0.1.1
+
+* feat seo
+
 ## 0.1.0
 
 * feat boosted links
diff --git a/htmx_patterns/__about__.py b/htmx_patterns/__about__.py
index 3dc5651..cfe5cc4 100644
--- a/htmx_patterns/__about__.py
+++ b/htmx_patterns/__about__.py
@@ -1,4 +1,4 @@
 # SPDX-FileCopyrightText: 2024-present Waylon S. Walker <waylon@waylonwalker.com>
 #
 # SPDX-License-Identifier: MIT
-__version__ = "0.1.0"
+__version__ = "0.1.1"
diff --git a/templates/base.html b/templates/base.html
index 95e7bd4..0ee6beb 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -8,6 +8,22 @@
     </title>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="og:title" name="og:title" content="HTMX Patterns from the hypermedia.systems book" />
+    <meta name="twitter:title" name="twitter:title" content="HTMX Patterns" />
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="og:image" name="og:image"
+        content="https://shots.wayl.one/shot/?url={{ request.url }}&height=1080&width=1920&scaled_width=1200&scaled_height=600&selectors=" />
+    <meta name="twitter:image" name="twitter:image"
+        content="https://shots.wayl.one/shot/?url={{ request.url }}&height=1080&width=1920&scaled_width=1280&scaled_height=640&selectors=" />
+    <meta name="og:image:height" content="640" />
+    <meta name="og:image:width" content="1280" />
+    <meta name="og:url" name="og:url" content="{{ request.url }}" />
+    <meta name="description" name="description" content="HTMX Patterns from the hypermedia.systems book" />
+    <meta name="og:description" name="Check if my kids can play outside"
+        content="HTMX Patterns from the hypermedia.systems book" />
+    <meta name="twitter:description" name="twitter:description"
+        content="HTMX Patterns from the hypermedia.systems book" />
+
     <link rel="icon" type="image/x-icon" href="{{ url_for('favicon') }}" />
     <link href="{{ url_for('app_css') }}" rel="stylesheet" />
     <script src="{{ url_for('htmx') }}"></script>