48 lines
2.0 KiB
HTML
48 lines
2.0 KiB
HTML
|
<!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>
|