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.
88 lines
4.4 KiB
88 lines
4.4 KiB
<!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>
|