SYDE361/hazard.html at master · shirsks14/SYDE361 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="styles.css">
	<link href='http://fonts.googleapis.com/css?family=Roboto:500,400' rel='stylesheet' type='text/css'>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Safety Check</title>
</head>

<body>
	<header>
		<nav class="navbar">
			<div class="container">
				<a href="javascript:javascript:history.go(-1)"><img src="Images/back-arrow.png"></a>
				<h1>H2S Detected</h1><!--H2S should vary!-->
			</div>
		</nav>
	</header>

	<div class="container hazardinfo">
		<div class="details">
			<img src="Images/levels.png">
			<p>7 ppm</p> <!--populate!-->
		</div>
		<div class="details">
			<img src="Images/time.png">
			<p>July 9, 2015, 2:34 pm</p> <!--show current date!-->
		</div>
		<div class= "details">
			<img src="Images/detectedby.png">
			<p>Detected by John Smith</p>
		</div>

		<div class="recommend">
			<h4>Recommended Safety Procedure</h4>
			<p>Continue to monitor gas levels closely. Be prepared to evacuate if 10ppm is reached.</p>
			<h4>Predictions</h4>
			<p>From analysing detection history, it is estimated that H2S levels will reach 10ppm at 4:45 pm.</p>
		</div>

		<div class="map">
			<img src="Images/infomap.png">
		</div>

		<div class="notes">
			<h4>Notes</h4>
			<img src="Images/janet.png">
			<div class="notehead">
				<p>Janet Perkins</p><!-- If we have time, this will vary !-->
				<h5>2:54 pm</h5>
			</div>
			<p>This is currently being monitored by personnel on site.</p>
			<textarea>
			</textarea>
			<button type="button">ADD NOTE</button>
		</div>
	</div>

</body>
</html>