site

7 years ago · 3b68080caa
parent ec140fd71c
commit 3b68080caa
1 changed files with 105 additions and 0 deletions
--- a/sitePaserelleLoRa/index.html
+++ b/sitePaserelleLoRa/index.html
@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="fr" class="">
+	<head>
+		<meta charset='utf-8'>
+		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
+    <meta http-equiv="refresh" content="5" />
+		<title>Passerelle LoRa</title>
+		<style>
+			div,fieldset,input,select
+			{
+				padding:5px;
+				font-size:1em;
+			}
+			input
+			{
+				width:100%;
+				box-sizing:border-box;
+				-webkit-box-sizing:border-box;
+				-moz-box-sizing:border-box;
+			}
+			select
+			{
+				width:100%;
+			}
+			textarea
+			{
+				resize:none;
+				width:98%;
+				height:318px;
+				padding:5px;
+				overflow:auto;
+			}
+			body
+			{
+				text-align:center;
+				font-family:verdana;
+        background-color: #bcd5ff;
+			}
+			td
+			{
+				padding:0px;
+			}
+			button
+			{
+				border:0;
+				border-radius:0.3rem;
+				background-color:#1fa3ec;
+				color:#fff;
+				line-height:2.4rem;
+				font-size:1.2rem;
+				width:100%;
+				-webkit-transition-duration:0.4s;
+				transition-duration:0.4s;
+			}
+			button:hover
+			{
+				background-color:#006cba;
+			}
+			.p
+			{
+				float:left;
+				text-align:left;
+			}
+			.q
+			{
+				float:right;
+				text-align:right;
+			}
+		</style>
+	</head>
+
+	<body onload='alea()'>
+    <script>
+        function alea() {
+        var x = document.getElementById("demo")
+        x.innerHTML = Math.floor((Math.random() * 10) + 1);
+    }
+    </script>
+		<div style='text-align:left;display:inline-block;min-width:340px;'>
+			<div style='text-align:center;'>
+				<h1>Passerelle LoRa</h1>
+			</div>
+      <div>
+        <h2>[Température actuelle]</h2>
+      </div>
+      <div>
+
+        <p>Nombre d'échantillons envoyés = %, Echec d'envoi : %</p>
+
+      </div>
+			<div id='l1' name='l1'></div>
+			<table style='width:100%'>
+				<tr>
+					<button onclick='la("?o=1");'>Informations</button>
+        </tr>
+        <tr>
+					<button onclick='alea()'>rafraichir</button>
+        </tr>
+        <tr>
+					<button onclick='la("?o=1");'>Redémarrer</button>
+				</tr>
+			</table>
+		</div>
+	</body>
+</html>