The esp8266 portion of the project
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<!DOCTYPE html> <html>
<head> <title>Settings</title> <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" sizes="144x144" href="favicon-144x144.png"> <link rel="icon" type="image/png" sizes="48x48" href="favicon.ico"> <link rel="manifest" href="manifest.json"> <meta name="theme-color" content="#00878f"> <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'> <meta charset="utf-8">
<script src="loadMenu.js" defer></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"> <link href='main.css' rel='stylesheet' type='text/css'> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/esm/popper.js" type="module"></script>
<script src="settings.js" defer></script> <link rel="stylesheet" href="colors.css">
</head>
<body> <div id="navigation"></div>
<section id="form-section"> <div class="container"> <div class="row"> <div class="col-lg-6 offset-lg-3"> <div class="py-5 mt-3"> <!-- <div class="bg-ternary rounded"> --> <div class="card text-white bg-ternary card-form rounded mx-auto shadow-lg p-3 mb-5">
<h2 class="card-header text-center">Change Settings</h2> <div class="card-body rounded"> <form id="myForm"> <div class="form-group"> <label>Select Ballast:</label> <select class="form-control" id="myBallasts" name="ballast"> <option value = "1">Ballast #1</option> <option value = "2">Ballast #2</option> <option value = "3">Ballast #3</option> </select> </div> <div class="form-group"> <label for="">Enter start hour:</label> <input class="form-control" type="text" name="shour" placeholder="Hour" required> </div> <div class="form-group"> <label for="">Enter start minute:</label> <input class="form-control" type="text" name="smin" placeholder="Minute" required> </div> <div class="form-group"> <label for="">Enter amount of time to fade in:</label> <input class="form-control" type="text" name="fadePeriod" placeholder="Fade Period" required> <small class="form-text text-white">Must be a whole number</small> </div> <div class="form-group"> <label for="">Enter end hour:</label> <input class="form-control" type="text" name="ehour" placeholder="Hour" required> </div> <div class="form-group"> <label for="">Enter start minute:</label> <input class="form-control" type="text" name="emin" placeholder="Minute" required> </div> <div class="form-group"> <button class="button form-control">Submit</button> </div> </form> </div> <!-- </div> --> </div> </div> </div> </div> </div> </section>
<script type="text/javascript"> </script> </body>
</html>
|