From 8e14a7afecc5b43b2cedd956a4e20dab7d7657db Mon Sep 17 00:00:00 2001
From: Jonatan Littke <jonatan.littke@gmail.com>
Date: Mon, 5 Nov 2012 20:21:09 +0100
Subject: [PATCH] Add tagline and auth area

---
 images/littke.png         | Bin 0 -> 5109 bytes
 index.html                |  12 ++++++--
 inspiritas-overrides.less |  56 ++++++++++++++++++++++++++++++++++++--
 inspiritas.css            |  45 ++++++++++++++++++++++++++++--
 4 files changed, 107 insertions(+), 6 deletions(-)
 create mode 100644 images/littke.png

diff --git a/images/littke.png b/images/littke.png
new file mode 100644
index 0000000000000000000000000000000000000000..50517531867cd534c113f23aaba3af58b608be0d
GIT binary patch
literal 5109
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
Y&`*$ib!|a|zkkGOsq3nhs8~MyA16;;y#N3J

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 55511b82..d9e27b43 100644
--- a/index.html
+++ b/index.html
@@ -49,10 +49,18 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </a>
-      <a class="brand" href="#">INSPIRITAS</a>
       <div class="nav-collapse" id="main-menu">
-
+        <div class="auth pull-right">
+            <img src="images/littke.png">
+            <span class="name">Jonatan Littke</span><br/>
+            <span class="links">
+                <a href="#">Settings</a>
+                <a href="#">Logout</a>
+            </span>
+        </div>
       </div>
+      <a class="brand" href="#">INSPIRITAS</a>
+      <span class="tagline">a free Bootstrap theme by Ripple</span>
     </div>
   </div>
 </div>
diff --git a/inspiritas-overrides.less b/inspiritas-overrides.less
index d3c768a1..6f26d136 100644
--- a/inspiritas-overrides.less
+++ b/inspiritas-overrides.less
@@ -33,6 +33,58 @@ body {
 
         // Align it with the text of the sidebar links
         margin-left: 15px;
+
+        text-shadow: 0 1px 1px black;
+    }
+
+    .tagline {
+        line-height: @navbarInverseBrandFontSize + 24px;
+        color: @grayLight;
+        font-weight: italic;
+        font-size: @fontSizeMini;
+        text-shadow: 0 1px 1px rgba(0,0,0,0.45);
+    }
+
+    .auth {
+        line-height: 18px;
+        color: @grayLight;
+        margin-right: @gridGutterWidth; // TODO: responsive
+        position: relative;
+        top: 10px;
+
+        img {
+            position: relative;
+            top: -2px;
+
+            border: 3px solid #2c3234;
+            float: left;
+        }
+
+        span.name {
+            margin-left: 10px;
+
+            position: relative;
+            top: 3px;
+
+            font-weight: bold;
+            color: @white;
+            font-size: @fontSizeMini;
+            text-transform: uppercase;
+            text-shadow: 0 1px 1px black;
+        }
+
+        span.links {
+            margin-left: 10px;
+
+            a {
+                color: @orange;
+                font-size: @fontSizeMini;
+            }
+
+            a + a {
+                margin-left: 3px;
+            }
+        }
     }
 }
 
@@ -61,7 +113,7 @@ body > .container {
     .border-radius(@baseBorderRadius 0 0 0);
 
     nav { 
-        margin-top: 80px;
+        margin-top: 20px;
         border-top: 1px solid #1c1f20; 
 
         ul li {
@@ -159,7 +211,7 @@ body > .container {
          */
         .pull-right {
             line-height: @fontSizeHuge + 18px;
-            margin-right: 10px;
+            margin-right: @gridGutterWidth; // TODO: responsive
         }
 
         .btn {
diff --git a/inspiritas.css b/inspiritas.css
index 94b31569..fe731568 100644
--- a/inspiritas.css
+++ b/inspiritas.css
@@ -7509,6 +7509,47 @@ body {
   font-family: "League Gothic", "Museo Slab", "Helvetica Neue", Helvetica, arial, sans-serif;
   font-size: 37px;
   margin-left: 15px;
+  text-shadow: 0 1px 1px black;
+}
+.navbar-static-top .tagline {
+  line-height: 61px;
+  color: #999999;
+  font-weight: italic;
+  font-size: 11px;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
+}
+.navbar-static-top .auth {
+  line-height: 18px;
+  color: #999999;
+  margin-right: 20px;
+  position: relative;
+  top: 10px;
+}
+.navbar-static-top .auth img {
+  position: relative;
+  top: -2px;
+  border: 3px solid #2c3234;
+  float: left;
+}
+.navbar-static-top .auth span.name {
+  margin-left: 10px;
+  position: relative;
+  top: 3px;
+  font-weight: bold;
+  color: #ffffff;
+  font-size: 11px;
+  text-transform: uppercase;
+  text-shadow: 0 1px 1px black;
+}
+.navbar-static-top .auth span.links {
+  margin-left: 10px;
+}
+.navbar-static-top .auth span.links a {
+  color: #f9601c;
+  font-size: 11px;
+}
+.navbar-static-top .auth span.links a + a {
+  margin-left: 3px;
 }
 body > .container {
   background: url('images/sidebar_bg.png') repeat #353c3e;
@@ -7531,7 +7572,7 @@ body > .container {
   border-radius: 5px 0 0 0;
 }
 .container aside nav {
-  margin-top: 80px;
+  margin-top: 20px;
   border-top: 1px solid #1c1f20;
 }
 .container aside nav ul li {
@@ -7630,7 +7671,7 @@ body > .container {
 }
 #content header .pull-right {
   line-height: 41.400000000000006px;
-  margin-right: 10px;
+  margin-right: 20px;
 }
 #content header .btn {
   border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.3);