add head template

2024-01-17 17:21:30 +01:00
parent ed57bda08e
commit 6b0e3857fb
9 changed files with 96 additions and 23 deletions
--- a/src/data.json
+++ b/src/data.json
@@ -1,4 +1,11 @@
 {
+    "head": {
+        "title": "LinkMeUp WieErWill",
+        "description": "Get all weblinks of WieErWill.",
+        "keywords": "social media links, software architecture, web development, single-page application, web performance",
+        "url": "https://link.wieerwill.de/",
+        "logo": "favicons/android-chrome-192x192.png"
+    },
    "header": {
        "title": "WieErWill",
        "subtitle": "Programmed for Adventure, Coded for Curiosity"
@@ -31,6 +38,12 @@
            "icon": "linkedin.svg",
            "backgroundColor": "#39CCCC"
        },
+        {
+            "name": "Xing",
+            "url": "https://xing.de/profile/Robert_Jeutter",
+            "icon": "xing.svg",
+            "backgroundColor": "#39CCCC"
+        },
        {
            "name": "[Matrix]",
            "url": "https://matrix.to/#/@wieerwill:matrix.org",
@@ -56,4 +69,4 @@
            "backgroundColor": "#FF4500"
        }
    ]
-}
+}
--- a/src/templates/footer-template.hbs
+++ b/src/templates/footer-template.hbs
@@ -1,3 +1,3 @@
 <footer>
    <p>&copy; {{{footer.copyright}}} {{currentYear}}</p>
-</footer>
+</footer>
--- a/src/templates/head-template.hbs
+++ b/src/templates/head-template.hbs
@@ -0,0 +1,26 @@
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="Content-Security-Policy"
+        content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'">
+    <meta http-equiv="X-Content-Type-Options" content="nosniff">
+    <meta http-equiv="X-Frame-Options" content="DENY">
+    <meta name="referrer" content="strict-origin">
+    <script type="application/ld+json">
+        {
+          "@context": "http://schema.org",
+          "@type": "Organization",
+          "name": "{{head.title}}",
+          "url": "{{head.url}}",
+          "logo": "{{head.url}}{{head.logo}}",
+          "description": "{{head.description}}"
+        }
+        </script>
+    <title>LinkMeUp WieErWill</title>
+    <meta name="description" content="{{head.description}}">
+    <meta name="keywords" content="{{head.keywords}}">
+    <link rel="canonical" href="{{head.url}}">
+    <meta property="og:title" content="{{head.title}}">
+    <meta property="og:description" content="{{head.description}}">
+    <meta property="og:image" content="{{head.url}}{{head.logo}}">
+</head>
--- a/src/templates/header-template.hbs
+++ b/src/templates/header-template.hbs
@@ -1,6 +1,6 @@
 <header>
    <h1>{{header.title}}</h1>
    {{#if header.subtitle}}
-    <h3>{{header.subtitle}}</h3>
+    <h2>{{header.subtitle}}</h2>
    {{/if}}
 </header>