-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
156 lines (139 loc) · 4.9 KB
/
index.html
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ChainReact</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--STYLESHEETS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<!--Font Awesome-->
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
<!--Lato Font-->
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato'>
<!--Css-->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/progress-bar.css">
</head>
<body>
<!--CALL USER-->
<script type="text/javascript">
document.write(unescape("%3Cscript src='" + "//panel.mightycall.com/c2c/js/MightyCallC2C_5.4.js' type='text/javascript'%3E%3C/script%3E"));
document.write(unescape("%3Cscript src='" + "//mightycallstorage.blob.core.windows.net/c2cjss/0f276dce-b05e-4711-bffe-d13eb62b535a.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
InitClick2Call();
</script>
<!-- TOP NAVIGATION BAR -->
<div class="topnav">
<a class="logo" href="#home">ChainReact</a>
<div class="topnav-right">
<!-- TOGGLES -->
<div class="user ">
<div class="everything">
<h2 class="toggle">Nearby Emergencies</h2>
</div>
</div>
</div>
</div>
<!-- CLIENT PAGES -->
<div class='center client'>
<h2 class='larger-font'>Nearby Emergencies</h2>
<!-- <h2 class='smaller-font'>Know your rights</h2>-->
<!--STEP 2: SELECT ALERT -->
<div class='client-options'>
<div class='go-to'>
<span>Patient Type</span>
<span>Distance</span>
</div>
<div class='go-to'>
<span>Patient Type</span>
<span>Distance</span>
</div>
<div class='go-to'>
<span>Patient Type</span>
<span>Distance</span>
</div>
<div class='go-to'>
<span>Patient Type</span>
<span>Distance</span>
</div>
</div>
</div>
<!-- PATIENT PAGES -->
<div class='center patient'>
<!--NUMBERS OF THE STEPS -->
<div class='progress'>
<div class='step one active'>1</div>
<div class='bar two'></div>
<div class='step two'>2</div>
<div class='bar three'></div>
<div class='step three'>3</div>
</div>
<!--STEP 1: SELECT ALERT TYPE -->
<div class='alarm'>
<!--
<div class='information'>
<span>Your information:</span>
<span>Insert here.</span>
<span>You are at:</span>
<span id="location1"></span>
</div>
-->
<div class='send-alert'>
<i class='fa fa-bell'></i>
<span>
Send an alert
</span>
</div>
</div>
<!--STEP 2: SELECT ALERT -->
<div class='type'>
<button class='update-info'>
Update
</button>
<div class='select'>
<span>Emergency Type</span>
<span>Everyone</span>
</div>
<div class='select'>
<span>Emergency Type</span>
<span>Everyone</span>
</div>
<div class='select'>
<span>Emergency Type</span>
<span>Everyone</span>
</div>
<div class='select'>
<span>Emergency Type</span>
<span>Everyone</span>
</div>
</div>
<!--STEP 3: CONFIRM AND SEND -->
<div class='confirm'>
<div class='message'>
<strong>Emergency Alert</strong>
<span>There is an Emergency Type
at <p id="location"></p>. Some sort of prompt to the helper.</span>
</div>
<div class='text'>
You are about to broadcast this
emergency
<span class='tname'>Emergency Type</span>
to
<span class='twhere'>Everyone</span>
</div>
<div class='text'>
Are you sure?
</div>
<button class='yes' onclick="notifyMe()">
Yes, broadcast now
</button>
<button class='no'>
No, go back
</button>
</div>
</div>
<!--SCRIPTS -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script src="js/index.js"></script>
</body></html>