Browse Source

Adds top nav bar for mobile

Muhammad Talha Mansoor 12 years ago
parent
commit
5171af0c1a
2 changed files with 25 additions and 0 deletions
  1. 6 0
      css/custom.css
  2. 19 0
      index.html

+ 6 - 0
css/custom.css

@@ -19,6 +19,12 @@ body {
    text-transform:uppercase;
 }
 
+.topNavMobile {
+   border-bottom: 1px solid #8C8C8C;
+   text-decoration: none;
+   text-align: center;
+}
+
 a#twitterNavBar {
    background-image:url(images/twitterNormal.png);
    text-decoration:none;

+ 19 - 0
index.html

@@ -70,6 +70,25 @@
 
   <div class="container">
     <div class="row pageForeground">
+
+<div class="pre_2 col_9 suf_1 mobile-only topNavMobile">
+      <span class="col_1">
+        Contents
+      </span>
+
+      <a class="col_1" href="http://twitter.com/talha_131">
+        Twitter
+      </a>
+
+      <a class="col_1" href="http://github.com/talha131">
+        Github
+      </a>
+
+      <a class="col_1 suf_5 last" href="/rss">
+        Feed
+      </a>
+</div>
+
       <div class="pre_2 col_10 siteBanner">
         <a id="siteTitle" href="http://www.google.com">onCrash="reboot()"</a>
         <h4 id="siteTagline">You can, you should, and if you're brave enough to