From 0e2a04b9f59a47cb79dc38ca86fa03f66c004af5 Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Wed, 15 Aug 2018 14:13:02 +0900
Subject: [PATCH] Add navigation bar for demo

---
 app/server/static/css/forum.css | 18 ++++++++++++++++++
 app/server/templates/base.html  | 16 ++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/app/server/static/css/forum.css b/app/server/static/css/forum.css
index ed4c4c49..ccfb8dc6 100644
--- 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;
+
 }
\ No newline at end of file
diff --git a/app/server/templates/base.html b/app/server/templates/base.html
index 44aec45f..e1c535ac 100644
--- 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>