mirror of
https://github.com/jomjol/AI-on-the-edge-device.git
synced 2025-12-08 04:26:58 +03:00
3d92860c5e
* allow longer file paths * updated web pages * updated the setup pages * . * Update server_file.cpp --------- Co-authored-by: CaCO3 <caco@ruinelli.ch>
151 lines
5.1 KiB
HTML
151 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html style="width: fit-content">
|
|
<head>
|
|
<link rel="icon" href="favicon.ico?v=$COMMIT_HASH" type="image/x-icon">
|
|
<title>AI on the edge</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<style>
|
|
.h_iframe iframe {width:995px;height:760px;}
|
|
.h_iframe {width:995px;height:605px;}
|
|
|
|
.h_iframe_explain iframe {width:995px;height:200px;}
|
|
.h_iframe_explain {width:995px;height:200px;}
|
|
|
|
h1 {font-size: 2em; margin-block-end: 0.3em;}
|
|
h2 {font-size: 1.5em;margin-block-start: 0.3em;}
|
|
h3 {font-size: 1.2em;}
|
|
p {font-size: 1em;}
|
|
|
|
.button {
|
|
padding: 5px 20px;
|
|
width: 211px;
|
|
font-size: 16px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="font-family: arial">
|
|
|
|
<table style="border: none">
|
|
<tr><td style="padding-right: 10px;"><img src="favicon.ico?v=$COMMIT_HASH"></td>
|
|
<td><h1 id="id_title"> Digitizer - Initial Setup</h1>
|
|
<h2>An ESP32 all inclusive neural network recognition system for meter digitalization</h2>
|
|
</td></tr>
|
|
</table>
|
|
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<button class="button" id="previous" name="previous" onclick="clickPrevious()">Previous</button>
|
|
<button class="button" id="next" name="next" onclick="clickNext()">Next</button>
|
|
If you need support, have a look to the <a href=https://jomjol.github.io/AI-on-the-edge-device-docs target=_blank>documentation</a> or the <a href=https://github.com/jomjol/AI-on-the-edge-device/discussions target=_blank>discussion</a> pages.
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<div class="h_iframe_explain" id="h_iframe_explain">
|
|
<iframe name="explaincontent" id ="explaincontent" src="" allowfullscreen></iframe>
|
|
</div>
|
|
|
|
<div class="h_iframe">
|
|
<iframe name="maincontent" id ="maincontent" src="" allowfullscreen></iframe>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="common.js?v=$COMMIT_HASH"></script>
|
|
<script type="text/javascript">
|
|
var canvas = document.getElementById('canvas'),
|
|
domainname = getDomainname();
|
|
aktstatu = 0;
|
|
|
|
function clickNext() {
|
|
aktstatu++;
|
|
if (aktstatu > 6) {
|
|
aktstatu = 6;
|
|
}
|
|
LoadStep();
|
|
}
|
|
|
|
function clickPrevious() {
|
|
aktstatu--;
|
|
if (aktstatu < 0) {
|
|
aktstatu = 0;
|
|
}
|
|
LoadStep();
|
|
}
|
|
|
|
function LoadStep(){
|
|
switch (aktstatu) {
|
|
case 0:
|
|
document.getElementById('maincontent').src = 'edit_explain_0.html?v=$COMMIT_HASH';
|
|
document.getElementById('h_iframe_explain').style.display = "none";
|
|
document.getElementById("previous").disabled = true;
|
|
document.getElementById("next").disabled = false;
|
|
break;
|
|
case 1:
|
|
document.getElementById('maincontent').src = 'edit_reference.html?v=$COMMIT_HASH';
|
|
document.getElementById('explaincontent').src = 'explain_1.html?v=$COMMIT_HASH';
|
|
document.getElementById('h_iframe_explain').style.display = "";
|
|
document.getElementById("previous").disabled = false;
|
|
document.getElementById("next").disabled = false;
|
|
break;
|
|
case 2:
|
|
document.getElementById('maincontent').src = 'edit_alignment.html?v=$COMMIT_HASH';
|
|
document.getElementById('explaincontent').src = 'explain_2.html?v=$COMMIT_HASH';
|
|
document.getElementById('h_iframe_explain').style.display = "";
|
|
document.getElementById("previous").disabled = false;
|
|
document.getElementById("next").disabled = false;
|
|
|
|
break;
|
|
case 3:
|
|
document.getElementById('maincontent').src = 'edit_digits.html?v=$COMMIT_HASH';
|
|
document.getElementById('explaincontent').src = 'explain_3.html?v=$COMMIT_HASH';
|
|
document.getElementById('h_iframe_explain').style.display = "";
|
|
document.getElementById("previous").disabled = false;
|
|
document.getElementById("next").disabled = false;
|
|
|
|
break;
|
|
case 4:
|
|
document.getElementById('maincontent').src = 'edit_analog.html?v=$COMMIT_HASH';
|
|
document.getElementById('explaincontent').src = 'explain_4.html?v=$COMMIT_HASH';
|
|
document.getElementById('h_iframe_explain').style.display = "";
|
|
document.getElementById("previous").disabled = false;
|
|
document.getElementById("next").disabled = false;
|
|
|
|
break;
|
|
case 5:
|
|
document.getElementById('maincontent').src = 'edit_config_param.html?v=$COMMIT_HASH?InitialSetup=true';
|
|
document.getElementById('explaincontent').src = 'explain_5.html?v=$COMMIT_HASH';
|
|
document.getElementById('h_iframe_explain').style.display = "";
|
|
document.getElementById("previous").disabled = false;
|
|
document.getElementById("next").disabled = false;
|
|
|
|
break;
|
|
case 6:
|
|
document.getElementById('maincontent').src = 'edit_explain_6.html?v=$COMMIT_HASH';
|
|
document.getElementById('explaincontent').src = 'explain_6.html?v=$COMMIT_HASH'; // Note: The page never gets shown!
|
|
document.getElementById('h_iframe_explain').style.display = "none";
|
|
document.getElementById("previous").disabled = false;
|
|
document.getElementById("next").disabled = true;
|
|
|
|
break;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
LoadStep();
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html>
|