diff --git a/content/assets/stylesheets/includes/general.scss b/content/assets/stylesheets/includes/general.scss
index 8b5e42d..7fe4317 100644
--- a/content/assets/stylesheets/includes/general.scss
+++ b/content/assets/stylesheets/includes/general.scss
@@ -34,3 +34,11 @@ html, body {
     }
   }
 }
+
+footer {
+  .fa {
+    font-size: inherit;
+    text-align: inherit;
+    vertical-align: inherit;
+  }
+}
diff --git a/layouts/default.erb b/layouts/default.erb
index 20a9c24..277102a 100644
--- a/layouts/default.erb
+++ b/layouts/default.erb
@@ -27,6 +27,9 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/Tipue-Search/5.0.0/tipuesearch_set.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/Tipue-Search/5.0.0/tipuesearch.min.js"></script>
 
+    <!-- Place this tag in your head or just before your close body tag. -->
+    <script async defer src="https://buttons.github.io/buttons.js"></script>
+
     <%= content_for(@item, :head) %>
   </head>
   <body>
diff --git a/layouts/generic.erb b/layouts/generic.erb
index 939e300..35fecc3 100644
--- a/layouts/generic.erb
+++ b/layouts/generic.erb
@@ -12,6 +12,13 @@
       <p>
         Made with <%= fa :heart, inline: true %> by Zeus WPI
       </p>
+      <p>
+        <a href="https://github.com/ZeusWPI/zeus.ugent.be">
+          <span class="hidden-xs"> View on GitHub </span>
+          <%= fa :github %>
+        </a>
+      </p>
     </div>
+    <!-- Place this tag where you want the button to render. -->
   </div>
 </footer>
