Add navigation bar for demo

6 years ago · 0e2a04b9f5
2 changed files with 34 additions and 0 deletions
--- a/app/server/static/css/forum.css
+++ b/app/server/static/css/forum.css
@ -149,4 +149,22 @@ p {

 .card-header-title {
  padding: 1.5rem;
+}
+
+.navbar-link::after {
+  border-color: white;
+}
+
+.navbar-link {
+  color: white;
+}
+
+.navbar-dropdown {
+  background-color: #2a2e2f;
+  border-top: 0;
+}
+
+.navbar-dropdown .navbar-item {
+  color: white;
+
 }
--- a/app/server/templates/base.html
+++ b/app/server/templates/base.html
@ -50,6 +50,22 @@
          <a class="navbar-item" href="{% url 'index' %}">
            <span>Home</span>
          </a>
+          <div class="navbar-item has-dropdown is-hoverable">
+            <a class="navbar-link">
+              <span>Live Demo</span>
+            </a>
+            <div class="navbar-dropdown">
+              <a class="navbar-item">
+                Text Classification
+              </a>
+              <a class="navbar-item">
+                Named Entity Recognition
+              </a>
+              <a class="navbar-item">
+                Summarization
+              </a>
+            </div>
+          </div>
          {% if user.is_authenticated %}
          <a class="navbar-item" href="{% url 'projects' %}">
            <span>Projects</span>