Add empty dashboard state

resources/frontend_client/app/css/core/bordered.css

@@ -34,6 +34,10 @@
   border-left: var(--border-size) var(--border-style) var(--border-color);
 }
 
+.border-light {
+    border-color: rgba(255,255,255,0.2) !important;
+}
+
 /* BORDERLESS IS THE DEFAULT */
 /* ONLY USE IF needing to override an existing border! */
 /* ensure there is no border via important */

resources/frontend_client/app/css/home.css

@@ -108,8 +108,14 @@
     min-width: 332px;
 }
 
-.NavDropdown .Dropdown-item {
-    border-color: rgba(255,255,255,0.2);
+.QuestionCircle {
+    display: inline-block;
+    font-size: 40pt;
+    width: 73px;
+    height: 73px;
+    border-radius: 99px;
+    border: 3px solid white;
+    text-align: center;
 }
 
 .Entity-title {

resources/frontend_client/app/partials/mb_profile_link.html

@@ -12,7 +12,7 @@
             <li><a class="Dropdown-item block text-white no-decoration" href="/user/edit_current">Account Settings</a></li>
             <li ng-if="user.is_superuser &amp;&amp; context !== 'admin'"><a class="Dropdown-item block text-white no-decoration" href="/admin/">Admin Panel</a></li>
             <li ng-if="user.is_superuser &amp;&amp; context === 'admin'"><a class="Dropdown-item block text-white no-decoration" href="/">Exit Admin</a></li>
-            <li class="border-top"><a class="Dropdown-item block text-white no-decoration" href="/auth/logout">Logout</a></li>
+            <li class="border-top border-light"><a class="Dropdown-item block text-white no-decoration" href="/auth/logout">Logout</a></li>
         </ul>
     </div>
 </div>

resources/frontend_client/index.html

@@ -28,8 +28,16 @@
                                 <mb-icon class="ml1" name="chevrondown" width="8px" height="8px"></mb-icon>
                             </span>
                         </a>
-                        <div class="NavDropdown-content">
-                            <ul class="NavDropdown-content-layer DashboardList" ng-controller="DashList">
+                        <div class="NavDropdown-content DashboardList" ng-controller="DashList">
+                            <div class="NavDropdown-content-layer text-white text-centered" ng-if="dashboards.length === 0">
+                                <div class="p2"><span class="QuestionCircle">?</span></div>
+                                <div class="px2 py1 text-bold">You don’t have any dashboards yet.</div>
+                                <div class="px2 pb2 text-light">Dashboards group visualizations for frequent questions in a single handy place.</div>
+                                <div class="p2 text-bold text-white border-top border-light">
+                                    To create your first dashboard, <a class="text-white" href="/card/create">
ask a question</a> and save it.
+                                </div>
+                            </div>
+                            <ul class="NavDropdown-content-layer" ng-if="dashboards.length > 0">
                                 <li class="Dropdown-item" ng-repeat="dash in dashboards">
                                     <a class="text-white no-decoration" href="/dash/{{dash.id}}">
                                         <div class="flex text-bold">