2 files changed, 16 insertions, 4 deletions

diff --git a/docs/index.html b/docs/index.html
index 90c27d4..3cd0718 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -5,6 +5,12 @@
 <link rel="stylesheet" href="./style.css">
 <meta charset="UTF-8">
 <meta name="viewport" content="initial-scale=1">
+<meta content="#ffffff" name="theme-color">
+<meta name="HandheldFriendly" content="true">
+<meta property="og:title" content="nerdypepper">
+<meta property="og:type" content="website">
+<meta property="og:description" content="a static site {for, by, about} me ">
+<meta property="og:url" content="https://nerdypepper.me">
 <title>n</title>
 
 <script>
@@ -28,7 +34,7 @@ function showPost(id) {
 
     <div class="post">
         <div class="date">31/07 2019</div>
-        <a href="#bash_harder_with_vim.md" class="post-link" onClick="showPost('bash_harder_with_vim.md')">Bash Harder With Vim</a>
+        <a id="post-bash_harder_with_vim.md" href="#post-bash_harder_with_vim.md" class="post-link" onClick="showPost('bash_harder_with_vim.md')">Bash Harder With Vim</a>
         <div id="bash_harder_with_vim.md" class="post-text" style="display: none">
             <p>Bash is tricky, don&#8217;t let your editor get in your way. Here&#8217;s a couple of neat
 additions you could make to your <code>vimrc</code> for a better shell programming
@@ -95,7 +101,7 @@ Press ENTER or type command to continue
     
     <div class="post">
         <div class="date">30/07 2019</div>
-        <a href="#hold_position!.md" class="post-link" onClick="showPost('hold_position!.md')">Hold Position!</a>
+        <a id="post-hold_position!.md" href="#post-hold_position!.md" class="post-link" onClick="showPost('hold_position!.md')">Hold Position!</a>
         <div id="hold_position!.md" class="post-text" style="display: none">
             <p>Often times, when I run a vim command that makes &#8220;big&#8221; changes to a file (a
 macro or a <code>:vimgrep</code> command) I lose my original position and feel disoriented.</p>
@@ -125,7 +131,7 @@ heavier filtering.</p>
     
     <div class="post">
         <div class="date">30/07 2019</div>
-        <a href="#get_better_at_yanking_and_putting_in_vim.md" class="post-link" onClick="showPost('get_better_at_yanking_and_putting_in_vim.md')">Get Better At Yanking And Putting In Vim</a>
+        <a id="post-get_better_at_yanking_and_putting_in_vim.md" href="#post-get_better_at_yanking_and_putting_in_vim.md" class="post-link" onClick="showPost('get_better_at_yanking_and_putting_in_vim.md')">Get Better At Yanking And Putting In Vim</a>
         <div id="get_better_at_yanking_and_putting_in_vim.md" class="post-text" style="display: none">
             <ol>
 <li><p>reselecting previously selected text (i use this to fix botched selections):</p>
diff --git a/generate.sh b/generate.sh
index eb15725..94b4928 100755
--- a/generate.sh
+++ b/generate.sh
@@ -14,7 +14,7 @@ post_wrapper() {
     echo -ne "
     <div class=\"post\">
         <div class=\"date\">$3</div>
-        <a href=\"#$1\" class=\"post-link\" onClick=\"showPost('$1')\">$title</a>
+        <a id=\"post-$1\" href=\"#post-$1\" class=\"post-link\" onClick=\"showPost('$1')\">$title</a>
         <div id=\"$1\" class=\"post-text\" style=\"display: none\">
             $2
             <a href=\"#$1\" class=\"post-end-link\" onClick=\"showPost('$1')\">↑ Collapse</a>
@@ -31,6 +31,12 @@ echo "
 <link rel=\"stylesheet\" href=\"./style.css\">
 <meta charset=\"UTF-8\">
 <meta name=\"viewport\" content=\"initial-scale=1\">
+<meta content=\"#ffffff\" name=\"theme-color\">
+<meta name=\"HandheldFriendly\" content=\"true\">
+<meta property=\"og:title\" content=\"nerdypepper\">
+<meta property=\"og:type\" content=\"website\">
+<meta property=\"og:description\" content=\"a static site {for, by, about} me \">
+<meta property=\"og:url\" content=\"https://nerdypepper.me\">
 <title>n</title>
 " > ./docs/index.html