stc

commit 23757e5272e2f525403d09f642e4ccc36f04cd1c
parent 2497ab690fce91665f3f31c3f1db80a0ec940563
Author: Nikolas Mazur <nikolas@pop-os.localdomain>
Date:   Sun,  2 Apr 2023 23:29:01 -0600

Add base user documentation page

Diffstat:
M
app/static/css/main.css
 | 
16
++++++++++++++++
M
app/templates/knowlegebase/index.html
 | 
39
+++++++++++++++++++++++++++++++++++++++

2 files changed, 55 insertions(+), 0 deletions(-)
diff --git a/app/static/css/main.css b/app/static/css/main.css
@@ -258,6 +258,22 @@ header #logout {
 	text-align:left;
 }
 
+/********** DOCUMENTATION **********/
+.documentation-container {
+	text-align: center;
+	margin-left: 10vw;
+	margin-right: 10vw;
+}
+.documentation-header {
+	padding-top: 5vh;
+}
+.intro-documentation {
+	padding-top: 2vh;
+}
+.input-example {
+	width: 50px;
+}
+
 /********** Footer **********/
 footer {
 	margin-top:4em;
diff --git a/app/templates/knowlegebase/index.html b/app/templates/knowlegebase/index.html
@@ -0,0 +1,39 @@
+{% extends 'base.html' %}
+
+{% block title %}User Documentation{% endblock %}
+
+{% block content %}
+	<section class="documentation-container">
+		<section class="">
+			<h3 class="documentation-header">User Documentation</h3>
+			<p class="intro-documentation">
+                Hello! Welcome to the <span class="italics">Simple Time Card</span> web application.
+                As the name implies this software is made to be as 
+            </p>
+            <p class="crew-login-documentation">
+                The usage for crew memebers is ment to be as simple as possible. After logging in you'll
+                have access to the "Dashboard" where you can clock in to the "Project" that you're currently
+                working on.
+                <!-- Should you forget to clock in, or out, you can change your hours by using the hour:minute AM/PM
+                and select either the update or delete button. -->
+            </p>
+            <p class="crew-vehicle-documentation">
+                Additionally you can checkout a vehicle by selecting said vehicle, inputting the
+                starting mileage, selecting the checks for components that are functional, and any other 
+                pertient information. You may only have one vehicle checked out at a time. When done you can
+                check the vehicle back in by inserting the ending mileage and any potential incidents.
+                <br />
+                For example:
+                <select>
+                    <option>Vehicle 1</option>
+                    <option>Vehicle 2</option>
+                    <option>Vehicle 3</option>
+                </select>
+                <input class="input-example" name="start_mileage" type="number" value="">
+            </p>
+            <p class="end-documentation">
+                For best security practices users should logout whenever not interacting with the application.
+            </p>
+		</section>
+	</section>
+{% endblock %}