Rewrite data layer using SqlAlchemy Part 1

estusshots/templates/base.html

@@ -0,0 +1,68 @@
+{% extends "bootstrap/base.html" %}
+
+{% block title %}- Estus Shots{% endblock %}
+
+{% block scripts %}
+  <script type="text/javascript" src="{{ url_for('static', filename='js/estus-shots.js') }}"></script>
+{% endblock %}
+
+{% block styles %}
+  {{ super() }}
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
+  <link rel="stylesheet" href="/static/dark_theme.css">
+  <link rel="stylesheet" href="/static/custom.css">
+
+  <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
+{% endblock %}
+
+{% block navbar %}
+{%  set nav_bar = [
+    ('/season', 'seasons', 'Seasons', 'fas fa-calendar'),
+    ('/player', 'players', 'Players', 'fas fa-users'),
+    ('/enemy', 'enemies', 'Enemies', 'fas fa-skull-crossbones'),
+    ('/drink', 'drinks', 'Drinks', 'fas fa-beer')
+  ]-%}
+  <div class="container">
+    <nav class="navbar navbar-expand-lg bg-dark navbar-dark">
+
+      <a class="navbar-brand">
+        <img class="brand-icon" alt="" src="/static/img/brand.png">
+        Estus Shots
+      </a>
+
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav mr-auto">
+        {% for href, id, caption, icon in nav_bar %}
+          <li class="nav-item{% if id == active_page %} active{% endif %}">
+            <a class="nav-link" href="{{ href|e }}">
+              <i class="{{ icon|e }} icon-primary"></i> {{ caption|e }}
+            </a>
+          </li>
+        {% endfor %}
+        </ul>
+        <ul class="nav navbar-nav ml-auto">
+          <li class="nav-item">
+            <a class="nav-link" href="/logout">Logout</a>
+          </li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+{% endblock %}
+
+{% block content %}
+<div class="container">
+  {% block page %}
+  
+  {% endblock %}
+  <div>
+    {% block footer %}
+      &copy; Sauf Software by D⁵: <a href="#">Durstiger Donnerstag Digital Drinking Divison</a>.
+    {% endblock %}
+  </div>
+</div>
+
+{% endblock %}