diff --git a/templates/main.html b/templates/main.html
index 0121c96..f007b6e 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -14,6 +14,10 @@
         <link href="/css/pictshare.css" rel="stylesheet">
         <link href="/css/dropzone.css" rel="stylesheet">
 
+	<!-- github-fork-ribbon-css
+	     https://simonwhitaker.github.io/github-fork-ribbon-css/ -->
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
+
         <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
         <!--[if lt IE 9]>
@@ -35,7 +39,8 @@
 		<meta name="rating" content="general">
 
     </HEAD>
-    <BODY><a href="https://github.com/HaschekSolutions/pictshare"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://camo.githubusercontent.com/82b228a3648bf44fc1163ef44c62fcc60081495e/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png"></a>
+    <BODY>
+        <a class="github-fork-ribbon left-top" href="https://github.com/HaschekSolutions/pictshare" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
 
         <div class="container" id="headcontainer">
             <div class="row">
@@ -82,4 +87,4 @@
         <script src="/js/dropzone.js"></script>
         <script src="/js/pictshare.js"></script>
     </BODY>
-</HTML>
\ No newline at end of file
+</HTML>
