Firmware for an ad-hoc mesh network of Internet-of-Things devices based on LoRa (Long Range radio) that can be deployed quickly and cheaply.
index.h
Go to the documentation of this file.
1 #ifndef INDEX_H
2 #define INDEX_H
3 
4 const char MAIN_page[] PROGMEM = R"=====(
5 <!DOCTYPE html>
6 <html>
7  <head>
8  <meta charset="utf-8">
9  <meta http-equiv="X-UA-Compatible" content="IE=edge">
10  <title>ClusterDuck Emergency Network</title>
11  <meta name="description" content="ClusterDuck Emergency Network Powered by the ClusterDuck Protocol">
12  <meta name="viewport" content="width=device-width, initial-scale=1">
13  <style>
14  body {
15  background-color: black;
16  font: 14px "Avenir", helvetica, sans-serif;
17  color: white;
18  -webkit-font-smoothing: antialiased;
19  }
20  .logo {
21  width: 100px;
22  padding-top: 16px;
23  }
24  .logo-container {
25  text-align: center;
26  }
27  .content {
28  text-align: center;
29  padding: 0 16px;
30  }
31  .body.on {
32  display: block;
33  }
34  .body.off {
35  display: none;
36  }
37  .body.sent {
38  }
39  .body.sent .c {
40  background: #fff;
41  color: #111;
42  width: auto;
43  max-width: 80%;
44  margin: 0 auto;
45  padding: 1em;
46  }
47  .body.sent .c h4 {
48  margin: 0 0 1em;
49  font-size: 1.5em;
50  }
51  .b {
52  display: block;
53  padding: 20px;
54  text-align: center;
55  cursor: pointer;
56  }
57  .b:hover {
58  opacity: .7;
59  }
60  .lang, .details, .update, .home {
61  display: block;
62  color: #fff;
63  border: 1px solid #fff;
64  font-size: 1.25em;
65  font-weight: 600;
66  line-height: 1.5em;
67  margin-bottom: 1em;
68  }
69  .details {
70  background: #000000;
71  border: 0;
72  }
73  .update {
74  border: 0;
75  background: #fe5454;
76  }
77  #sendReportBtn {
78  box-shadow: 0px 1px 0px 0px #fff6af;
79  background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
80  background-color:#ffec64;
81  border-radius:6px;
82  border:1px solid #ffaa22;
83  cursor:pointer;
84  color:#333333;
85  font-family:Arial;
86  font-size:15px;
87  font-weight:bold;
88  padding:6px 24px;
89  text-decoration:none;
90  text-shadow:0px 1px 0px #ffee66;
91  text-align: center;
92  width: 100%;
93  margin-top: 24px;
94  display: none;
95 
96  }
97  #sendReportBtn:hover {
98  background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
99  background-color:#ffab23;
100  }
101  #sendReportBtn:active {
102  position:relative;
103  top:1px;
104  }
105  #form {
106  background-color: #F5F5F5;
107  color: #333333;
108  width: 100%;
109  max-width: 250px;
110  margin: auto;
111  padding: 32px;
112  border-radius: 8px;
113  text-align: left;
114  }
115  .textbox {
116  padding: 4px;
117  border-radius: 4px;
118  border:solid 1px;
119  /* color: rgb(184, 184, 184); */
120  }
121  .textbox-small {
122  width: 20px;
123  }
124  .textbox-full {
125  width: 100%;
126  }
127  .comments {
128  width: 100%;
129  height: 100px;
130  }
131  .alert{
132  color:red;
133  font-weight: 800;
134  }
135  label {
136  font-weight: bold;
137  }
138  #sendReportBtn.button-on{
139  display: block;
140 
141  }
142 
143 
144  </style>
145  </head>
146  <body>
147  <div class="logo-container">
148  <img class="logo" src='data:image/png;base64,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' alt=''>
149  <h2 class="">ClusterDuck Emergency Network</h2>
150  </div>
151  <div class="content body" id="formContent">
152  <p>You are connected to a ClusterDuck Emergency Network. Please fill out the form to share your status with first responders.</p>
153  <div id="form">
154  <form action="/formSubmit" method="post">
155  <label for="firstName">First Name</label><br>
156  <input class="textbox textbox-full" name="firstName" id="firstName" type="text" placeholder="Tarzán" /><br><br>
157  <label for="lastName">Last Name(s)</label><br>
158  <input class="textbox textbox-full" name="lastName" id="lastName" type="text" placeholder="Bulldog" /> <br /><br>
159  <label for="streetAddress">Street Address</label>
160  <input class="textbox textbox-full" name="streetAddress" id="streetAddress" type="text" placeholder="PR-108" /> <br /> <br />
161  <label for="city">City</label><br>
162  <input class="textbox textbox-full" id="city" name="city" type="text" placeholder="Mayagüez" /><br><br>
163  <label for="zipcode">Zipcode</label><br>
164  <input class="textbox textbox-full" name="zipcode" type="number" placeholder="00682" /> <br /> <br />
165  <label for="phone">Phone</label><br />
166  <input class="textbox textbox-full" name="phone" id="phoneNumber" type="tel" placeholder="787-123-1234" />
167  <br /> <br />
168  <label for="status">Current Status</label><br />
169  <input name="status" id="currentStatusSos" type="radio" value="sos" /> I'm in immediate danger (SOS)
170  <br><input name="status" id="currentStatusOk" type="radio" value="ok" /> OK <br />
171  <br />
172  <label for="status">Needs</label><br />
173  <input type="checkbox" name="water" id="waterNeed" type="radio" value="water" /> Water
174  <input name="transportation" id="transportationNeed" type="checkbox" value="transportation" /> Transportation <br />
175  <input type="checkbox" name="food" id="foodNeed" type="radio" value="food" /> Food
176  <input name="inspection" id="inspectionNeed" type="checkbox" value="inspection" /> Structural Inspection <br />
177  <input type="checkbox" name="firstaid" id="firstAidNeed" type="radio" value="firstaid" /> First Aid
178  <input name="shelter" type="checkbox" id="shelterNeed" value="shelter" /> Shelter <br />
179  <br />
180  <label for="status">How many people are with you?</label><br />
181  <span>Adults </span><input class="textbox textbox-small" name="adults" id="adultsInput" type="number" placeholder="2" />
182  <span>Children </span><input class="textbox textbox-small" name="children" id="childrenInput" type="number" placeholder="2" />
183  <span>Elderly </span><input class="textbox textbox-small" name="elderly" id="elderlyInput" type="number" placeholder="2" /><br><br>
184  <label for="status">Do you have any pets?</label><br />
185  <input class="textbox textbox-full" name="pets" id="petsInput" type="text" placeholder="1 gato y 1 perro" />
186  <br /> <br />
187  <label for="status">Additional Comments</label><br />
188  <textarea class="textbox comments" name="message" id="commentsInput" cols="30" rows="2"></textarea><br />
189  <div id="count">
190 
191  </div>
192  <input type="submit" class="button-on" id="sendReportBtn" value="SEND REPORT" />
193  </form>
194  <p style="font-size: 10px; text-align: center;margin-top: 24px;">Powered by the ClusterDuck Protocol</p>
195  </div>
196  </div>
197  <script type="text/javascript">
198 
199 
200  document.onkeydown = function () {
201  var AllLength = document.getElementById("firstName").value + document.getElementById("lastName").value + document.getElementById("streetAddress").value + document.getElementById("city").value + document.getElementById("commentsInput").value + document.getElementById("petsInput").value;
202  if (130 > AllLength.length) {
203  document.getElementById("count").innerHTML='Length ' + AllLength.length + "/130";
204  document.getElementById("sendReportBtn").classList.add("button-on");
205  document.getElementById("count").classList.remove("alert");
206  } else{
207  document.getElementById("count").innerHTML='Length ' + AllLength.length + "/130";
208  document.getElementById("count").classList.add("alert");
209  document.getElementById("sendReportBtn").classList.remove("button-on");
210  }
211  };
212  </script>
213  </body>
214 </html>
215 )=====";
216 
217 #endif
PROGMEM
const char MAIN_page[] PROGMEM
Definition: index.h:4