Added about page

2025-05-17 13:43:27 +03:00
parent 8a01233feb
commit d2b606a03a
5 changed files with 52 additions and 0 deletions
@@ -307,4 +307,12 @@ router.get("/", async (req, res) => {
    }
 });

+router.get("/about", (req, res) => {
+    res.render("about", {
+        page_title: app_conf.name,
+        css_path: path.join(app_conf.paths.css.web, "stylesheet.css"),
+        version: app_conf.version
+    });
+});
+
 module.exports = router;
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>
+        <%= page_title %>
+    </title>
+
+    <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=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
+        rel="stylesheet">
+    <link rel="stylesheet" href="<%= css_path %>">
+</head>
+
+<body>
+    <div class="control_div" style="display: flex; flex-direction: row; justify-content: space-between;">
+        <label style="font-size: 200%;">CRTelemetry SQLite3</label>
+    </div>
+    <div class="main_div">
+        <center>
+            <label>Version <%= version %></label>
+            <br>
+            <a href="https://github.com/Centaurus-Racing-Team/5G-telemetry" target="_blank" style="font-size: 150%;">GitHub</a>
+        </center>
+        <br>
+        <a href="/app"><span>&#129152; </span>Return</a>
+    </div>
+</body>
+
+</html>
@@ -35,6 +35,9 @@
            <%- table_data %>
        </table>
    </div>
+    <div class="about_div">
+        <center><a href="/app/about">About</label></center>
+    </div>
 </body>

 </html>
@@ -1,4 +1,5 @@
 module.exports = {
+    version: "1.0",
    name: "CRTelemetry",
    host: "localhost",
    protocol: "http",
@@ -37,6 +37,14 @@ a:hover {
    border-radius: 5px;
 }

+.about_div {
+    color: #ececec;
+    background-color: #272727;
+    margin: 3px;
+    padding: 5px;
+    border-radius: 5px;
+}
+
 table {
    background-color: #272727;
    padding: 10px;