Merge pull request #2 from ZorgCC/develop

Develop
2025-01-12 21:37:56 +03:00 · 2022-06-29 16:04:59 +03:00 · 2022-06-29 16:04:59 +03:00 · 69c4432809
commit 69c4432809
parent a4ab104eea 1b1cc9461e
1674 changed files with 334082 additions and 0 deletions
--- a/src/html/admin-dash.html
+++ b/src/html/admin-dash.html
@ -0,0 +1,279 @@
+
+<!doctype html>
+<html lang="en" class="h-100">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="">
+    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
+    <meta name="generator" content="Hugo 0.88.1">
+    <title>Zorg Avatar Server &bull; Dashboard</title>
+
+    <link rel="canonical" href="https://getbootstrap.com/examples/sticky-footer-navbar/">
+    <!-- Bootstrap core CSS -->
+    <link href="/assets/css/themes/vapor/bootstrap.css" rel="stylesheet">
+    <link href="/assets/font/bootstrap-icons.css" rel="stylesheet">
+
+    <!-- Favicons -->
+    <link rel="apple-touch-icon" href="/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
+    <link rel="icon" href="/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+    <link rel="icon" href="/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+    <link rel="manifest" href="/assets/img/favicons/manifest.json">
+    <link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
+    <link rel="icon" href="/assets/img/favicons/favicon.ico">
+    <meta name="theme-color" content="#7952b3">
+
+    <!-- Custom styles for this template -->
+    <link href="/assets/css/engine/engine.css" rel="stylesheet">
+    <link href="/assets/css/engine/bs.sticky-footer-navbar.css" rel="stylesheet">
+  </head>
+  <body class="d-flex flex-column h-100">
+    
+    <header>
+        <div class="bg-dark text-white">
+          <div class="container">
+            <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
+              <a href="/" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
+                <img class="fs-4" src="/assets/img/brand/zorg/zorg.logo.32.png" alt="" width="32" height="32" title="Zorg Avatar Server">
+                <span class="fs-4">Zorg Avatar Server</span> 
+              </a>
+    
+              <ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">
+                <li>
+                  <a href="/admin-dash.html" class="nav-link text-secondary">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-speedometer d-block mx-auto mb-1" viewBox="0 0 16 16">
+                      <path d="M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2zM3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.389.389 0 0 0-.029-.518z"/>
+                      <path fill-rule="evenodd" d="M6.664 15.889A8 8 0 1 1 9.336.11a8 8 0 0 1-2.672 15.78zm-4.665-4.283A11.945 11.945 0 0 1 8 10c2.186 0 4.236.585 6.001 1.606a7 7 0 1 0-12.002 0z"/>
+                    </svg>
+                    Dashboard
+                  </a>
+                </li>
+                <li>
+                  <a href="/admin-settings.html" class="nav-link text-white">
+                  <svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24"  fill="currentColor" class="bi bi-gear-fill d-block mx-auto mb-1" viewBox="0 0 16 16">
+                    <path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/>
+                  </svg>
+                    Settings
+                  </a>
+                </li>
+                <li>
+                  <a href="/index.html" class="nav-link text-white">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-door-open-fill d-block mx-auto mb-1" viewBox="0 0 16 16">
+                      <path d="M1.5 15a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1H13V2.5A1.5 1.5 0 0 0 11.5 1H11V.5a.5.5 0 0 0-.57-.495l-7 1A.5.5 0 0 0 3 1.5V15H1.5zM11 2h.5a.5.5 0 0 1 .5.5V15h-1V2zm-2.5 8c-.276 0-.5-.448-.5-1s.224-1 .5-1 .5.448.5 1-.224 1-.5 1z"/>
+                    </svg>
+                    Logout
+                  </a>
+                </li> 
+              </ul>
+            </div>
+          </div>
+        </div>
+      </header>
+    
+    <!-- Begin page content -->
+    <main class="flex-shrink-0">
+ 
+      <div class="container">
+        <h1 class="clearfix">
+          <span class="float-start"><i class="bi bi-speedometer"></i> Dashboard</span>
+          <button type="button" class="btn btn-secondary float-end" data-bs-toggle="modal" data-bs-target="#EditModal"><i class="bi bi-person-plus-fill"></i> Add new item</button>
+        </h1>
+   
+        <div class="alert alert-warning alert-dismissible fade show" role="alert">
+          <strong>Holy guacamole!</strong> You should check in on some of those fields below.
+          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+        </div>
+
+        <table class="table table-striped table-hover caption-top">
+          <caption>List of users</caption>
+            <thead class="table-dark">
+              <tr>
+                <th scope="col">#</th>
+                <th scope="col">Username</th>
+                <th scope="col">E-Mail</th>
+                <th scope="col">Actions</th>
+                <th scope="col">
+                    <div class="form-check">
+                        <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
+                        <label class="form-check-label" for="flexCheckDefault">
+                          Bulk
+                        </label>
+                    </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <th scope="row">1</th>
+                <td>Mark</td>
+                <td>mark@example.com</td>
+                <td>
+                  <a href="#" class="text-decoration-none text-secondary" data-bs-toggle="modal" data-bs-target="#EditModal">
+                    <i class="bi bi-pencil"></i>
+                  </a>
+                  <a href="#" class="text-decoration-none text-danger" data-bs-toggle="modal" data-bs-target="#DeleteModal">
+                    <i class="bi bi-trash"></i>
+                  </a>
+                </td>
+                <td scope="row">
+                    <div class="form-check">
+                        <input class="form-check-input" type="checkbox" value="">
+                    </div>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">2</th>
+                <td>Jacob</td>
+                <td>jacob@example.com</td>
+                <td>
+                  <a href="#" class="text-decoration-none text-secondary" data-bs-toggle="modal" data-bs-target="#EditModal">
+                    <i class="bi bi-pencil"></i>
+                  </a>
+                  <a href="#" class="text-decoration-none text-danger" data-bs-toggle="modal" data-bs-target="#DeleteModal">
+                    <i class="bi bi-trash"></i>
+                  </a>
+                </td>
+                <td scope="row">
+                    <div class="form-check">
+                        <input class="form-check-input" type="checkbox" value="">
+                    </div>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">3</th>
+                <td>Larry the Bird</td>
+                <td>larry@example.com</td>
+                <td>
+                  <a href="#" class="text-decoration-none text-secondary" data-bs-toggle="modal" data-bs-target="#EditModal">
+                    <i class="bi bi-pencil"></i>
+                  </a>
+                  <a href="#" class="text-decoration-none text-danger" data-bs-toggle="modal" data-bs-target="#DeleteModal">
+                    <i class="bi bi-trash"></i>
+                  </a>
+                </td>
+                <td scope="row">
+                    <div class="form-check">
+                        <input class="form-check-input" type="checkbox" value="">
+                    </div>
+                </td>
+              </tr>
+              <tr class="table-active">
+                <td colspan="4"></td>
+                <td colspan="1">
+                  <button class="btn btn-outline-secondary" type="button">Delete</button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        
+          <nav aria-label="Page navigation example">
+            <ul class="pagination justify-content-center">
+              <li class="page-item disabled">
+                <a class="page-link">Previous</a>
+              </li>
+              <li class="page-item"><a class="page-link" href="#">1</a></li>
+              <li class="page-item"><a class="page-link" href="#">2</a></li>
+              <li class="page-item"><a class="page-link" href="#">3</a></li>
+              <li class="page-item">
+                <a class="page-link" href="#">Next</a>
+              </li>
+            </ul>
+          </nav>
+
+
+
+<!-- Modal -->
+<div class="modal fade" id="EditModal" tabindex="-1" aria-labelledby="EditModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-xl modal-fullscreen-xl-down modal-dialog-centered modal-dialog-scrollable">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="EditModalLabel"><i class="bi bi-person-circle"></i> Edit %username%</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <div class="container">
+          <div class="row">
+            <div class="col">
+              <div class="mb-3">
+                <label for="exampleFormControlInput1" class="form-label">Username:</label>
+                <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="JohnDoe">
+              </div>
+              <div class="mb-3">
+                <label for="exampleFormControlInput2" class="form-label">E-Mail address:</label>
+                <input type="email" class="form-control" id="exampleFormControlInput2" placeholder="name@example.com">
+              </div>
+              <div class="mb-3">
+                <label for="formFile" class="form-label">Upload new avatar:</label>
+                <input class="form-control" type="file" id="formFile">
+              </div>
+            </div>
+            <div class="col">
+              <div class="card">
+                
+                <div class="card-body">
+                  <h5 class="card-subtitle">Current avatar:</h5>
+                  <figure class="figure">
+                    <img src="/assets/img/favicons/apple-touch-icon.png" class="figure-img img-fluid rounded" alt="...">
+                  </figure>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button>
+        <button type="button" class="btn btn-outline-success">Apply</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Modal -->
+<div class="modal fade" id="DeleteModal" tabindex="-1" aria-labelledby="DeleteModalLabel" aria-hidden="true">
+  <div class="modal-dialog  modal-dialog-centered modal-dialog-scrollable">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="DeleteModalLabel"><i class="bi bi-question-circle"></i> Delete Item</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        Do you want to delete %username%?
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">No</button>
+        <button type="button" class="btn btn-outline-success">Yes</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+      </div>
+
+    </main>
+    
+ 
+      <footer class="footer mt-auto">
+        <div class="container">
+            <p>
+                <span class="">
+                    Zorg Avatar Server v0.1
+                </span>
+                <span class="float-end">
+                    <i class="bi bi-github"></i> <a href="https://github.com/ZorgCC/avatar-server" class="text-white">Source code</a>
+                    by <a href="https://zorg.cc" class="text-white">Zorg Software Team</a> &copy; 2022
+                </span>
+            </p>
+        </div>
+      </footer>
+ 
+
+
+    <script src="/assets/js/jquery/jquery-3.6.0.min.js"></script>
+    <script src="/assets/js/popper/popper.min.js"></script>
+    <script src="/assets/js/bootstrap/bootstrap.min.js"></script>
+
+      
+  </body>
+</html>
--- a/src/html/admin-settings.html
+++ b/src/html/admin-settings.html
@ -0,0 +1,174 @@
+
+<!doctype html>
+<html lang="en" class="h-100">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="">
+    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
+    <meta name="generator" content="Hugo 0.88.1">
+    <title>Zorg Avatar Server &bull; Settings</title>
+
+    <link rel="canonical" href="https://getbootstrap.com/examples/sticky-footer-navbar/">
+    <!-- Bootstrap core CSS -->
+    <link href="/assets/css/themes/vapor/bootstrap.css" rel="stylesheet">
+    <link href="/assets/font/bootstrap-icons.css" rel="stylesheet">
+
+    <!-- Favicons -->
+    <link rel="apple-touch-icon" href="/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
+    <link rel="icon" href="/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+    <link rel="icon" href="/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+    <link rel="manifest" href="/assets/img/favicons/manifest.json">
+    <link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
+    <link rel="icon" href="/assets/img/favicons/favicon.ico">
+    <meta name="theme-color" content="#7952b3">
+
+    <!-- Custom styles for this template -->
+    <link href="/assets/css/engine/engine.css" rel="stylesheet">
+    <link href="/assets/css/engine/bs.sticky-footer-navbar.css" rel="stylesheet">
+  </head>
+  <body class="d-flex flex-column h-100">
+    
+    <header>
+        <div class="bg-dark text-white">
+          <div class="container">
+            <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
+              <a href="/" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
+                <img class="fs-4" src="/assets/img/brand/zorg/zorg.logo.32.png" alt="" width="32" height="32" title="Zorg Avatar Server">
+                <span class="fs-4">Zorg Avatar Server</span> 
+              </a>
+    
+              <ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">
+                <li>
+                  <a href="/admin-dash.html" class="nav-link text-white">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-speedometer d-block mx-auto mb-1" viewBox="0 0 16 16">
+                      <path d="M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2zM3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.389.389 0 0 0-.029-.518z"/>
+                      <path fill-rule="evenodd" d="M6.664 15.889A8 8 0 1 1 9.336.11a8 8 0 0 1-2.672 15.78zm-4.665-4.283A11.945 11.945 0 0 1 8 10c2.186 0 4.236.585 6.001 1.606a7 7 0 1 0-12.002 0z"/>
+                    </svg>
+                    Dashboard
+                  </a>
+                </li>
+                <li>
+                  <a href="/admin-settings.html" class="nav-link text-secondary">
+                  <svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24"  fill="currentColor" class="bi bi-gear-fill d-block mx-auto mb-1" viewBox="0 0 16 16">
+                    <path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/>
+                  </svg>
+                    Settings
+                  </a>
+                </li>
+                <li>
+                  <a href="/index.html" class="nav-link text-white">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-door-open-fill d-block mx-auto mb-1" viewBox="0 0 16 16">
+                      <path d="M1.5 15a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1H13V2.5A1.5 1.5 0 0 0 11.5 1H11V.5a.5.5 0 0 0-.57-.495l-7 1A.5.5 0 0 0 3 1.5V15H1.5zM11 2h.5a.5.5 0 0 1 .5.5V15h-1V2zm-2.5 8c-.276 0-.5-.448-.5-1s.224-1 .5-1 .5.448.5 1-.224 1-.5 1z"/>
+                    </svg>
+                    Logout
+                  </a>
+                </li> 
+              </ul>
+            </div>
+          </div>
+        </div>
+      </header>
+    
+    <!-- Begin page content -->
+    <main class="flex-shrink-0">
+ 
+      <div class="container">
+        <h1><i class="bi bi-gear-fill"></i> Settings</h1>
+   
+        <div class="alert alert-warning alert-dismissible fade show" role="alert">
+          <strong>Holy guacamole!</strong> You should check in on some of those fields below.
+          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+        </div>
+
+        <form class="row g-3">
+          <div class="input-group">
+            <label class="input-group-text col-2" for="inputPass">
+              <i class="bi bi-key"></i> <span class="px-2">New Password</span>
+            </label>
+            <input type="password" class="form-control col" id="inputPass" placeholder="Old Password" aria-label="Old Password" aria-describedby="basic-addon1">
+            <input type="password" class="form-control col" id="inputPass2" placeholder="New Password" aria-label="New Password" aria-describedby="basic-addon1">
+            <button class="btn btn-outline-secondary col-2" type="button">
+              <i class="bi bi-check-lg"></i> Apply
+            </button>
+          </div>
+
+          <div class="input-group">
+            <label class="input-group-text col-2" for="inputLang">
+              <i class="bi bi-translate"></i> <span class="px-2">Language</span>
+            </label>
+            <select class="form-select col" id="inputLang" aria-label="Example select with button addon">
+              <option value="en-US" selected>en-US</option>
+              <option value="ru-RU">ru-RU</option>
+            </select>
+            <button class="btn btn-outline-secondary  col-2" type="button">
+              <i class="bi bi-check-lg"></i> Apply
+            </button>
+          </div>
+
+          
+          <div class="input-group">
+            <label class="input-group-text col-2 for="inputTheme">
+              <i class="bi bi-person-circle"></i> <span class="px-2">Theme</span>
+            </label>
+            <select class="form-select col" id="inputTheme" aria-label="Example select with button addon">
+              <option value="original">Bootstrap Original</option>
+              <option value="cerulean">Cerulean</option>
+              <option value="cosmo">Cosmo</option>
+              <option value="cyborg">Cyborg</option>
+              <option value="darkly">Darkly</option>
+              <option value="flatly">Flatly</option>
+              <option value="journal">Journal</option>
+              <option value="lumen">Lumen</option>
+              <option value="lux">Lux</option>
+              <option value="materia">Materia</option>
+              <option value="minty">Minty</option>
+              <option value="morph">Morph</option>
+              <option value="pulse">Pulse</option>
+              <option value="quartz">Quartz</option>
+              <option value="sandstone">Sandstone</option>
+              <option value="simplex">Simplex</option>
+              <option value="sketchy">Sketchy</option>
+              <option value="slate">Slate</option>
+              <option value="solar">Solar</option>
+              <option value="spacelab">Spacelab</option>
+              <option value="superhero">Superhero</option>
+              <option value="united">United</option>
+              <option value="vapor" selected>Vapor</option>
+              <option value="yeti">Yeti</option>
+              <option value="zephyr">Zephyr</option>
+            </select>
+            <button class="btn btn-outline-secondary  col-2" type="button">
+              <i class="bi bi-check-lg"></i> Apply
+            </button>
+          </div>
+      </form>
+        
+      </div>
+
+    </main>
+    
+ 
+      <footer class="footer mt-auto">
+        <div class="container">
+            <p>
+                <span class="">
+                    Zorg Avatar Server v0.1
+                </span>
+                <span class="float-end">
+                    <i class="bi bi-github"></i> <a href="https://github.com/ZorgCC/avatar-server" class="text-white">Source code</a>
+                    by <a href="https://zorg.cc" class="text-white">Zorg Software Team</a> &copy; 2022
+                </span>
+            </p>
+        </div>
+      </footer>
+ 
+
+
+    <script src="/assets/js/jquery/jquery-3.6.0.min.js"></script>
+    <script src="/assets/js/popper/popper.min.js"></script>
+    <script src="/assets/js/bootstrap/bootstrap.min.js"></script>
+
+      
+  </body>
+</html>
--- a/src/html/assets/css/engine/bs.cover.css
+++ b/src/html/assets/css/engine/bs.cover.css
@ -0,0 +1,53 @@
+/*
+ * Globals
+ */
+
+
+/* Custom default button */
+.btn-secondary,
+.btn-secondary:hover,
+.btn-secondary:focus {
+  color: #333;
+  text-shadow: none; /* Prevent inheritance from `body` */
+}
+
+
+/*
+ * Base structure
+ */
+
+body {
+  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
+  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
+}
+
+.cover-container {
+  max-width: 42em;
+}
+
+
+/*
+ * Header
+ */
+
+.nav-masthead .nav-link {
+  padding: .25rem 0;
+  font-weight: 700;
+  color: rgba(255, 255, 255, .5);
+  background-color: transparent;
+  border-bottom: .25rem solid transparent;
+}
+
+.nav-masthead .nav-link:hover,
+.nav-masthead .nav-link:focus {
+  border-bottom-color: rgba(255, 255, 255, .25);
+}
+
+.nav-masthead .nav-link + .nav-link {
+  margin-left: 1rem;
+}
+
+.nav-masthead .active {
+  color: #fff;
+  border-bottom-color: #fff;
+}
--- a/src/html/assets/css/engine/bs.signin.css
+++ b/src/html/assets/css/engine/bs.signin.css
@ -0,0 +1,53 @@
+html,
+body {
+  height: 100%;
+}
+
+body {
+  display: flex;
+  align-items: center;
+  padding-top: 40px;
+  padding-bottom: 40px;
+  background-color: #f5f5f5;
+}
+
+.form-signin {
+  width: 100%;
+  max-width: 330px;
+  padding: 15px;
+  margin: auto;
+}
+
+.form-signin .checkbox {
+  font-weight: 400;
+}
+
+.form-signin .form-floating:focus-within {
+  z-index: 2;
+}
+
+.token-input {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.login-input {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+ 
+}
+
+.password-input {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.new-password-input {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
--- a/src/html/assets/css/engine/bs.sticky-footer-navbar.css
+++ b/src/html/assets/css/engine/bs.sticky-footer-navbar.css
@ -0,0 +1,7 @@
+/* Custom page CSS
+-------------------------------------------------- */
+/* Not required for template or sticky footer method. */
+
+main > .container {
+  padding: 60px 15px 0;
+}
--- a/src/html/assets/css/engine/engine.css
+++ b/src/html/assets/css/engine/engine.css
@ -0,0 +1,13 @@
+.bd-placeholder-img {
+    font-size: 1.125rem;
+    text-anchor: middle;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+  }
+
+  @media (min-width: 768px) {
+    .bd-placeholder-img-lg {
+      font-size: 3.5rem;
+    }
+  }
--- a/src/html/assets/css/themes/cerulean/bootstrap.css
+++ b/src/html/assets/css/themes/cerulean/bootstrap.css
--- a/src/html/assets/css/themes/cerulean/bootstrap.css.map
+++ b/src/html/assets/css/themes/cerulean/bootstrap.css.map
--- a/src/html/assets/css/themes/cerulean/bootstrap.min.css
+++ b/src/html/assets/css/themes/cerulean/bootstrap.min.css
--- a/src/html/assets/css/themes/cerulean/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/cerulean/bootstrap.min.css.map
--- a/src/html/assets/css/themes/cosmo/bootstrap.css
+++ b/src/html/assets/css/themes/cosmo/bootstrap.css
--- a/src/html/assets/css/themes/cosmo/bootstrap.css.map
+++ b/src/html/assets/css/themes/cosmo/bootstrap.css.map
--- a/src/html/assets/css/themes/cosmo/bootstrap.min.css
+++ b/src/html/assets/css/themes/cosmo/bootstrap.min.css
--- a/src/html/assets/css/themes/cosmo/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/cosmo/bootstrap.min.css.map
--- a/src/html/assets/css/themes/cyborg/bootstrap.css
+++ b/src/html/assets/css/themes/cyborg/bootstrap.css
--- a/src/html/assets/css/themes/cyborg/bootstrap.css.map
+++ b/src/html/assets/css/themes/cyborg/bootstrap.css.map
--- a/src/html/assets/css/themes/cyborg/bootstrap.min.css
+++ b/src/html/assets/css/themes/cyborg/bootstrap.min.css
--- a/src/html/assets/css/themes/cyborg/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/cyborg/bootstrap.min.css.map
--- a/src/html/assets/css/themes/darkly/bootstrap.css
+++ b/src/html/assets/css/themes/darkly/bootstrap.css
--- a/src/html/assets/css/themes/darkly/bootstrap.css.map
+++ b/src/html/assets/css/themes/darkly/bootstrap.css.map
--- a/src/html/assets/css/themes/darkly/bootstrap.min.css
+++ b/src/html/assets/css/themes/darkly/bootstrap.min.css
--- a/src/html/assets/css/themes/darkly/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/darkly/bootstrap.min.css.map
--- a/src/html/assets/css/themes/flatly/bootstrap.css
+++ b/src/html/assets/css/themes/flatly/bootstrap.css
--- a/src/html/assets/css/themes/flatly/bootstrap.css.map
+++ b/src/html/assets/css/themes/flatly/bootstrap.css.map
--- a/src/html/assets/css/themes/flatly/bootstrap.min.css
+++ b/src/html/assets/css/themes/flatly/bootstrap.min.css
--- a/src/html/assets/css/themes/flatly/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/flatly/bootstrap.min.css.map
--- a/src/html/assets/css/themes/journal/bootstrap.css
+++ b/src/html/assets/css/themes/journal/bootstrap.css
--- a/src/html/assets/css/themes/journal/bootstrap.css.map
+++ b/src/html/assets/css/themes/journal/bootstrap.css.map
--- a/src/html/assets/css/themes/journal/bootstrap.min.css
+++ b/src/html/assets/css/themes/journal/bootstrap.min.css
--- a/src/html/assets/css/themes/journal/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/journal/bootstrap.min.css.map
--- a/src/html/assets/css/themes/lumen/bootstrap.css
+++ b/src/html/assets/css/themes/lumen/bootstrap.css
--- a/src/html/assets/css/themes/lumen/bootstrap.css.map
+++ b/src/html/assets/css/themes/lumen/bootstrap.css.map
--- a/src/html/assets/css/themes/lumen/bootstrap.min.css
+++ b/src/html/assets/css/themes/lumen/bootstrap.min.css
--- a/src/html/assets/css/themes/lumen/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/lumen/bootstrap.min.css.map
--- a/src/html/assets/css/themes/lux/bootstrap.css
+++ b/src/html/assets/css/themes/lux/bootstrap.css
--- a/src/html/assets/css/themes/lux/bootstrap.css.map
+++ b/src/html/assets/css/themes/lux/bootstrap.css.map
--- a/src/html/assets/css/themes/lux/bootstrap.min.css
+++ b/src/html/assets/css/themes/lux/bootstrap.min.css
--- a/src/html/assets/css/themes/lux/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/lux/bootstrap.min.css.map
--- a/src/html/assets/css/themes/materia/bootstrap.css
+++ b/src/html/assets/css/themes/materia/bootstrap.css
--- a/src/html/assets/css/themes/materia/bootstrap.css.map
+++ b/src/html/assets/css/themes/materia/bootstrap.css.map
--- a/src/html/assets/css/themes/materia/bootstrap.min.css
+++ b/src/html/assets/css/themes/materia/bootstrap.min.css
--- a/src/html/assets/css/themes/materia/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/materia/bootstrap.min.css.map
--- a/src/html/assets/css/themes/minty/bootstrap.css
+++ b/src/html/assets/css/themes/minty/bootstrap.css
--- a/src/html/assets/css/themes/minty/bootstrap.css.map
+++ b/src/html/assets/css/themes/minty/bootstrap.css.map
--- a/src/html/assets/css/themes/minty/bootstrap.min.css
+++ b/src/html/assets/css/themes/minty/bootstrap.min.css
--- a/src/html/assets/css/themes/minty/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/minty/bootstrap.min.css.map
--- a/src/html/assets/css/themes/morph/bootstrap.css
+++ b/src/html/assets/css/themes/morph/bootstrap.css
--- a/src/html/assets/css/themes/morph/bootstrap.css.map
+++ b/src/html/assets/css/themes/morph/bootstrap.css.map
--- a/src/html/assets/css/themes/morph/bootstrap.min.css
+++ b/src/html/assets/css/themes/morph/bootstrap.min.css
--- a/src/html/assets/css/themes/morph/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/morph/bootstrap.min.css.map
--- a/src/html/assets/css/themes/original/bootstrap.css
+++ b/src/html/assets/css/themes/original/bootstrap.css
--- a/src/html/assets/css/themes/original/bootstrap.css.map
+++ b/src/html/assets/css/themes/original/bootstrap.css.map
--- a/src/html/assets/css/themes/original/bootstrap.min.css
+++ b/src/html/assets/css/themes/original/bootstrap.min.css
--- a/src/html/assets/css/themes/original/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/original/bootstrap.min.css.map
--- a/src/html/assets/css/themes/pulse/bootstrap.css
+++ b/src/html/assets/css/themes/pulse/bootstrap.css
--- a/src/html/assets/css/themes/pulse/bootstrap.css.map
+++ b/src/html/assets/css/themes/pulse/bootstrap.css.map
--- a/src/html/assets/css/themes/pulse/bootstrap.min.css
+++ b/src/html/assets/css/themes/pulse/bootstrap.min.css
--- a/src/html/assets/css/themes/pulse/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/pulse/bootstrap.min.css.map
--- a/src/html/assets/css/themes/quartz/bootstrap.css
+++ b/src/html/assets/css/themes/quartz/bootstrap.css
--- a/src/html/assets/css/themes/quartz/bootstrap.css.map
+++ b/src/html/assets/css/themes/quartz/bootstrap.css.map
--- a/src/html/assets/css/themes/quartz/bootstrap.min.css
+++ b/src/html/assets/css/themes/quartz/bootstrap.min.css
--- a/src/html/assets/css/themes/quartz/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/quartz/bootstrap.min.css.map
--- a/src/html/assets/css/themes/sandstone/bootstrap.css
+++ b/src/html/assets/css/themes/sandstone/bootstrap.css
--- a/src/html/assets/css/themes/sandstone/bootstrap.css.map
+++ b/src/html/assets/css/themes/sandstone/bootstrap.css.map
--- a/src/html/assets/css/themes/sandstone/bootstrap.min.css
+++ b/src/html/assets/css/themes/sandstone/bootstrap.min.css
--- a/src/html/assets/css/themes/sandstone/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/sandstone/bootstrap.min.css.map
--- a/src/html/assets/css/themes/simplex/bootstrap.css
+++ b/src/html/assets/css/themes/simplex/bootstrap.css
--- a/src/html/assets/css/themes/simplex/bootstrap.css.map
+++ b/src/html/assets/css/themes/simplex/bootstrap.css.map
--- a/src/html/assets/css/themes/simplex/bootstrap.min.css
+++ b/src/html/assets/css/themes/simplex/bootstrap.min.css
--- a/src/html/assets/css/themes/simplex/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/simplex/bootstrap.min.css.map
--- a/src/html/assets/css/themes/sketchy/bootstrap.css
+++ b/src/html/assets/css/themes/sketchy/bootstrap.css
--- a/src/html/assets/css/themes/sketchy/bootstrap.css.map
+++ b/src/html/assets/css/themes/sketchy/bootstrap.css.map
--- a/src/html/assets/css/themes/sketchy/bootstrap.min.css
+++ b/src/html/assets/css/themes/sketchy/bootstrap.min.css
--- a/src/html/assets/css/themes/sketchy/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/sketchy/bootstrap.min.css.map
--- a/src/html/assets/css/themes/slate/bootstrap.css
+++ b/src/html/assets/css/themes/slate/bootstrap.css
--- a/src/html/assets/css/themes/slate/bootstrap.css.map
+++ b/src/html/assets/css/themes/slate/bootstrap.css.map
--- a/src/html/assets/css/themes/slate/bootstrap.min.css
+++ b/src/html/assets/css/themes/slate/bootstrap.min.css
--- a/src/html/assets/css/themes/slate/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/slate/bootstrap.min.css.map
--- a/src/html/assets/css/themes/solar/bootstrap.css
+++ b/src/html/assets/css/themes/solar/bootstrap.css
--- a/src/html/assets/css/themes/solar/bootstrap.css.map
+++ b/src/html/assets/css/themes/solar/bootstrap.css.map
--- a/src/html/assets/css/themes/solar/bootstrap.min.css
+++ b/src/html/assets/css/themes/solar/bootstrap.min.css
--- a/src/html/assets/css/themes/solar/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/solar/bootstrap.min.css.map
--- a/src/html/assets/css/themes/spacelab/bootstrap.css
+++ b/src/html/assets/css/themes/spacelab/bootstrap.css
--- a/src/html/assets/css/themes/spacelab/bootstrap.css.map
+++ b/src/html/assets/css/themes/spacelab/bootstrap.css.map
--- a/src/html/assets/css/themes/spacelab/bootstrap.min.css
+++ b/src/html/assets/css/themes/spacelab/bootstrap.min.css
--- a/src/html/assets/css/themes/spacelab/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/spacelab/bootstrap.min.css.map
--- a/src/html/assets/css/themes/superhero/bootstrap.css
+++ b/src/html/assets/css/themes/superhero/bootstrap.css
--- a/src/html/assets/css/themes/superhero/bootstrap.css.map
+++ b/src/html/assets/css/themes/superhero/bootstrap.css.map
--- a/src/html/assets/css/themes/superhero/bootstrap.min.css
+++ b/src/html/assets/css/themes/superhero/bootstrap.min.css
--- a/src/html/assets/css/themes/superhero/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/superhero/bootstrap.min.css.map
--- a/src/html/assets/css/themes/united/bootstrap.css
+++ b/src/html/assets/css/themes/united/bootstrap.css
--- a/src/html/assets/css/themes/united/bootstrap.css.map
+++ b/src/html/assets/css/themes/united/bootstrap.css.map
--- a/src/html/assets/css/themes/united/bootstrap.min.css
+++ b/src/html/assets/css/themes/united/bootstrap.min.css
--- a/src/html/assets/css/themes/united/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/united/bootstrap.min.css.map
--- a/src/html/assets/css/themes/vapor/bootstrap.css
+++ b/src/html/assets/css/themes/vapor/bootstrap.css
--- a/src/html/assets/css/themes/vapor/bootstrap.css.map
+++ b/src/html/assets/css/themes/vapor/bootstrap.css.map
--- a/src/html/assets/css/themes/vapor/bootstrap.min.css
+++ b/src/html/assets/css/themes/vapor/bootstrap.min.css
--- a/src/html/assets/css/themes/vapor/bootstrap.min.css.map
+++ b/src/html/assets/css/themes/vapor/bootstrap.min.css.map
--- a/src/html/assets/css/themes/yeti/bootstrap.css
+++ b/src/html/assets/css/themes/yeti/bootstrap.css
--- a/src/html/assets/css/themes/yeti/bootstrap.css.map
+++ b/src/html/assets/css/themes/yeti/bootstrap.css.map
--- a/Show More
+++ b/Show More