diff --git a/public/images/pulpito-latin3.png b/public/images/pulpito-latin3.png
new file mode 100644
index 0000000..206d8e8
Binary files /dev/null and b/public/images/pulpito-latin3.png differ
diff --git a/pulpito/templates/layout.html b/pulpito/templates/layout.html
index 1353725..d0d0af7 100644
--- a/pulpito/templates/layout.html
+++ b/pulpito/templates/layout.html
@@ -24,22 +24,80 @@
         set_filters(filters);
       </script>
       {% endblock %}
+    <style>
+        .balloon-anchor {
+            position: relative;
+            display: inline-flex;
+            align-items: center;
+            vertical-align: middle;
+        }
+
+        .target-object {
+            padding: 10px 0px;
+            display: inline-flex;
+        }
+
+        /* The Main Balloon Body placed to the right */
+        .balloon-right {
+            position: absolute;
+            background-color: #6d94bf;
+            color: white;
+            padding: 10px 18px;
+            border-radius: 0px 16px 16px 16px;
+            font-size: 8pt;
+            top: 60px;
+            width: 200px;
+            left: 100%;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+        }
+
+        /* The Arrow pointing Left (towards the object) */
+        .balloon-right::after {
+            content: "";
+            position: absolute;
+            left: -10px;       /* Moves arrow to the left edge of the balloon */
+            top: 5px;         /* Anchors position from top */
+            transform: translateY(-50%);
+
+            /* Triangle pointing left */
+            border-width: 0px 10px 10px 0;
+
+            border-style: solid;
+            border-color: transparent #6d94bf transparent transparent;
+        }
+
+    </style>
+
     </head>
     <body>
       <div class="navbar navbar-inverse">
           <div class="container">
           <div class="navbar-header">
-            <a class="navbar-brand" onclick="navigate_with_modal('/')" href="#"> <img src="/images/pulpito-white.png" width="40px">Pulpito</a>
-            <a id="ng-link" onclick="replace_origin()">(try pulpito-ng!)</a>
+            <span class="balloon-anchor">
+              <span class="target-object"><img src="/images/pulpito-latin3.png" width="100px"></span>
+              <span class="balloon-right">Hey Cepher, <a id="ng-link" onclick="replace_origin()">try pulpito-ng!</a> &#128640;</span>
+            </span>
           </div>
           <div>
-            <form class="navbar-form navbar-left" role="search">
-                <input type="text" size="10" id="search-dates" placeholder="yyyy-mm-dd">
-            </form>
             <ul class="nav navbar-nav">
+                <li>
+                    <a href="/">Runs</a>
+                </li>
+                <li>
+                    <a href="/nodes">Nodes</a>
+                </li>
                 <li>
                     <a href="/queue">Queue</a>
                 </li>
+                <li class="dropdown stats">
+                    <a href="#" class="dropdown-toggle" id="menu-node-stats-locks" data-toggle="dropdown">Stats
+                        <b class="caret"></b>
+                    </a>
+                    <ul class="dropdown-menu">
+                        <li><a href="/stats/nodes/locks">Node Locks</a></li>
+                        <li><a href="/stats/nodes/jobs">Node Jobs</a></li>
+                    </ul>
+                </li>
                 <li class="dropdown statuses">
                     <a href="#" class="dropdown-toggle" id="menu-statuses" data-toggle="dropdown">By Status
                         <b class="caret"></b>
@@ -73,7 +131,7 @@
                     </ul>
                 </li>
                 <li class="dropdown">
-                    <a href="#" class="dropdown-toggle" id="menu-machine-type" data-toggle="dropdown">By Machine Type
+                    <a href="#" class="dropdown-toggle" id="menu-machine-type" data-toggle="dropdown">By Machine
                         <b class="caret"></b>
                     </a>
                     <ul class="dropdown-menu">
@@ -81,38 +139,15 @@
                 </li>
             </ul>
             <form class="navbar-form navbar-left" role="search">
-                <input type="text" size="40" id="search-sha1" placeholder="search sha1...">
+                <input type="text" size="10" id="search-dates" placeholder="yyyy-mm-dd">
             </form>
             </div>
+            <div class="navbar-right navbar-inverse">
+                <form class="navbar-form navbar-left" role="search">
+                    <input type="text" size="40" id="search-sha1" placeholder="search sha1...">
+                </form>
+            </div>
           </div>
-        <div class="navbar-right navbar-inverse">
-                <ul class="nav navbar-nav navbar-tiny">
-                <li class="dropdown statuses">
-                    <a href="#" class="dropdown-toggle" id="menu-nodes" data-toggle="dropdown">Nodes
-                        <b class="caret"></b>
-                    </a>
-                    <ul class="dropdown-menu">
-                        <li><a onclick="navigate_with_modal('/nodes/')" href="#">All</a></li>
-                    </ul>
-                </li>
-                <li class="dropdown statuses">
-                    <a href="#" class="dropdown-toggle" id="menu-node-stats-locks" data-toggle="dropdown">Node Lock Stats
-                        <b class="caret"></b>
-                    </a>
-                    <ul class="dropdown-menu">
-                        <li><a onclick="navigate_with_modal('/stats/nodes/locks/')" href="#">All</a></li>
-                    </ul>
-                </li>
-                <li class="dropdown statuses">
-                    <a href="#" class="dropdown-toggle" id="menu-node-stats-jobs" data-toggle="dropdown">Node Job Stats
-                        <b class="caret"></b>
-                    </a>
-                    <ul class="dropdown-menu">
-                        <li><a onclick="navigate_with_modal('/stats/nodes/jobs/')" href="#">All</a></li>
-                    </ul>
-                </li>
-                </ul>
-        </div>
       </div>
       <div class="container" id="body-content">
         {% block body %}{% endblock %}
