From 41a88e20e5c0fdff8015cd6bf045906401e646c5 Mon Sep 17 00:00:00 2001
From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Sat, 11 May 2024 10:36:59 +0000
Subject: [PATCH] static: add ogp metadata to all pages

* about, help, legal, partners, sitemap

Signed-off-by: Rico Hoppe <rico.hoppe@ipfire.org>
---
 src/templates/static/about.html    | 19 ++++++++++
 src/templates/static/help.html     | 19 ++++++++++
 src/templates/static/legal.html    | 21 +++++++++-
 src/templates/static/partners.html | 19 ++++++++++
 src/templates/static/sitemap.html  | 61 ++++++++++++++++++++----------
 5 files changed, 117 insertions(+), 22 deletions(-)

diff --git a/src/templates/static/about.html b/src/templates/static/about.html
index e0633993..f224697c 100644
--- a/src/templates/static/about.html
+++ b/src/templates/static/about.html
@@ -2,6 +2,25 @@
 
 {% block title %}{{ _("About IPFire") }}{% end block %}
 
+{% block head %}
+    <!-- HTML Meta Tags -->
+    <meta name="description" content={{ _("IPFire - About") }}>
+    <!-- Facebook Meta Tags -->
+    <meta property="og:url" content="https://www.ipfire.org/about">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="{{ page.title }} - IPFire">
+    <meta property="og:description" content="IPFire_ is the world's leading Open Source firewall distribution. Businesses across the world have chosen to put their trust in our versatile, feature-rich solution with its easy-to-use web management console. Why not join them today?">
+    <meta property="og:image" content="https://www.ipfire.org/{{ static_url("img/ipfire-tux.png") }}">
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="twitter:domain" content="ipfire.org">
+    <meta property="twitter:url" content="https://www.ipfire.org/about">
+    <meta name="twitter:title" content="www.ipfire.org - {{ page.title }}">
+    <meta name="twitter:description" content="IPFire_ is the world's leading Open Source firewall distribution. Businesses across the world have chosen to put their trust in our versatile, feature-rich solution with its easy-to-use web management console. Why not join them today?">
+    <meta name="twitter:image" content="https://www.ipfire.org/{{ static_url("img/ipfire-tux.png") }}">
+{% end block %}
+
 {% block container %}
 	<section class="hero is-primary">
 		<div class="hero-body">
diff --git a/src/templates/static/help.html b/src/templates/static/help.html
index 05c70e64..43fb5239 100644
--- a/src/templates/static/help.html
+++ b/src/templates/static/help.html
@@ -2,6 +2,25 @@
 
 {% block title %}{{ _("Help") }}{% end block %}
 
+{% block head %}
+    <!-- HTML Meta Tags -->
+    <meta name="description" content={{ _("IPFire - Get Help") }}>
+    <!-- Facebook Meta Tags -->
+    <meta property="og:url" content="https://www.ipfire.org/help">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="{{ page.title }} - IPFire">
+    <meta property="og:description" content="Professional Support, Documentation, Community and Bug Reports All in One Place.">
+    <meta property="og:image" content="https://www.ipfire.org/{{ static_url("img/ipfire-tux.png") }}">
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="twitter:domain" content="ipfire.org">
+    <meta property="twitter:url" content="https://www.ipfire.org/help">
+    <meta name="twitter:title" content="www.ipfire.org - {{ page.title }}">
+    <meta name="twitter:description" content="Professional Support, Documentation, Community and Bug Reports All in One Place.">
+    <meta name="twitter:image" content="https://www.ipfire.org/{{ static_url("img/ipfire-tux.png") }}">
+{% end block %}
+
 {% block container %}
 	<section class="hero is-primary">
 		<div class="hero-body">
diff --git a/src/templates/static/legal.html b/src/templates/static/legal.html
index 09aa31c2..e8163c1a 100644
--- a/src/templates/static/legal.html
+++ b/src/templates/static/legal.html
@@ -2,6 +2,25 @@
 
 {% block title %}{{ _("Legal") }}{% end block %}
 
+{% block head %}
+    <!-- HTML Meta Tags -->
+    <meta name="description" content={{ _("IPFire - Legal") }}>
+    <!-- Facebook Meta Tags -->
+    <meta property="og:url" content="https://www.ipfire.org/legal">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="{{ page.title }} - IPFire">
+    <meta property="og:description" content="Imprint of The IPFire Project">
+    <meta property="og:image" content="https://www.ipfire.org/{{ static_url("img/ipfire-tux.png") }}">
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="twitter:domain" content="ipfire.org">
+    <meta property="twitter:url" content="https://www.ipfire.org/legal">
+    <meta name="twitter:title" content="www.ipfire.org - {{ page.title }}">
+    <meta name="twitter:description" content="Imprint of The IPFire Project">
+    <meta name="twitter:image" content="https://www.ipfire.org/{{ static_url("img/ipfire-tux.png") }}">
+{% end block %}
+
 {% block container %}
 	<section class="hero is-dark">
 		<div class="hero-body">
@@ -25,7 +44,7 @@
 			<div class="block">
 				<p class="is-size-5">
 					Information in accordance with section 5 TMG and
-					persons responsible for content in accordance with 55 Section. 2 RStV
+					persons responsible for content in accordance with 55 Section 2 RStV
 				</p>
 			</div>
 
diff --git a/src/templates/static/partners.html b/src/templates/static/partners.html
index 6571cecc..48c0c03f 100644
--- a/src/templates/static/partners.html
+++ b/src/templates/static/partners.html
@@ -2,6 +2,25 @@
 
 {% block title %}{{ _("Our Partners") }}{% end block %}
 
+{% block head %}
+    <!-- HTML Meta Tags -->
+    <meta name="description" content={{ _("IPFire - Partners") }}>
+    <!-- Facebook Meta Tags -->
+    <meta property="og:url" content="https://www.ipfire.org/partners">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="{{ page.title }} - IPFire">
+    <meta property="og:description" content="Partners of The IPFire Project.">
+    <meta property="og:image" content="https://www.ipfire.org/{{ static_url("img/ipfire-tux.png") }}">
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="twitter:domain" content="ipfire.org">
+    <meta property="twitter:url" content="https://www.ipfire.org/partners">
+    <meta name="twitter:title" content="www.ipfire.org - {{ page.title }}">
+    <meta name="twitter:description" content="Partners of The IPFire Project.">
+    <meta name="twitter:image" content="https://www.ipfire.org/{{ static_url("img/ipfire-tux.png") }}">
+{% end block %}
+
 {% block container %}
 	<section class="hero">
 		<div class="hero-body">
diff --git a/src/templates/static/sitemap.html b/src/templates/static/sitemap.html
index 30fd1e08..33b9c3fd 100644
--- a/src/templates/static/sitemap.html
+++ b/src/templates/static/sitemap.html
@@ -2,11 +2,30 @@
 
 {% block title %}{{ _("Sitemap") }}{% end block %}
 
+{% block head %}
+    <!-- HTML Meta Tags -->
+    <meta name="description" content={{ _("IPFire - Sitemap") }}>
+    <!-- Facebook Meta Tags -->
+    <meta property="og:url" content="https://www.ipfire.org/sitemap">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="{{ page.title }} - IPFire">
+    <meta property="og:description" content="Sitemap of ipfire.org - The official IPFire Project Website">
+    <meta property="og:image" content="https://www.ipfire.org/{{ static_url("img/ipfire-tux.png") }}">
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="twitter:domain" content="ipfire.org">
+    <meta property="twitter:url" content="https://www.ipfire.org/sitemap">
+    <meta name="twitter:title" content="www.ipfire.org - {{ page.title }}">
+    <meta name="twitter:description" content="Sitemap of ipfire.org - The official IPFire Project Website">
+    <meta name="twitter:image" content="https://www.ipfire.org/{{ static_url("img/ipfire-tux.png") }}">
+{% end block %}
+
 {% block container %}
 	<section class="hero is-primary is-medium">
 		<div class="hero-body">
 			<div class="container">
-				<p class="title is-2 has-text-centered">{{ _("Projects") }}</p>
+				<p class="title is-2 has-text-centered">{{ _("Projects") }}</p>
 
 				<div class="columns is-centered is-multiline">
 					<div class="column is-one-third has-text-centered">
@@ -14,7 +33,7 @@
 							<p class="heading">Geo Location Database</p>
 							<p class="title">
 								<a href="/location">
-									{{ _("IPFire Location") }}
+									{{ _("IPFire Location") }}
 								</a>
 							</p>
 						</div>
@@ -38,7 +57,7 @@
 	<section class="hero is-medium">
 		<div class="hero-body">
 			<div class="container">
-				<p class="title is-2 has-text-centered">{{ _("Support") }}</p>
+				<p class="title is-2 has-text-centered">{{ _("Support") }}</p>
 
 				<div class="columns is-centered is-multiline">
 					<div class="column is-one-third has-text-centered">
@@ -46,7 +65,7 @@
 							<p class="heading">Read The Fascinating Manual</p>
 							<p class="title">
 								<a href="/docs">
-									{{ _("Documentation") }}
+									{{ _("Documentation") }}
 								</a>
 							</p>
 						</div>
@@ -59,7 +78,7 @@
 							</p>
 							<p class="title">
 								<a class="has-text-lwl" href="https://store.lightningwirelabs.com/products/groups/support?utm_source={{ hostname }}&amp;utm_medium=sitemap">
-									{{ _("Professional Support") }}
+									{{ _("Professional Support") }}
 								</a>
 							</p>
 						</div>
@@ -70,7 +89,7 @@
 							<p class="heading">By Our Community</p>
 							<p class="title">
 								<a href="https://community.ipfire.org">
-									{{ _("IPFire Community") }}
+									{{ _("IPFire Community") }}
 								</a>
 							</p>
 						</div>
@@ -81,7 +100,7 @@
 							<p class="heading">Together Is Stronger</p>
 							<p class="title">
 								<a href="/partners">
-									{{ _("Our Partners") }}
+									{{ _("Our Partners") }}
 								</a>
 							</p>
 						</div>
@@ -94,7 +113,7 @@
 	<section class="hero is-light is-medium">
 		<div class="hero-body">
 			<div class="container">
-				<p class="title is-2 has-text-centered">{{ _("Development") }}</p>
+				<p class="title is-2 has-text-centered">{{ _("Development") }}</p>
 
 				<div class="columns is-multiline">
 					<div class="column is-one-third has-text-centered">
@@ -102,7 +121,7 @@
 							<p class="heading">pakfire.ipfire.org</p>
 							<p class="title">
 								<a href="https://pakfire.ipfire.org">
-									{{ _("Pakfire Build Service") }}
+									{{ _("Pakfire Build Service") }}
 								</a>
 							</p>
 						</div>
@@ -113,7 +132,7 @@
 							<p class="heading">git.ipfire.org</p>
 							<p class="title">
 								<a href="https://git.ipfire.org">
-									{{ _("Source") }}
+									{{ _("Source") }}
 								</a>
 							</p>
 						</div>
@@ -124,7 +143,7 @@
 							<p class="heading">lists.ipfire.org</p>
 							<p class="title">
 								<a href="https://lists.ipfire.org">
-									{{ _("Mailing Lists") }}
+									{{ _("Mailing Lists") }}
 								</a>
 							</p>
 						</div>
@@ -135,7 +154,7 @@
 							<p class="heading">bugzilla.ipfire.org</p>
 							<p class="title">
 								<a href="https://bugzilla.ipfire.org">
-									{{ _("Bugtracker") }}
+									{{ _("Bugtracker") }}
 								</a>
 							</p>
 						</div>
@@ -146,7 +165,7 @@
 							<p class="heading">patchwork.ipfire.org</p>
 							<p class="title">
 								<a href="https://patchwork.ipfire.org">
-									{{ _("Patches") }}
+									{{ _("Patches") }}
 								</a>
 							</p>
 						</div>
@@ -157,7 +176,7 @@
 							<p class="heading">translate.ipfire.org</p>
 							<p class="title">
 								<a href="https://translate.ipfire.org">
-									{{ _("Translate") }}
+									{{ _("Translate") }}
 								</a>
 							</p>
 						</div>
@@ -168,7 +187,7 @@
 							<p class="heading">man-pages.ipfire.org</p>
 							<p class="title">
 								<a href="https://man-pages.ipfire.org">
-									{{ _("Man Pages") }}
+									{{ _("Man Pages") }}
 								</a>
 							</p>
 						</div>
@@ -179,7 +198,7 @@
 							<p class="heading">nightly.ipfire.org</p>
 							<p class="title">
 								<a href="https://nightly.ipfire.org">
-									{{ _("Nightly Builds") }}
+									{{ _("Nightly Builds") }}
 								</a>
 							</p>
 						</div>
@@ -191,7 +210,7 @@
 
 	<section class="section">
 		<div class="container">
-			<p class="title is-2 has-text-centered">{{ _("Infrastructure") }}</p>
+			<p class="title is-2 has-text-centered">{{ _("Infrastructure") }}</p>
 
 			<div class="columns is-centered is-multiline">
 				<div class="column is-one-third has-text-centered">
@@ -199,7 +218,7 @@
 						<p class="heading">mail.ipfire.org</p>
 						<p class="title">
 							<a href="https://mail.ipfire.org">
-								{{ _("Web Mail") }}
+								{{ _("Web Mail") }}
 							</a>
 						</p>
 					</div>
@@ -210,7 +229,7 @@
 						<p class="heading">social.ipfire.org</p>
 						<p class="title">
 							<a href="https://social.ipfire.org">
-								{{ _("Mastodon") }}
+								{{ _("Mastodon") }}
 							</a>
 						</p>
 					</div>
@@ -221,7 +240,7 @@
 						<p class="heading">{{ _("Around the Globe") }}</p>
 						<p class="title">
 							<a href="/downloads/mirrors">
-								{{ _("Mirrors") }}
+								{{ _("Mirrors") }}
 							</a>
 						</p>
 					</div>
@@ -233,7 +252,7 @@
 							<p class="heading">Telephony</p>
 							<p class="title">
 								<a href="/voip">
-									{{ _("VoIP") }}
+									{{ _("VoIP") }}
 								</a>
 							</p>
 						</div>
-- 
2.47.2