add powered by

64json · 64json · commit faea58bff4db · 2016-05-21T18:37:43.000-05:00
diff --git a/css/stylesheet.css b/css/stylesheet.css
@@ -32,6 +32,9 @@ button {
     background: none;
     font-size: 12px;
     outline: none;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 button:hover {
@@ -47,7 +50,7 @@ button.category {
 }
 
 button.indent {
-    padding-left: 36px;
+    padding-left: 28px;
 }
 
 .divider {
@@ -88,6 +91,8 @@ nav h3 {
     left: 0;
     right: 85%;
     visibility: hidden;
+    overflow: scroll;
+    padding-bottom: 120px;
 }
 
 .sidemenu.active {
@@ -246,6 +251,10 @@ pre {
     background: rgba(120, 0, 0, .8);
 }
 
+.github-fork-ribbon {
+    position: fixed;
+}
+
 .github-fork-ribbon.left-bottom:before {
     background-color: #333;
 }
diff --git a/index.html b/index.html
@@ -5,8 +5,8 @@
     <title>Algorithm Visualizer</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
     <link rel="stylesheet" href="css/font-awesome.min.css">
-    <link rel="stylesheet" href="css/stylesheet.css">
     <link rel="stylesheet" href="css/gh-fork-ribbon.css"/>
+    <link rel="stylesheet" href="css/stylesheet.css">
 </head>
 <body>
 <nav>
@@ -32,8 +32,25 @@ <h3>
     </div>
     <div id="header">
         <a href="https://github.com/parkjs814/AlgorithmVisualizer/wiki">
-            <button>Documentation</button>
+            <button><i class="fa fa-book"></i> Documentation</button>
+        </a>
+        <button class="category"><i class="fa fa-github"></i> Powered by ...</button>
+        <a href="https://github.com/jquery/jquery">
+            <button class="indent">jquery/jquery</button>
+        </a>
+        <a href="https://github.com/ajaxorg/ace">
+            <button class="indent">ajaxorg/ace</button>
+        </a>
+        <a href="https://github.com/jacomyal/sigma.js">
+            <button class="indent">jacomyal/sigma.js</button>
+        </a>
+        <a href="https://github.com/FortAwesome/Font-Awesome">
+            <button class="indent">FortAwesome/Font-Awesome</button>
+        </a>
+        <a href="https://github.com/simonwhitaker/github-fork-ribbon-css">
+            <button class="indent">simonwhitaker/github-fork-ribbon-css</button>
         </a>
+
     </div>
     <a class="github-fork-ribbon left-bottom" href="http://github.com/parkjs814/AlgorithmVisualizer"
        title="Fork me on GitHub">Fork me on GitHub</a>

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,9 @@ button {`
`32`	`32`	`background: none;`
`33`	`33`	`font-size: 12px;`
`34`	`34`	`outline: none;`
	`35`	`+ white-space: nowrap;`
	`36`	`+ overflow: hidden;`
	`37`	`+ text-overflow: ellipsis;`
`35`	`38`	`}`
`36`	`39`
`37`	`40`	`button:hover {`
`@@ -47,7 +50,7 @@ button.category {`
`47`	`50`	`}`
`48`	`51`
`49`	`52`	`button.indent {`
`50`		`- padding-left: 36px;`
	`53`	`+ padding-left: 28px;`
`51`	`54`	`}`
`52`	`55`
`53`	`56`	`.divider {`
`@@ -88,6 +91,8 @@ nav h3 {`
`88`	`91`	`left: 0;`
`89`	`92`	`right: 85%;`
`90`	`93`	`visibility: hidden;`
	`94`	`+ overflow: scroll;`
	`95`	`+ padding-bottom: 120px;`
`91`	`96`	`}`
`92`	`97`
`93`	`98`	`.sidemenu.active {`
`@@ -246,6 +251,10 @@ pre {`
`246`	`251`	`background: rgba(120, 0, 0, .8);`
`247`	`252`	`}`
`248`	`253`
	`254`	`+.github-fork-ribbon {`
	`255`	`+ position: fixed;`
	`256`	`+}`
	`257`	`+`
`249`	`258`	`.github-fork-ribbon.left-bottom:before {`
`250`	`259`	`background-color: #333;`
`251`	`260`	`}`