assets/config/flask/lomes-app.py

@@ -2,12 +2,11 @@
 
 from flask import Flask, render_template
 
-app = Flask(__name__)
+app = Flask(__name__, static_folder="/var/www/html", static_url_path="/var/www/html", send_from_directory("data/images, lomes.svg"))
 
 @app.route("/")
 def index():
-    return "with Flask"
+    return app.send_static_file("index.html")
-    return render_template("/var/www/html/index.html")
 
 
-app.run(host="0.0.0.0", port=5000)
+app.run(host="127.0.0.1", port=5000)

lomes-app.py

@@ -0,0 +1,13 @@
+#!/bin/python3
+
+from flask import Flask, render_template
+
+app = Flask(__name__)
+
+@app.route("/")
+def index():
+    return "with Flask"
+    return render_template("/var/www/html/index.html")
+
+
+app.run(host="0.0.0.0", port=5000)

static/data/images/favicon.ico

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="23.797873mm"
+   height="12.931701mm"
+   viewBox="0 0 23.797873 12.931701"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   sodipodi:docname="favicon.ico"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     inkscape:zoom="11.782177"
+     inkscape:cx="30.6395"
+     inkscape:cy="19.308826"
+     inkscape:window-width="2560"
+     inkscape:window-height="1374"
+     inkscape:window-x="0"
+     inkscape:window-y="42"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g3" /><defs
+     id="defs1" /><g
+     transform="matrix(0.21229796,0,0,0.12171574,-113.52852,-33.25759)"
+     id="g3"
+     style="clip-rule:evenodd;display:inline;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2">
+        <g
+   transform="matrix(0.579082,0,0,1.01004,460.975,-39.6867)"
+   id="g1">
+            <path
+   d="m 250.908,330.267 -57.782,84.738 -12.188,-8.311 63.864,-93.657 c 1.372,-2.013 3.651,-3.218 6.087,-3.221 2.437,-0.002 4.717,1.199 6.093,3.21 l 64.012,93.51 -12.173,8.333 z"
+   style="fill:#ffffff"
+   id="path1" />
+        </g><g
+   transform="matrix(0.579082,0,0,1.01004,441.72359,108.2802)"
+   id="g1-3"
+   style="clip-rule:evenodd;display:inline;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2">
+            <path
+   d="m 230.63238,183.77092 -57.782,84.738 -12.188,-8.311 63.864,-93.657 c 1.372,-2.013 3.651,-3.218 6.087,-3.221 2.437,-0.002 4.717,1.199 6.093,3.21 l 16.93449,24.73698 -12.173,8.333 z"
+   style="fill:#ffffff"
+   id="path1-5"
+   sodipodi:nodetypes="ccccccccc" />
+        </g>
+        
+    </g></svg>

static/data/images/lomes.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="23.797873mm"
+   height="12.931701mm"
+   viewBox="0 0 23.797873 12.931701"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   sodipodi:docname="lomes.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     inkscape:zoom="11.782177"
+     inkscape:cx="30.6395"
+     inkscape:cy="19.308826"
+     inkscape:window-width="2560"
+     inkscape:window-height="1374"
+     inkscape:window-x="0"
+     inkscape:window-y="42"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g3" /><defs
+     id="defs1" /><g
+     transform="matrix(0.21229796,0,0,0.12171574,-113.52852,-33.25759)"
+     id="g3"
+     style="clip-rule:evenodd;display:inline;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2">
+        <g
+   transform="matrix(0.579082,0,0,1.01004,460.975,-39.6867)"
+   id="g1">
+            <path
+   d="m 250.908,330.267 -57.782,84.738 -12.188,-8.311 63.864,-93.657 c 1.372,-2.013 3.651,-3.218 6.087,-3.221 2.437,-0.002 4.717,1.199 6.093,3.21 l 64.012,93.51 -12.173,8.333 z"
+   style="fill:#ffffff"
+   id="path1" />
+        </g><g
+   transform="matrix(0.579082,0,0,1.01004,441.72359,108.2802)"
+   id="g1-3"
+   style="clip-rule:evenodd;display:inline;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2">
+            <path
+   d="m 230.63238,183.77092 -57.782,84.738 -12.188,-8.311 63.864,-93.657 c 1.372,-2.013 3.651,-3.218 6.087,-3.221 2.437,-0.002 4.717,1.199 6.093,3.21 l 16.93449,24.73698 -12.173,8.333 z"
+   style="fill:#ffffff"
+   id="path1-5"
+   sodipodi:nodetypes="ccccccccc" />
+        </g>
+        
+    </g></svg>

static/data/install_log/log.html

@@ -0,0 +1,14 @@
+<table>
+    <tr>
+        <td>Hostname</td>
+        <td></td>
+    </tr>
+    <tr>
+        <td>IP Address</td>
+        <td></td>
+    </tr>
+    <tr>
+        <td>Encryption</td>
+        <td></td>
+    </tr>
+</table>

static/index.html

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<head>
+    <meta http-equiv="content-type" content="text/html" charset="utf-8">
+	<meta name="viewport" content="width=device-width" initial-scale="1.0">
+
+    <title>LoMeS | Meshtastic</title>
+    <link rel="icon" href="data/images/favicon.ico">
+	<link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <section>
+        <header>
+            <img class="icon" src="data/images/lomes.svg">
+            <h1>Welcome to LoMeS</h1>
+        </header>
+        <div class="textBox">
+            <h3>A Local Meshtastic Server in development</h3>
+            <p>If you see this site, means "LoMeS" development environment is running!</p>
+            <p>Thanks for collaborating and trying to make things mor real...</p>
+        </div>
+        <!-- <div class="textBox">
+            <h3>Configuration Summary</h3>
+            <div class="confBox">
+                <link rel="import" href="assets/html/data/install_log/log.html">
+            </div>-->
+        </div>
+    </section>
+</body>
+</html>

static/style.css

@@ -0,0 +1,138 @@
+*{
+    margin: 0;
+	padding: 0;
+    font-family: Gravity;
+}
+
+@font-face {
+    font-family: 'Gravity';
+    src: url('data/font/Gravity-UltraLight.woff2') format('woff2'),
+         url('data/font/Gravity-UltraLight.woff') format('woff');
+    font-weight: 200;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Gravity';
+    src: url('data/font/Gravity-Light.woff2') format('woff2'),
+         url('data/font/Gravity-Light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Gravity';
+    src: url('data/font/Gravity-Bold.woff2') format('woff2'),
+         url('data/font/Gravity-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Gravity';
+    src: url('data/font/Gravity-LightItalic.woff2') format('woff2'),
+         url('data/font/Gravity-LightItalic.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Gravity';
+    src: url('data/font/Gravity-Italic.woff2') format('woff2'),
+         url('data/font/Gravity-Italic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Gravity Book';
+    src: url('data/font/Gravity-Book.woff2') format('woff2'),
+         url('data/font/Gravity-Book.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Gravity';
+    src: url('data/font/Gravity-BoldItalic.woff2') format('woff2'),
+         url('data/font/Gravity-BoldItalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Gravity Book';
+    src: url('data/font/Gravity-BookItalic.woff2') format('woff2'),
+         url('data/font/Gravity-BookItalic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Gravity';
+    src: url('data/font/Gravity-Regular.woff2') format('woff2'),
+         url('data/font/Gravity-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Gravity';
+    src: url('data/font/Gravity-UltraLightItalic.woff2') format('woff2'),
+         url('data/font/Gravity-UltraLightItalic.woff') format('woff');
+    font-weight: 200;
+    font-style: italic;
+    font-display: swap;
+}
+
+body {
+    background-color: darkslategrey;
+}
+
+header {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-top: 30px;
+}
+
+.icon {
+    height: 80px;
+}
+
+.textBox {
+    padding-top: 20px;
+}
+
+h1 {
+    font-size: 26px;
+    padding: 5px;
+    padding-bottom: 10px;
+    text-align: center;
+    color: lightgray;
+}
+
+h3 {
+    font-size: 20px;
+    padding: 5px;
+    padding-bottom: 10px;
+    text-align: center;
+    color: lightgray;
+}
+
+p {
+    font-size: 16px;
+    padding: 5px;
+    padding-bottom: 10px;
+    text-align: center;
+    color: lightgray;
+}