update dashboard theme

scripts/dashboard/dashboard.py

@@ -116,7 +116,7 @@ def dash_loc():
     #return render_template('index.html', data = str(get_data()))
 @app.route('/<string:page_name>/')
 def render_static(page_name):
-    return render_template('%s.html' % page_name)
+    return render_template('%s.html' % page_name, title = dashboard_title, logo = logo)
 
 if __name__ == '__main__':
     app.run(debug = True, port=dash_port, host=dash_host)

scripts/dashboard/templates/about.html

@@ -18,14 +18,18 @@ p {
 <p><img style="display: block; margin-left: auto; margin-right: auto;" src="{{logo}}" alt="Logo" width="300" height="144" /></p>
 <h1 style="text-align: center;">{{title}}</h1>
 <hr />
-<table style="margin-left: auto; margin-right: auto;">
+<table style="margin-left: auto; margin-right: auto;" border="black" cellspacing="3" cellpadding="3">
 <tbody>
 <tr>
 <td>
-<h2><a href="/">Dashboard</a></h2>
+    <button onclick="window.location.href='/';">
+     Dashboard
+    </button>
 </td>
 <td>
-<h2><a href="about">About Dashboard</a></h2>
+    <button onclick="window.location.href=about';">
+      About Dashboard
+    </button>
 </td>
 </tr>
 </tbody>

scripts/dashboard/templates/index.html

@@ -18,14 +18,18 @@ p {
 <p><img style="display: block; margin-left: auto; margin-right: auto;" src="{{logo}}" alt="Logo" width="300" height="144" /></p>
 <h1 style="text-align: center;">{{title}}</h1>
 <hr />
-<table style="margin-left: auto; margin-right: auto;">
+<table style="margin-left: auto; margin-right: auto;" border="black" cellspacing="3" cellpadding="3">
 <tbody>
 <tr>
 <td>
-<h2><a href="/">Dashboard</a></h2>
+    <button onclick="window.location.href='/';">
+     Dashboard
+    </button>
 </td>
 <td>
-<h2><a href="about">About Dashboard</a></h2>
+    <button onclick="window.location.href=about';">
+      About Dashboard
+    </button>
 </td>
 </tr>
 </tbody>