first commit

web/templates/foot.html

@@ -0,0 +1,81 @@
+
+</div>
+
+<div id="Modal" class="modal">
+  <div class="modal-content">
+    <span class="close">&times;</span>
+	<center>
+	<script language="JavaScript">
+	document.write('<iframe src="' + window.location.protocol + '//' + window.location.hostname + '/console/" title="Console" width="1024" height="768" style="border:none;"></iframe>' );
+	</script>
+	</center>
+  </div>
+</div>
+
+</div>
+{{ fontawesome_js() }}
+<script type="text/javascript">// <![CDATA[
+        function loading(){
+            $("#loading").show();
+            $("#content").hide();       
+        }
+// ]]></script>
+
+<script
+  src="https://code.jquery.com/jquery-3.6.1.slim.min.js"
+  integrity="sha256-w8CvhFs7iHNVUtnSP0YKEg00p9Ih13rlL9zGqvLdePA="
+  crossorigin="anonymous"></script>
+
+</div>
+
+<div style="position:fixed;bottom:0;right:0">Version Beta 2.7</div>
+
+
+
+<script>
+var modal = document.getElementById("Modal");
+var btn = document.getElementById("ModalBtn");
+var span = document.getElementsByClassName("close")[0];
+btn.onclick = function() {
+  modal.style.display = "block";
+}
+span.onclick = function() {
+  modal.style.display = "none";
+}
+window.onclick = function(event) {
+  if (event.target == modal) {
+    modal.style.display = "none";
+  }
+}
+
+</script>
+<script>
+    var opacity=0;
+    var intervalID=0;
+//    window.onload=fadeout;
+        function fadeout(){
+               setInterval(hide, 100);
+        }
+
+    setTimeout(function(){
+	fadeout();
+    }, 3000);
+    function hide(){
+          var body=document.getElementById("alert");
+          opacity =
+ Number(window.getComputedStyle(body).getPropertyValue("opacity"))
+  
+            if(opacity>0){
+                   opacity=opacity-0.1;
+                           body.style.opacity=opacity
+            }
+            else{
+                clearInterval(intervalID); 
+            }
+        }
+</script>
+
+  {{ dropzone.load_js() }}
+  {{ dropzone.config() }}
+</body>
+</html>