diff --git a/batchCodeTable.html b/batchCodeTable.html
index adc8828d436..f1a16a67199 100644
--- a/batchCodeTable.html
+++ b/batchCodeTable.html
@@ -50,6 +50,70 @@
 </head>
 
 <body>
+  <!-- adapted from https://codepo8.github.io/css-fork-on-github-ribbon/ -->
+  <style>
+    #forkongithub a {
+      background: #000;
+      color: #fff;
+      text-decoration: none;
+      font-family: arial, sans-serif;
+      text-align: center;
+      font-weight: bold;
+      padding: 5px 40px;
+      font-size: 1rem;
+      line-height: 2rem;
+      position: relative;
+      transition: 0.5s;
+    }
+
+    #forkongithub a:hover {
+      background: #c11;
+      color: #fff;
+    }
+
+    #forkongithub a::before,
+    #forkongithub a::after {
+      content: "";
+      width: 100%;
+      display: block;
+      position: absolute;
+      top: 1px;
+      left: 0;
+      height: 1px;
+      background: #fff;
+    }
+
+    #forkongithub a::after {
+      bottom: 1px;
+      top: auto;
+    }
+
+    @media screen and (min-width:800px) {
+      #forkongithub {
+        position: absolute;
+        display: block;
+        top: 0;
+        right: 0;
+        width: 200px;
+        overflow: hidden;
+        height: 200px;
+        z-index: 9999;
+      }
+
+      #forkongithub a {
+        width: 200px;
+        position: absolute;
+        top: 60px;
+        right: -60px;
+        transform: rotate(45deg);
+        -webkit-transform: rotate(45deg);
+        -ms-transform: rotate(45deg);
+        -moz-transform: rotate(45deg);
+        -o-transform: rotate(45deg);
+        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
+      }
+    }
+  </style><span id="forkongithub"><a href="https://github.com/KnollFrank/HowBadIsMyBatch">Fork me on GitHub</a></span>
   <h1 class="title"></h1>
   <p>
     <b>Check out your <span class="companyName"></span> batch code </b>&emsp;<font size="-2">(last updated 29th December
diff --git a/index.html b/index.html
index 29e0d4def35..5759d4edcef 100644
--- a/index.html
+++ b/index.html
@@ -8,15 +8,85 @@
 </head>
 
 <body>
+  <!-- adapted from https://codepo8.github.io/css-fork-on-github-ribbon/ -->
+  <style>
+    #forkongithub a {
+      background: #000;
+      color: #fff;
+      text-decoration: none;
+      font-family: arial, sans-serif;
+      text-align: center;
+      font-weight: bold;
+      padding: 5px 40px;
+      font-size: 1rem;
+      line-height: 2rem;
+      position: relative;
+      transition: 0.5s;
+    }
+
+    #forkongithub a:hover {
+      background: #c11;
+      color: #fff;
+    }
+
+    #forkongithub a::before,
+    #forkongithub a::after {
+      content: "";
+      width: 100%;
+      display: block;
+      position: absolute;
+      top: 1px;
+      left: 0;
+      height: 1px;
+      background: #fff;
+    }
+
+    #forkongithub a::after {
+      bottom: 1px;
+      top: auto;
+    }
+
+    @media screen and (min-width:800px) {
+      #forkongithub {
+        position: absolute;
+        display: block;
+        top: 0;
+        right: 0;
+        width: 200px;
+        overflow: hidden;
+        height: 200px;
+        z-index: 9999;
+      }
+
+      #forkongithub a {
+        width: 200px;
+        position: absolute;
+        top: 60px;
+        right: -60px;
+        transform: rotate(45deg);
+        -webkit-transform: rotate(45deg);
+        -ms-transform: rotate(45deg);
+        -moz-transform: rotate(45deg);
+        -o-transform: rotate(45deg);
+        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
+      }
+    }
+  </style><span id="forkongithub"><a href="https://github.com/KnollFrank/HowBadIsMyBatch">Fork me on GitHub</a></span>
   <h1>How Bad is My Batch</h1>
   <p>
   <ul>
     <li><a href="batchCodeTable.html?company=moderna&companyName=Moderna&title=Moderna">Moderna</a></li>
     <li><a href="batchCodeTable.html?company=pfizer&companyName=Pfizer&title=Pfizer">Pfizer</a></li>
     <li><a href="batchCodeTable.html?company=janssen&companyName=Janssen&title=Janssen">Janssen</a></li>
-    <li><a href="batchCodeTable.html?company=modernaInternational&companyName=Moderna&title=Moderna - Outside of the USA">Moderna - Outside of the USA</a></li>
-    <li><a href="batchCodeTable.html?company=pfizerInternational&companyName=Pfizer&title=Pfizer - Outside of the USA">Pfizer - Outside of the USA</a></li>
-    <li><a href="batchCodeTable.html?company=janssenInternational&companyName=Janssen&title=Janssen - Outside of the USA">Janssen - Outside of the USA</a></li>
+    <li><a
+        href="batchCodeTable.html?company=modernaInternational&companyName=Moderna&title=Moderna - Outside of the USA">Moderna
+        - Outside of the USA</a></li>
+    <li><a
+        href="batchCodeTable.html?company=pfizerInternational&companyName=Pfizer&title=Pfizer - Outside of the USA">Pfizer
+        - Outside of the USA</a></li>
+    <li><a
+        href="batchCodeTable.html?company=janssenInternational&companyName=Janssen&title=Janssen - Outside of the USA">Janssen
+        - Outside of the USA</a></li>
   </ul>
   </p>
 </body>
