Moved meta tags up the page.

apaz-cli · Sep 29, 2024 · a459bf1 · a459bf1
1 parent 65e14c1
commit a459bf1
Show file tree

Hide file tree

Showing 10 changed files with 19 additions and 17 deletions.
diff --git a/blog/Cursed_Code_Collection.html b/blog/Cursed_Code_Collection.html
@@ -4,6 +4,7 @@
   <meta charset="utf-8" />
   <meta name="generator" content="pandoc" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="og:title" content="Cursed Code Collection">
   <title>Cursed Code Collection</title>
   <style>
     html {
@@ -216,7 +217,6 @@
     code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
-  <meta name="og:title" content="Cursed Code Collection">
   <style type="text/css">
   /* https://github.com/markdowncss/retro/blob/master/css/retro.css */
 

diff --git a/blog/Descending_Into_The_Stack_And_Madness.html b/blog/Descending_Into_The_Stack_And_Madness.html
@@ -4,6 +4,8 @@
   <meta charset="utf-8" />
   <meta name="generator" content="pandoc" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="og:title" content="Background">
+  <meta name="og:image" content="images/Samurai_Gate.jpg">
   <title>Descending Into The Stack And Madness</title>
   <style>
     html {
@@ -216,8 +218,6 @@
     code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
-  <meta name="og:title" content="Background">
-  <meta name="og:image" content="images/Samurai_Gate.jpg">
   <style type="text/css">
   /* https://github.com/markdowncss/retro/blob/master/css/retro.css */
 

diff --git a/blog/Errors_and_Configuration.html b/blog/Errors_and_Configuration.html
@@ -4,6 +4,8 @@
   <meta charset="utf-8" />
   <meta name="generator" content="pandoc" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="og:title" content="Errors and Configuration">
+  <meta name="og:image" content="images/Snake_moriya_suwako.jpg">
   <title>Errors and Configuration</title>
   <style>
     html {
@@ -216,8 +218,6 @@
     code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
-  <meta name="og:title" content="Errors and Configuration">
-  <meta name="og:image" content="images/Snake_moriya_suwako.jpg">
   <style type="text/css">
   /* https://github.com/markdowncss/retro/blob/master/css/retro.css */
 

diff --git a/blog/Grifters.html b/blog/Grifters.html
@@ -4,6 +4,8 @@
   <meta charset="utf-8" />
   <meta name="generator" content="pandoc" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="og:title" content="Grifters">
+  <meta name="og:image" content="images/Thailand%20Countryside%20Pixel%203.png">
   <title>Grifters</title>
   <style>
     html {
@@ -153,8 +155,6 @@
     ul.task-list{list-style: none;}
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
-  <meta name="og:title" content="Grifters">
-  <meta name="og:image" content="images/Thailand%20Countryside%20Pixel%203.png">
   <style type="text/css">
   /* https://github.com/markdowncss/retro/blob/master/css/retro.css */
 

diff --git a/blog/Java.html b/blog/Java.html
@@ -4,6 +4,9 @@
   <meta charset="utf-8" />
   <meta name="generator" content="pandoc" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="og:title" content="My Experience with Java">
+  <meta name="og:description" content="Slow things not to do:">
+  <meta name="og:image" content="images/Java.png">
   <title>Java</title>
   <style>
     html {
@@ -216,9 +219,6 @@
     code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
-  <meta name="og:title" content="My Experience with Java">
-  <meta name="og:description" content="Slow things not to do:">
-  <meta name="og:image" content="images/Java.png">
   <style type="text/css">
   /* https://github.com/markdowncss/retro/blob/master/css/retro.css */
 

diff --git a/blog/Safety_and_Correctness.html b/blog/Safety_and_Correctness.html
@@ -4,6 +4,8 @@
   <meta charset="utf-8" />
   <meta name="generator" content="pandoc" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="og:title" content="Safety and Correctness">
+  <meta name="og:image" content="images/PlaneClouds_skyrick9413.jpg">
   <title>Safety and Correctness</title>
   <style>
     html {
@@ -216,8 +218,6 @@
     code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
-  <meta name="og:title" content="Safety and Correctness">
-  <meta name="og:image" content="images/PlaneClouds_skyrick9413.jpg">
   <style type="text/css">
   /* https://github.com/markdowncss/retro/blob/master/css/retro.css */
 

diff --git a/blog/generate.py b/blog/generate.py
@@ -24,7 +24,9 @@
 def generate_article(i, f):
 
     def replace_meta_with_opengraph(html):
-        meta_rep = "  <!-- meta -->\n"
+        rep_str = "  <title>"
+
+        # Use content to generate opengraph meta tags.
         titlegroup = re.search("<h1.*>(.*?)</h1>", html)
         subtitlegroup = re.search("<h4.*>(.*?)</h4>", html)
         first_image = re.search('<img.*src="(.*?)".*>', html)
@@ -36,7 +38,8 @@ def replace_meta_with_opengraph(html):
                 meta_with += f"  <meta name=\"og:description\" content=\"{subtitlegroup.group(1) if subtitlegroup else ''}\">\n"
             if first_image:
                 meta_with += f"  <meta name=\"og:image\" content=\"{first_image.group(1) if first_image else ''}\">\n"
-        return html.replace(meta_rep, meta_with)
+        meta_with += rep_str
+        return html.replace(rep_str, meta_with)
 
     title = splitext(f)[0]
     to = title + ".html"

diff --git a/generate.py b/generate.py
@@ -40,7 +40,7 @@ def makeDoc(data):
 
     <meta name="og:title" content="apaz's Website">
     <meta name="og:description" content="My blog and projects.">
-    <meta name="og:image" content="https://apaz-cli.github.io/resources/images/sip.png">
+    <meta name="og:image" content="resources/images/sip.png">
 
     <title>apaz's Website</title>
     <link rel="stylesheet" href="main.css">

diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
 
     <meta name="og:title" content="apaz's Website">
     <meta name="og:description" content="My blog and projects.">
-    <meta name="og:image" content="https://apaz-cli.github.io/resources/images/sip.png">
+    <meta name="og:image" content="resources/images/sip.png">
 
     <title>apaz's Website</title>
     <link rel="stylesheet" href="main.css">

diff --git a/resources/style/pandoc.html b/resources/style/pandoc.html
@@ -1,4 +1,3 @@
-<!-- meta -->
 <style type="text/css">
 /* https://github.com/markdowncss/retro/blob/master/css/retro.css */