Update templating

tekktrik · Jan 2, 2024 · afec98b · afec98b
1 parent 4a0e009
commit afec98b
Show file tree

Hide file tree

Showing 5 changed files with 134 additions and 29 deletions.
diff --git a/flask_app/templates/index.html b/flask_app/templates/index.html
@@ -0,0 +1,14 @@
+<!--
+    SPDX-FileCopyrightText: 2024 Alec Delaney
+    SPDX-License-Identifier: MIT
+-->
+
+{% extends "layout/_layout.html" %}
+
+{% block title %}Tekktrik Development{% endblock %}
+
+{% block content %}
+<div class="container">
+    <h1>Hello, world!</h1>
+</div>
+{% endblock %}
diff --git a/flask_app/templates/layout/_header.html b/flask_app/templates/layout/_header.html
@@ -0,0 +1,70 @@
+<!--
+    SPDX-FileCopyrightText: 2024 Alec Delaney
+    SPDX-License-Identifier: MIT
+-->
+
+<!-- <nav class="navbar navbar-inverse">
+    <div class="container-fluid">
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target="#myNavbar">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>                        
+        </button>
+        <a class="navbar-brand" href="#">WebSiteName</a>
+      </div>
+      <div class="collapse navbar-collapse" id="myNavbar">
+        <ul class="nav navbar-nav">
+          <li class="active"><a href="#">Home</a></li>
+          <li class="dropdown">
+            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
+            <ul class="dropdown-menu">
+              <li><a href="#">Page 1-1</a></li>
+              <li><a href="#">Page 1-2</a></li>
+              <li><a href="#">Page 1-3</a></li>
+            </ul>
+          </li>
+          <li><a href="#">Page 2</a></li>
+          <li><a href="#">Page 3</a></li>
+        </ul>
+        <ul class="nav navbar-nav navbar-right">
+          <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
+          <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
+        </ul>
+      </div>
+    </div>
+  </nav> -->
+
+
+<nav class="navbar navbar-expand-md navbar-dark bg-dark">
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#headerNavbar">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="headerNavbar">
+        <ul class="nav navbar-nav">
+            <li class="nav-item active">
+                <a class="nav-link" href="/">Home</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="/about">About</a>
+            </li>
+            <li class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Projects</a>
+                <ul class="dropdown-menu">
+                    <li>
+                        <a class="dropdown-item" href="/projects/portfolio">Portfolio Website</a>
+                    </li>
+                    <li>
+                        <a class="dropdown-item" href="/projects/menorah">CircuitPythonukiah</a>
+                    </li>
+                    <li>
+                        <a class="dropdown-item" href="/projects/parallel64">Parallel64</a>
+                    </li>
+                </ul>
+            </li>navbarNav
+            <li class="nav-item">
+                <a class="nav-link" href="/contact">Contact</a>
+            </li>
+        </ul>
+    </div>
+</nav>
diff --git a/flask_app/templates/layout/_layout.html b/flask_app/templates/layout/_layout.html
@@ -0,0 +1,26 @@
+<!--
+    SPDX-FileCopyrightText: 2024 Alec Delaney
+    SPDX-License-Identifier: MIT
+-->
+
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+        {% block head %}
+        {% endblock %}
+        <title>{% block title %}{% endblock %}</title>
+        <link rel="stylesheet" href="static/style.css">
+        {{ bootstrap.load_css() }}
+    </head>
+    <body>
+        {% include "layout/_header.html" %}
+        <div id="content">
+            {% block content %}
+            {% endblock %}
+        </div>
+
+        {{ bootstrap.load_js() }}
+    </body>
+</html>
diff --git a/flask_app/templates/menorah/settings.html b/flask_app/templates/menorah/settings.html
diff --git a/flask_app/templates/projects/menorah/settings.html b/flask_app/templates/projects/menorah/settings.html
@@ -0,0 +1,24 @@
+<!--
+    SPDX-FileCopyrightText: 2023 Alec Delaney
+    SPDX-License-Identifier: MIT
+-->
+
+{% extends "layout/_layout.html" %}
+
+{% from 'bootstrap5/form.html' import render_form %}
+
+{% block title %}Menorah Settings{% endblock %}
+
+{% block content %}
+<div class="container">
+    <h1>Create Menorah Settings</h1>
+    <p>
+        Enter your zipcode to generate a settings file for your CircuitPythonukiah!
+        Please note that your zipcode <b>is not stored or retained</b>, and is used only
+        to fetch the correct candle lighting times.
+    </p>
+    <br/>
+    {{ render_form(input_form) }}
+    <br/>
+</div>
+{% endblock %}