feat: add "Home" menu on header | update og:image location

devprabal · devprabal · commit 7fcd38406c88 · 2022-04-09T23:41:22.000+05:30
- add header section on all pages to link back to `index.html` main page
  via "Home" link
- update `og:image` tag's content image location to point to http address
instead of local file
diff --git a/brave_browser/brave_browser_notes.html b/brave_browser/brave_browser_notes.html
@@ -8,6 +8,9 @@
 <title>devpogi notes</title>
 </head>
 <body>
+<header>
+	<a href="../index.html">Home</a>
+</header>
 
 <h1 id="enable-vaapi-settings-for-brave-browser">Enable vaapi settings for brave browser</h1>
 
diff --git a/common.mk b/common.mk
@@ -8,4 +8,5 @@ html: $(NOTE_NAME).md
 	-M author="$(AUTHOR)" \
 	-M title="$(TITLE)" \
 	-M css="$(CSS_PATH)"
+	@sed -i 's|<body>|<body>\n<header>\n\t<a href="../index.html">Home</a>\n</header>|g' $(NOTE_NAME).$@
 	@echo -e "generated $(COLOR_BLUE)$(NOTE_NAME).html$(COLOR_NONE)"
diff --git a/html_envelope b/html_envelope
@@ -10,13 +10,16 @@
 <meta property="og:type" content="website">
 <meta property="og:title" content="devpogi notes">
 <meta property="og:description" content="devprabal's personal note-taking website">
-<meta property="og:image" content="/notes/notes_github_cover.png">
+<meta property="og:image" content="https://devprabal.github.io/notes/notes_github_cover.png">
 <meta name="twitter:card" content="summary_large_image">
 <meta property="twitter:domain" content="devprabal.github.io">
 <meta property="twitter:url" content="https://devprabal.github.io/notes/">
 <meta name="twitter:title" content="devpogi notes">
 <meta name="twitter:description" content="devprabal's personal note-taking website">
-<meta name="twitter:image" content="/notes/notes_github_cover.png">
+<meta name="twitter:image" content="https://devprabal.github.io/notes/notes_github_cover.png">
 <title>devpogi notes</title>
 </head>
 <body>
+<header>
+    <a href="./index.html">Home</a>
+</header>
diff --git a/index.html b/index.html
@@ -10,17 +10,19 @@
 <meta property="og:type" content="website">
 <meta property="og:title" content="devpogi notes">
 <meta property="og:description" content="devprabal's personal note-taking website">
-<meta property="og:image" content="/notes/notes_github_cover.png">
+<meta property="og:image" content="https://devprabal.github.io/notes/notes_github_cover.png">
 <meta name="twitter:card" content="summary_large_image">
 <meta property="twitter:domain" content="devprabal.github.io">
 <meta property="twitter:url" content="https://devprabal.github.io/notes/">
 <meta name="twitter:title" content="devpogi notes">
 <meta name="twitter:description" content="devprabal's personal note-taking website">
-<meta name="twitter:image" content="/notes/notes_github_cover.png">
+<meta name="twitter:image" content="https://devprabal.github.io/notes/notes_github_cover.png">
 <title>devpogi notes</title>
 </head>
 <body>
-<h1 id="devpogi-notes">devpogi notes</h1>
+<header>
+    <a href="./index.html">Home</a>
+</header><h1 id="devpogi-notes">devpogi notes</h1>
 
 <p><em>My learnings on various subjects.</em></p>
 
diff --git a/linux/linux_notes.html b/linux/linux_notes.html
@@ -8,6 +8,9 @@
 <title>devpogi notes</title>
 </head>
 <body>
+<header>
+	<a href="../index.html">Home</a>
+</header>
 
 <h1 id="linux-notes">Linux Notes</h1>
 
diff --git a/rpi/rpi_notes.html b/rpi/rpi_notes.html
@@ -8,6 +8,9 @@
 <title>devpogi notes</title>
 </head>
 <body>
+<header>
+	<a href="../index.html">Home</a>
+</header>
 
 <h1 id="playing-with-raspberry">Playing with Raspberry</h1>
 
