Top Nav Style & Content Changes

* PDF link now includes a drop-down for other formats (WIP).
* Change text based on width of screen to avoid wrapping.

Author: TheSeg

_includes/content/navigation.html

@@ -3,22 +3,33 @@
   <div class="navbar navbar-default">
     <div class="container">
       <div class="navbar-header hidden-xs hidden-sm">
-        <a class="navbar-brand toTop" href="#top">John "Seg" Seggerson</a>
+        <a class="navbar-brand toTop hidden-md" href="#top">John "Seg" Seggerson</a>
+        <a class="navbar-brand toTop visible-md" href="#top">"Seg"</a>
       </div>
       <div id="scrollTarget" class="">
         <ul class="nav navbar-nav">
           <li><a href="#overview">Overview</a></li>
           <li><a href="#skills">Skills</a></li>
           <li><a href="#recommendations">Recommendations</a></li>
           <li><a href="#positions">Project Positions</a></li>
-          <li><a href="#releasedtitles">Projects &amp; Roles</a></li>
+          <li>
+              <a href="#releasedtitles">
+                  <span class="hidden-sm">Projects &amp; Roles</span>
+                  <span class="visible-sm">Projects&hellip;</span>
+              </a>
+          </li>
           <li><a href="#share">Share</a></li>
-          <li class="pdf btn-warning hidden-md hidden-lg"><a href="{{site.baseurl}}pdf/John_Seg_Seggerson.pdf"><i class="icon-file"></i> PDF</a></li>
+          <li class="pdf btn-warning hidden-md hidden-lg">
+              <a href="{{site.baseurl}}pdf/John_Seg_Seggerson.pdf"><i class="icon-file"></i> PDF</a>
+          </li>
         </ul>
         <ul class="nav navbar-nav navbar-right hidden-xs hidden-sm">
-            <li class="dropdown pdf btn-warning">
-                <a href="{{site.baseurl}}pdf/John_Seg_Seggerson.pdf" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-file"></i> PRINT/FILE <b class="caret"></b></a>
-                <ul class="dropdown-menu pdf-dropdown-menu btn-warning">
+            <li class="pdf">
+                <a href="{{site.baseurl}}pdf/John_Seg_Seggerson.pdf"><i class="icon-download"></i> PDF</a>
+            </li>
+            <li class="dropdown pdf pdf-dropdown">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-caret-down"></i></a>
+                <ul class="dropdown-menu pdf pdf-dropdown-menu">
                     <li class="focus"><a href="{{site.baseurl}}pdf/John_Seg_Seggerson.pdf">PDF</a></li>
                     <li class="divider"></li>
                     <li><a href="{{site.baseurl}}pdf/John_Seg_Seggerson.docx">DOCX</a></li>

_less/seg_resume.less

@@ -123,47 +123,52 @@ table {
 
 /* navigation */
 #navigation {
-  @navigation-radius:10px;
-  padding-top:0;
-  margin-top:0;
-  text-shadow:1pt 1pt 1pt #000;
-  .navbar {
-    .border-top-radius(0);
-    .border-bottom-radius(@navigation-radius);
-    border-width:0;
-  }
-  .navbar-nav {
-    margin-bottom:0;
-  }
-  .navbar-fixed-top {
-    li.pdf {
-      &.btn-warning {
-        background-color:@btn-warning-bg;
-      }
+    @navigation-radius:10px;
+    padding-top:0;
+    margin-top:0;
+    text-shadow:1pt 1pt 1pt #000;
+    .navbar {
+        .border-top-radius(0);
+        .border-bottom-radius(@navigation-radius);
+        border-width:0;
     }
-  }
-  li.pdf {
-    color:@btn-warning-color;
-    a {
-      color:@btn-warning-color;
+    .navbar-nav {
+        margin-bottom:0;
     }
-    @media (min-width: @screen-sm) {
-      &.btn-warning {
-        background-color:transparent;
-        #gradient > .vertical( fade( @btn-warning-bg , 0% ) , @btn-warning-bg , 0% , 20% );
-      }
+    .navbar-fixed-top {
     }
-    @media (max-width: @screen-xs-max) {
-      .border-bottom-radius(@navigation-radius);
-    }
-    .pdf-dropdown-menu {
-        background:@btn-warning-bg;
-        font-size:12pt;
-        .focus {
-            font-size:14pt;
+    .navbar-right {
+        background-color:@btn-warning-bg;
+        @media (min-width: @screen-sm) {
+            background-color:transparent;
+            #gradient > .vertical( fade( @btn-warning-bg , 0% ) , @btn-warning-bg , 0% , 20% );
+        }
+        li {
+            a {
+                @navbar-right-li-a-padding:10px;
+                padding-left:@navbar-right-li-a-padding;
+                padding-right:@navbar-right-li-a-padding;
+            }
+            &.pdf {
+                color:@btn-warning-color;
+                a {
+                    color:@btn-warning-color;
+                }
+                @media (max-width: @screen-xs-max) {
+                    .border-bottom-radius(@navigation-radius);
+                }
+            }
+        }
+        .pdf-dropdown {
+            //border-left:1px solid darken( @btn-warning-bg , 5% );
+            .pdf-dropdown-menu {
+                font-size:12pt;
+                .focus {
+                    font-size:14pt;
+                }
+            }
         }
     }
-  }
 }
 
 /* introduction */