skeleton of common js

2020-05-24 16:52:23 +02:00
parent 51397ff34d
commit d1e89bf20e
3 changed files with 265 additions and 0 deletions
--- a/webfront/misc/index.html
+++ b/webfront/misc/index.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<!--https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context-->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="generator" content="by-hand" />
+        <meta name="viewpost" context="width=device-width, inital-scale=1.0, user-scalable=yes" />
+        <title>ΣBP Solver</title>
+        <link rel="stylesheet" type="text/css" href="style.css">
+        <script async type="module" src="main.js"></script>
+    </head>
+    <body>
+        <canvas id="glCanvas"></canvas>
+    </body>
+    <div class="vertical-menu" id="menu">
+        <div class="menu-item">
+            <p class="menu-header">Choose an equation set</p>
+            <select id="eq-set" name="eq-set">
+                <option value="euler"/> Euler</option>
+                <option value="maxwell"/> Maxwell</option>
+                <option value="shallow"/> Shallow Water</option>
+            </select>
+            <p>
+                And here will be specific content for the solver in question
+            </p>
+        </div>
+        <div class="grid menu-item">
+            <p class="menu-header">Grid settings:</p>
+            x: x0, yn, n<br/>
+            y: y0, yn, n<br/>
+
+            Curvilinear? Diamond shaped domain?
+        </div>
+        <div class="gen_set menu-item">
+            <p class="menu-header">General settings</p>
+        </div>
+        <div class="about menu-item">
+            <p class="menu-header">About</p>
+            <p>More information can be found along with the <a href="https://ulimoen.dev/git/mulimoen/SBPonWEB">source code</a>.</p>
+        </div>
+    </div>
+    <div class="controls">
+        <button title="Menu" class="control-item" id="toggle-menu" type="button">☰</button>
+        <button title="Play/pause" class="control-item" id="toggle-playing">▶️/⏸️</button>
+        <button title="Reset" class="control-item" id="reset">🔄️</button>
+    </div>
+</html>