74 lines
4.3 KiB
HTML
74 lines
4.3 KiB
HTML
<!DOCTYPE HTML>
|
|
<html><head><title>
|
|
Miniport by HTML5 UP
|
|
</title>
|
|
<meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="assets/css/main_shorted.css" /></head>
|
|
<body><header><nav id="nav"><ul>
|
|
<li><a href="#led_settings">LED settings</a></li>
|
|
<li><a href="#adc_settings">ADC settings</a></li>
|
|
<li><a href="#wifi_settings">Wifi settings</a></li>
|
|
</ul></nav></header><div class="wrapper style1 first"><article class="container" id="home"><h1>
|
|
MyWifiTempSensor
|
|
</h1><p>
|
|
My Description
|
|
</p><div class="wrapper style2" id="led_settings">
|
|
<article>
|
|
<header><h2>
|
|
LED settings
|
|
</h2><p>
|
|
My description
|
|
</p></header>
|
|
<!-- Add catory settings -->
|
|
<form>This is a button  <input type="submit" name="buttonName_category" value="Test Button"></form><br>
|
|
<center><style>.prec{top: 40px;position: relative;font-size: 30px;}.circle{position: relative;top: 5px;left: 5px;text-align: center;width: 100px;height: 100px;border-radius: 100%;background-color: #ffffff;}.active-border{position: relative;text-align: center;width: 110px;height: 110px;border-radius: 100%;background-color:#39B4CC;background-image:linear-gradient(270.5deg, transparent 50%, #A2ECFB 50%),linear-gradient(90deg, #A2ECFB 50%, transparent 50%);}</style><div id="activeBorder" class="active-border"><div id="circle" class="circle">
|
|
<span class="prec 180" id="prec">90°C</span></div></div></center>
|
|
</article></div>
|
|
<div class="graph__wrapper">
|
|
<div class="coordinates">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<svg width="315px" height="107px">
|
|
<defs>
|
|
<linearGradient x1="0%" y1="100%" x2="100%" y2="100%" id="linearGradient-1">
|
|
<stop stop-color="#000000" offset="0%"></stop>
|
|
<stop stop-color="#000000" offset="41.7610013%"></stop>
|
|
<stop stop-color="#000000" offset="78.6870217%"></stop>
|
|
<stop stop-color="#000000" offset="100%"></stop>
|
|
</linearGradient>
|
|
</defs>
|
|
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
|
|
<path d="M2.10546875,95.75 L40.5546875,68.3476562 L55.2109375,81.1796875 L65.2148437,76.3945312 L96.1835937,86.8320312 L131.023438,19.9414062 L142.15625,23.7226562 L183.605469,2.1953125 L211.007812,22.3320312 L234.320312,71.5664062 L234.667969,83.0039062 L244.019531,83.0039062 L247.105469,88.8320312 L312.695312,104.839844" id="Path-1" stroke="url(#linearGradient-1)" stroke-width="4" sketch:type="MSShapeGroup" class="path"></path>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="wrapper style3" id="adc_settings">
|
|
<article>
|
|
<header><h2>
|
|
ADC settings
|
|
</h2><p>
|
|
My description
|
|
</p></header>
|
|
<!-- Add catory settings -->
|
|
<form><b>Test checkbox checkbox checkbox </b><input type="checkbox" name="checkboxName_category" value="1" checked><input type="hidden" value="0" name="checkboxName_category">  This is a checkbox<br><input type="submit" value="OK"></form><br>
|
|
<form><b>Test Color  </b><input type="color" name="colorName_category" value="#f00000">  This is a checkbox<br><input type="submit" value="OK"></form><br>
|
|
</article></div>
|
|
<div class="wrapper style2" id="wifi_settings">
|
|
<article>
|
|
<header><h2>
|
|
Wifi settings
|
|
</h2><p>
|
|
My description
|
|
</p></header>
|
|
<!-- Add catory settings -->
|
|
<form><b>Test Date  </b><input type="date" name="dateName_category" value="">  This is a date-box<br><input type="submit" value="OK"></form><br>
|
|
<form><b>Test Email  </b><input type="email" name="emailName_category" value="">  This is a email-box<br><input type="submit" value="OK"></form><br>
|
|
<form><b>Test Number  </b><input type="number" name="numberName_category" value="">  This is a number-box<br><input type="submit" value="OK"></form><br>
|
|
<form><b>Test Number  </b><input style="width: 50%;" type="range" id="range1_category_inputID" name="range1_category_inputID" min="0.0" max="10.0" step="0.1" oninput="range1_category_outputID.value = range1_category_inputID.value" value="5.5"><output name="numberName_category_outputID" id="range1_category_outputID">5.5</output><br>This is a range-box<input type="submit" value="OK"></form><br>
|
|
</article></div></body></html>
|