Merge pull request #32 from Toxantron/ribbon

Ribbon
Toxantron · Feb 11, 2017 · 1fc108e · 1fc108e
2 parents 9a163ad + a1630a1
commit 1fc108e
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 7 deletions.
diff --git a/src/css/scrumonline.css b/src/css/scrumonline.css
@@ -240,3 +240,48 @@ div.issue-list {
   height: 250px;
   overflow-y: scroll;
 }
+
+.github-fork-ribbon-wrapper {
+  width: 150px;
+  height: 150px;
+  position: fixed;
+  overflow: hidden;
+  top: 0;
+  z-index: 9999;
+  pointer-events: none;
+  right: 0;
+}
+
+.github-fork-ribbon-wrapper .github-fork-ribbon {
+  position: absolute;
+  padding: 2px 0;
+  background-color: #333;
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
+  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+  pointer-events: auto;
+  top: 42px;
+  right: -43px;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
+.github-fork-ribbon-wrapper .github-fork-ribbon a {
+  font: 700 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: #fff;
+  text-decoration: none;
+  text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
+  text-align: center;
+  width: 200px;
+  line-height: 20px;
+  display: inline-block;
+  padding: 2px 0;
+  border-width: 1px 0;
+  border-style: dotted;
+  border-color: rgba(255, 255, 255, 0.7);
+}
diff --git a/src/index.php b/src/index.php
@@ -41,6 +41,13 @@
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
 <![endif]-->
 
+<!--Github Fork Badge -->
+<div class="github-fork-ribbon-wrapper hidden-xs">
+  <div class="github-fork-ribbon">
+    <a target="_blank" href="https://github.com/Toxantron/scrumonline">Fork me on GitHub</a>
+  </div>
+</div>
+
 <!-- Top navigation bar -->
 <nav class="navbar navbar-inverse navbar-fixed-top">
   <div class="container-fluid navigation">
@@ -69,11 +76,6 @@
   <?php $indexPage->render(false) ?>
 </div>
 
-<!-- Footer of the page -->
-<footer>
-  Tutorials, bug reports and contributions are welcome on <a href="https://github.com/Toxantron/scrumonline">github</a>.
-</footer>
-
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-route.min.js"></script>

diff --git a/src/templates/home.php b/src/templates/home.php
@@ -10,8 +10,7 @@
       Welcome to my open source planning poker web app. Use of this app is free of charge for everyone. As a scrum master just start 
       a named session and invite your team to join you. It is recommended to display the scrum master view on the big screen 
       (TV or projector) and let everyone else join via smartphone. To join a session just enter the id displayed in the 
-      heading of the scrum master view. For more information please visit my <a href="https://github.com/Toxantron/scrumonline">github repo</a>.
-      There you can also find a changelog and open issues about bugs or feature requests.
+      heading of the scrum master view.
     </p>
   </article>
 </div>