1st restructure

app/templates/includes/navigation.html

@@ -0,0 +1,17 @@
+<!-- app/templates/includes/navigation.html -->
+<nav class="navbar navbar-nav navbar-expand-md bg-primary">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="/">Torn User Activity Scraper</a>
+        {% from 'bootstrap4/nav.html' import render_nav_item %}
+        {{ render_nav_item('analyze', 'Analyze') }}
+        {{ render_nav_item('download_results', 'Files') }}
+        {{ render_nav_item('log_viewer', 'Logs') }}
+        <div class="d-flex" id="color-mode-toggle">
+            <input type="checkbox" id="bd-theme" />
+            <label for="bd-theme">
+                <span class="icon sun"><i class="bi bi-brightness-high"></i></span>
+                <span class="icon moon"><i class="bi bi-moon-stars"></i></span>
+            </label>    
+        </div>
+    </div>
+</nav>

app/templates/includes/scripts.html

@@ -0,0 +1,2 @@
+{{ bootstrap.load_js() }}
+<script src="{{url_for('static', filename='color_mode.js')}}"></script>