modified for use case

3 files changed, 31 insertions, 2 deletions

diff --git a/tools/footer.php b/tools/footer.php
index 9bc6c55..fedea9f 100644
--- a/tools/footer.php
+++ b/tools/footer.php
@@ -7,3 +7,21 @@
                                 </div>
                         </div>
                 </div>
+		<script>
+		function addClass(id,new_class){
+			if (id == "") return;
+			var i,n=0;
+
+			new_class=new_class.split(",");
+
+			for(i=0;i<new_class.length;i++){
+				if((" "+document.getElementById(id).className+" ").indexOf(" "+new_class[i]+" ")==-1){
+					document.getElementById(id).className+=" "+new_class[i];
+					n++;
+				}
+			}
+
+			return n;
+		}
+		addClass("<?php echo trim(str_replace("/index.php", "", $_SERVER["PHP_SELF"] ), "/");?>", "active");
+		</script>
diff --git a/tools/navbar.php b/tools/navbar.php
index b676fa2..1efa262 100644
--- a/tools/navbar.php
+++ b/tools/navbar.php
@@ -9,8 +9,11 @@
                         </div>
 			<div class="collapse navbar-collapse" id="navbarCollapse">
 				<ul class="nav navbar-nav navbar-left">
-					<li>
-						<a href="/header/" title="Check HTTP header online!" id="httpheader"> Header</a>
+					<li id="linkshorter">
+						<a href="/linkshorter/" title="Linkshorter"><span class="fa fa-link"></span> Linkshorter</a>
+					</li>
+					<li id="header">
+						<a href="/header/" title="Check HTTP header online!"><span class="glyphicon glyphicon-globe"></span> Header</a>
 					</li>
 				</ul>
 			</div>
diff --git a/tools/style.css b/tools/style.css
index c42a75b..02249d3 100644
--- a/tools/style.css
+++ b/tools/style.css
@@ -31,6 +31,10 @@ a {
         color: white;
 }
 
+.noscript {
+        background-color: #dd5148;
+        color: white;
+}
 
 /* footer */
 
@@ -52,3 +56,7 @@ a {
     color: white;
     text-decoration: underline;
 }
+
+.underline {
+	text-decoration: underline;
+}