diff options
Diffstat (limited to 'www')
| -rw-r--r-- | www/checklists.html.in | 20 | ||||
| -rw-r--r-- | www/checklists/Pit_Safety_Checklist.html | 42 | ||||
| -rw-r--r-- | www/checklists/Pre-match_Robot_Checklist.html | 37 | ||||
| -rw-r--r-- | www/css/index.scss | 52 | ||||
| -rw-r--r-- | www/index.html | 2 |
5 files changed, 150 insertions, 3 deletions
diff --git a/www/checklists.html.in b/www/checklists.html.in new file mode 100644 index 0000000..b12f7a3 --- /dev/null +++ b/www/checklists.html.in @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8" /> + <meta name="format-detection" content="telephone=no" /> + <meta name="msapplication-tap-highlight" content="no" /> + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> + <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> + <link rel="stylesheet" type="text/css" href="css/index.css" /> + <script src="cordova.js"></script> + <title>FRC Team 4272 Safety - Pit Checklists</title> + </head> + <body id="msds"> + <header> + <nav><a href="./index.html">«</a></nav> + <h1>Pit Checklists</h1> + </header> + @list@ + </body> +</html> diff --git a/www/checklists/Pit_Safety_Checklist.html b/www/checklists/Pit_Safety_Checklist.html new file mode 100644 index 0000000..2cfc1bb --- /dev/null +++ b/www/checklists/Pit_Safety_Checklist.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8" /> + <meta name="format-detection" content="telephone=no" /> + <meta name="msapplication-tap-highlight" content="no" /> + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> + <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> + <link rel="stylesheet" type="text/css" href="../css/index.css" /> + <script src="../cordova.js"></script> + <script src="../js/report.js"></script> + <title>FRC Team 4272 Safety - Pit Safety Checklist</title> + </head> + <body id="checklist"> + <header> + <nav><a href="../index.html">«</a></nav> + <h1>Pit Safety Checklist</h1> + </header> + <form action="https://www.team4272.com/safety/pit-safety-checklists/" method="POST"> + <div>Reason:<ul> + <li><label><input type="radio" name="reason" required="required" value="match" />Match</label></li> + <li><label><input type="radio" name="reason" required="required" value="practice" />Practice</label></li> + <li><label><input type="radio" name="reason" required="required" value="inspection" />Inspection</label></li> + <li><label><input type="radio" name="reason" required="required" value="end of day" />End of Day</label></li> + </ul></div> + <ul> + <li><label><input type="checkbox" required="required" name="floor" />Floor Swept</label></li> + <li><label><input type="checkbox" required="required" name="tools" />Tools put away</label></li> + <li><label><input type="checkbox" required="required" name="trash" />Trash Thrown away</label></li> + <li><label><input type="checkbox" required="required" name="materials" />All materials back in proper place</label></li> + <li><label><input type="checkbox" required="required" name="wires" />Wires and cords in check</label></li> + <li><label><input type="checkbox" required="required" name="straighten" />General straightening up</label></li> + <li><label><input type="checkbox" required="required" name="hazards" />Scan for Hazards</label></li> + <li><label><input type="checkbox" required="required" name="batteries" />Charge Batteries</label></li> + </ul> + <label><span>Safety Captain:</span><input type="text" required="required" name="safety_captain" value="Braydon" /></label> + <label><span>Pit Captain:</span><input type="text" required="required" name="pit_captain" value="Thomas" /></label> + <label><span>Mentor:</span><input type="text" required="required" name="mentor" /></label> + <input type="submit" value="Submit"/> + </form> + </body> +</html> diff --git a/www/checklists/Pre-match_Robot_Checklist.html b/www/checklists/Pre-match_Robot_Checklist.html new file mode 100644 index 0000000..0cec5f3 --- /dev/null +++ b/www/checklists/Pre-match_Robot_Checklist.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8" /> + <meta name="format-detection" content="telephone=no" /> + <meta name="msapplication-tap-highlight" content="no" /> + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> + <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> + <link rel="stylesheet" type="text/css" href="../css/index.css" /> + <script src="../cordova.js"></script> + <script src="../js/report.js"></script> + <title>FRC Team 4272 Safety - Pre-match Robot Checklist</title> + </head> + <body id="checklist"> + <header> + <nav><a href="../index.html">«</a></nav> + <h1>Pre-match Robot Checklist</h1> + </header> + <form action="https://www.team4272.com/safety/pre-match-checklists/" method="POST"> + <ul> + <li><label><input type="checkbox" required="required" name="bumpers" />Swap and secure bumpers, if necessary</label></li> + <li><label><input type="checkbox" required="required" name="pneumatic" />Pressurize pneumatics</label></li> + <li><label><input type="checkbox" required="required" name="battery" />Replace and secure battery</label></li> + <li><label><input type="checkbox" required="required" name="frame" />Check Frame; make sure nothing is loose</label></li> + <li><label><input type="checkbox" required="required" name="encoders" />Check encoders</label></li> + <li><label><input type="checkbox" required="required" name="climber" />Reset Climber and check direction</label></li> + <li><label><input type="checkbox" required="required" name="rope" />Check rope</label></li> + <li><label><input type="checkbox" required="required" name="ged" />Check GED and Ramp</label></li> + <li><label><input type="checkbox" required="required" name="gear" />Test with gear</label></li> + </ul> + <label><span>Match Number:</span><input type="number" required="required" name="match" /></label> + <label><span>Completed by (student):</span><input type="text" required="required" name="student" /></label> + <label><span>Approved by (mentor):</span><input type="text" required="required" name="mentor" /></label> + <input type="submit" value="Submit"/> + </form> + </body> +</html> diff --git a/www/css/index.scss b/www/css/index.scss index 514865d..748dcd3 100644 --- a/www/css/index.scss +++ b/www/css/index.scss @@ -47,7 +47,10 @@ html { color: $red; } } - input[type=text], input[type=password], input[type=email], select { + input, select, textarea { + font-size: 4vw; + } + input[type=text], input[type=password], input[type=email], input[type=number], select { padding: 0 0.25em; border: none; background: bottom left linear-gradient(#a9a9a9, #a9a9a9) no-repeat, @@ -66,6 +69,7 @@ html { option[disabled] { display: none; } } } + body#index { height: 100%; table { @@ -211,4 +215,48 @@ body#emergency { width: 100%; height: auto; } -}
\ No newline at end of file +} + +body#checklist { + margin: 0.5em; + form { + width: 100%; + label { + margin-bottom: 0.25em; + } + ul { + padding: 0; + } + li { + list-style-type: none; + text-indent: -2em; + padding-left: 2em; + } + div { + text-indent: -2em; + padding-left: 2em; + ul { + display: inline; + li { + display: inline-block; + } + } + } + & > label { + display: table; + widht: 100%; + span { + display: table-cell; + width: 8em; + } + input { + display: table-cell; + width: 100%; + } + } + input[type=submit] { + width: 100%; + height: 3em; + } + } +} diff --git a/www/index.html b/www/index.html index f362ed0..defe821 100644 --- a/www/index.html +++ b/www/index.html @@ -21,7 +21,7 @@ </tr> <tr> <td><div><a href="./pdfjs/web/viewer.html?file=../../Member_Health_Information.pdf">Member Health Information</a></div></td> - <td><div class="logo"><a href="http://team4272.com/"> </a></div></td> + <td><div class="logo"><a href="./checklists.html">Pit Procedures</a></div></td> <td><div><a href="./MSDS.html">MSDS</a></div></td> </tr> <tr> |