Add GitHub ribbon to the bottom right corner. #41

The css pulled in with cdnjs didn't look good, so it was easier to put this into our css.
2016-05-09 23:18:35 +02:00
parent 6e218387fc
commit e64f162896
2 changed files with 35 additions and 1 deletions
--- a/index.html
+++ b/index.html
@@ -20,6 +20,9 @@
 </head>

 <body>
+  <div class="github-fork-ribbon">
+    <a class="" href="https://github.com/UltimateHackingKeyboard/agent" title="Fork me on GitHub">Fork me on GitHub</a>
+  </div>

    <!-- Google Tag Manager -->
    <noscript>
@@ -210,4 +213,4 @@
    </script>
 </body>

-</html>
+</html>
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -190,3 +190,34 @@ svg.uhk {
    }
  }
 }
+
+/* GitHub ribbon */
+.github-fork-ribbon {
+  background-color: #a00;
+  overflow: hidden;
+  white-space: nowrap;
+  position: fixed;
+  right: -50px;
+  bottom: 40px;
+  z-index: 999999;
+  -webkit-transform: rotate(-45deg);
+     -moz-transform: rotate(-45deg);
+      -ms-transform: rotate(-45deg);
+       -o-transform: rotate(-45deg);
+          transform: rotate(-45deg);
+  -webkit-box-shadow: 0 0 10px #888;
+     -moz-box-shadow: 0 0 10px #888;
+          box-shadow: 0 0 10px #888;
+
+  a {
+    border: 1px solid #faa;
+    color: #fff;
+    display: block;
+    font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    margin: 1px 0;
+    padding: 10px 50px;
+    text-align: center;
+    text-decoration: none;
+    text-shadow: 0 0 5px #444;
+  }
+}