Initial project push.
This commit is contained in:
30
templates/403-body.html
Normal file
30
templates/403-body.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<section role="main" id="denied">
|
||||
<div class="container">
|
||||
<div class="lock-container">
|
||||
<div class="lock">
|
||||
<div class="lock-shackle"></div>
|
||||
<div class="lock-body">
|
||||
<div class="lock-keyhole"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="error-code">403</div>
|
||||
<h1 class="error-title">Access Denied</h1>
|
||||
<p class="error-message">
|
||||
Oops! You don't have permission to access this page. It's like trying to open a door without the right key.
|
||||
</p>
|
||||
|
||||
<div class="button-group">
|
||||
<a href="/" class="btn btn-primary">Go Home</a>
|
||||
<a href="/login" class="btn btn-secondary">Sign In</a>
|
||||
</div>
|
||||
|
||||
<div class="fun-fact">
|
||||
<div class="fun-fact-title">Did you know?</div>
|
||||
<div class="fun-fact-text">
|
||||
The HTTP 403 status code was named after "Forbidden City" in Beijing, which was restricted to the imperial family. Just kidding—but it does mean "forbidden"!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
8
templates/403.html
Normal file
8
templates/403.html
Normal file
@@ -0,0 +1,8 @@
|
||||
<html>
|
||||
[[ head.html ]]
|
||||
<body>
|
||||
[[ header.html ]]
|
||||
[[ 403-body.html ]]
|
||||
</body>
|
||||
</html>
|
||||
|
||||
13
templates/dash-body.html
Normal file
13
templates/dash-body.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<section role="main" id="dashboard">
|
||||
<div class="dashboard-container">
|
||||
<h1 class="page-title">Dashboard</h1>
|
||||
<div id="dashboard-links">
|
||||
<h4>Actions</h4>
|
||||
<ul id="dash-menu">
|
||||
<li><a href="/planner" class="btn btn-primary"><span class="material-symbols-outlined">edit_calendar</span>Planner</a></li>
|
||||
<li><a href="/analytics" class="btn btn-primary"><span class="material-symbols-outlined">area_chart</span>Analytics</a></li>
|
||||
<li><a href="/user-logout" class="btn btn-accent"><span class="material-symbols-outlined"> logout </span>Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
8
templates/dashboard.html
Normal file
8
templates/dashboard.html
Normal file
@@ -0,0 +1,8 @@
|
||||
<html>
|
||||
[[ head.html ]]
|
||||
<body>
|
||||
[[ header.html ]]
|
||||
[[ dash-body.html ]]
|
||||
<!-- <script src="theme/dist/dash-bundle.js" defer="true"></script> -->
|
||||
</body>
|
||||
</html>
|
||||
10
templates/head.html
Normal file
10
templates/head.html
Normal file
@@ -0,0 +1,10 @@
|
||||
<head>
|
||||
<title>Origo</title>
|
||||
<link rel="icon" type="image/png" href="../theme/images/favicon.png">
|
||||
<link rel="stylesheet" href="../theme/style.css">
|
||||
<script src="../theme/js/main.js" defer></script>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
|
||||
</head>
|
||||
7
templates/header.html
Normal file
7
templates/header.html
Normal file
@@ -0,0 +1,7 @@
|
||||
<header>
|
||||
<div id="branding">
|
||||
<div id="logo">
|
||||
<a href="/"><img src="../theme/images/logo-leaf.png" alt="Origo"></a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
37
templates/home-body.html
Normal file
37
templates/home-body.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<section role="main">
|
||||
<div id="login">
|
||||
<div class="container">
|
||||
<div class="login-card">
|
||||
<div class="login-header">
|
||||
<h1 class="login-title">Welcome back</h1>
|
||||
<p class="login-subtitle">Sign in to continue to your account</p>
|
||||
</div>
|
||||
|
||||
<form method="POST" action="/user-login">
|
||||
<div class="form-group">
|
||||
<label for="username">Username</label>
|
||||
<input
|
||||
type="text"
|
||||
id="username"
|
||||
name="username"
|
||||
placeholder="Enter your username"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="password">Password</label>
|
||||
<input
|
||||
type="password"
|
||||
id="password"
|
||||
name="password"
|
||||
placeholder="Enter your password"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="login-button">Log In</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
7
templates/main.html
Normal file
7
templates/main.html
Normal file
@@ -0,0 +1,7 @@
|
||||
<html>
|
||||
[[ head.html ]]
|
||||
<body>
|
||||
[[ header.html ]]
|
||||
[[ home-body.html ]]
|
||||
</body>
|
||||
</html>
|
||||
11
templates/task-list.html
Normal file
11
templates/task-list.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<html>
|
||||
[[ head.html ]]
|
||||
<body>
|
||||
[[ header.html ]]
|
||||
<section role="main" id="task-list">
|
||||
<div class="container">
|
||||
{{ tasks }}
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user