optional OpenGraph description and image

feathersui · Aug 1, 2024 · df5f41d · df5f41d
1 parent 8f3d1f2
commit df5f41d
Show file tree

Hide file tree

Showing 11 changed files with 26 additions and 0 deletions.
diff --git a/_includes/article.html b/_includes/article.html
@@ -9,6 +9,9 @@
   {% include "meta.html" %}
   <title>{{ title }}</title>
   {% include "styles.html" %}
+  {% if ogImage or ogDescription %}
+    {% include "opengraph.html" %}
+  {% endif %}
 </head>
 <body class="article">
   {% include "header.html" %}

diff --git a/_includes/blog-index.html b/_includes/blog-index.html
@@ -10,6 +10,9 @@
   <title>{{ title }}</title>
   {% include "styles.html" %}
   {% include "blog-feeds-meta.html" %}
+  {% if ogImage or ogDescription %}
+    {% include "opengraph.html" %}
+  {% endif %}
 </head>
 <body class="blog sidebars">
   {% include "header.html" %}

diff --git a/_includes/blog-post.html b/_includes/blog-post.html
@@ -10,6 +10,9 @@
   <title>{{ title }} - {{ siteTitle }}</title>
   {% include "styles.html" %}
   {% include "blog-feeds-meta.html" %}
+  {% if ogImage or ogDescription %}
+    {% include "opengraph.html" %}
+  {% endif %}
 </head>
 <body class="blog sidebars">
   {% include "header.html" %}

diff --git a/_includes/docs.html b/_includes/docs.html
@@ -9,6 +9,9 @@
   {% include "meta.html" %}
   <title>{{ title }} - {{ siteTitle }}</title>
   {% include "styles.html" %}
+  {% if ogImage or ogDescription %}
+    {% include "opengraph.html" %}
+  {% endif %}
 </head>
 <body class="docs sidebars">
   {% include "header.html" %}

diff --git a/_includes/marketing.html b/_includes/marketing.html
@@ -9,6 +9,9 @@
   {% include "meta.html" %}
   <title>{{ title }}</title>
   {% include "styles.html" %}
+  {% if ogImage or ogDescription %}
+    {% include "opengraph.html" %}
+  {% endif %}
 </head>
 <body class="marketing">
   {% include "header.html" %}

diff --git a/_includes/opengraph.html b/_includes/opengraph.html
@@ -0,0 +1,5 @@
+<meta property="og:url" content="https://feathersui.com{{ page.url | url }}"/>
+<meta property="og:title" content="{{ title }}"/>
+{%if ogDescription %}<meta property="og:description" content="{{ ogDescription }}"/>{% endif %}
+{%if ogImageURL %}<meta property="og:image" content="https://feathersui.com{{ ogImageURL }}"/>{% endif %}
+<meta property="og:type" content="website"/>
diff --git a/blog/2024-08-01-feathers-ui-version-1-3-haxe-openfl-release-announcement.md b/blog/2024-08-01-feathers-ui-version-1-3-haxe-openfl-release-announcement.md
@@ -7,6 +7,8 @@ authorImageURL: /img/authors/josh.jpg
 layout: "blog-post.html"
 permalink: "{{ page | blog_permalink }}"
 tags: ["blog"]
+ogDescription: The new Feathers UI v1.3.0 update is now officially available on Haxelib
+ogImageURL: /blog/img/feathersui-v1.3.0-og.png
 ---
 
 Today, Feathers UI **v1.3.0** is now officially available [on Haxelib](https://lib.haxe.org/p/feathersui/1.3.0). This release includes a new `DragDropManager` used by components like `ListView` and `GridView`, a new [`Collapsible`](https://feathersui.com/learn/haxe-openfl/collapsible/) component with a clickable header to toggle the visibility of its content, and a new `dispose()` method to help with UI component cleanup. It also includes over a year of bug fixes, which means even more stability for your projects.

diff --git a/cross-platform-guis.liquid b/cross-platform-guis.liquid
@@ -1,6 +1,8 @@
 ---
 title: "Cross-platform GUI development with Feathers UI"
 layout: "article.html"
+ogDescription: "Build native apps for mobile, desktop, and web"
+ogImageURL: /img/feathersui-cross-platform-og.png
 ---
 
 <section class="section-one-column">

diff --git a/index.liquid b/index.liquid
@@ -1,5 +1,7 @@
 ---
 layout: "marketing.html"
+ogDescription: "Cross-platform GUI components for creative projects on mobile, desktop, and web"
+ogImageURL: /img/feathersui-cross-platform-og.png
 ---
 <section class="section-one-column section-hero">
   <div class="section-row">

diff --git a/static/blog/img/feathersui-v1.3.0-og.png b/static/blog/img/feathersui-v1.3.0-og.png
diff --git a/static/img/feathersui-cross-platform-og.png b/static/img/feathersui-cross-platform-og.png