-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
272 lines (242 loc) · 6.94 KB
/
index.html
File metadata and controls
272 lines (242 loc) · 6.94 KB
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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
<html>
</head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<title>Dry Guys Hack 2019 Sustainable Cities</title>
<style>
.title
{
text-align: center;
}
img
{
display: block;
max-width:400px;
max-height:400px;
width: auto;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 30px;
}
.top-buffer
{
margin-top: 30px;
margin-bottom: 30px;
}
@media (min-width:992px)
{
.side-buffer-large
{
padding-left: 100px;
padding-right: 100px;
}
}
p {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 17px;
letter-spacing: 2px;
text-align: justify;
margin-top: 20px;
}
@media (max-width: 765px) {
.sm-lr-pad
{
margin-left: 20px;
margin-right: 20px;
}
}
.tabcell {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 17px;
letter-spacing: 2px;
vertical-align: top;
text-align:center;
}
table {
width: 100%;
border-collapse: separate;
border-spacing: 20 40px;
}
h2, h3, h1{
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
letter-spacing: 2px;
font-weight: bold;
}
h1 {
font-size: 48px;
margin-bottom:-20px;
}
#subtitle {
font-weight: normal
}
#lastpara {
margin-top: 30px;
margin-bottom: 100px;
}
hr {
border: 0;
height: 2px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}
.tabtitle {
text-align: center;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 32px;
}
</style>
</head>
<body>
<div class ="container">
<div class="row">
<div class = "col-sm title">
<h1>
<i>Snoomba</i>
</h1>
<h3 id = "subtitle"> A Roomba for Clearing Snow</h3>
</div>
</div>
<div class="row">
<div class = "col-sm title">
<h3>
The Dry Guys — 2019
</h3>
</div>
</div>
</div>
<hr>
<div class ="container">
<div class="row side-buffer-large">
<div class = "col-sm title">
<div class = "sm-lr-pad">
<p>
The <i>Snoomba</i> is a modified roomba that clears and salts snow covered driveways and pathways.
<i>Snoomba</i> can be controlled by your smart phone device or can be set to monitor weather conditions and start work autonomously.<br>
</p>
</div>
</div>
</div>
<div class="row top-buffer">
<div class = "col-sm title">
<img src="https://github.com/sarchwalk/dryguyshack2019Code/blob/master/thumbnail_image5_crop_notitle.jpg?raw=true" alt="The Roomba">
</div>
</div>
</div>
<hr>
<div class ="container">
<div class="row">
<div class="col-sm title">
<h2>
<i>Why?</i>
</h2>
</div>
</div>
<div class="row side-buffer-large">
<div class="col-sm title">
<div class = "sm-lr-pad">
<p>
Citizens of Calgary can face fines worth up to $750 for not clearing their sidewalks within
24 hours of snowfall. While this bylaw ensures that sidewalks are safe for use, it
also requires an intense amount of physical work in sometimes unbearable weather conditions.
<i>Snoomba</i> provides a solution for everyday homeowners to clear their sidewalks, driveways,
and nearby pathways from the comfort of their homes.
</p>
</div>
</div>
</div>
</div>
<div class ="container">
<div class="row">
<div class="col-sm title">
<h2>
<i>How?</i>
</h2>
</div>
</div>
<div class="row side-buffer-large">
<div class="col-sm title">
<div class = "sm-lr-pad">
<p>
The <i>Snoomba</i> Home Dock uses an onboard algorithm to determine when there is snow to plow or if ice conditions suggest
the need for ice salt. The Dock is where the <i>Snoomba</i> charges, stays protected from the elements when not in use, and how
it communicates with your smart device.<br>
</p>
</div>
</div>
</div>
<div class="row top-buffer side-buffer-large">
<div class="col-sm">
<img src="https://github.com/sarchwalk/dryguyshack2019Code/blob/master/thumbnail_image1_crop_notitle.jpg?raw=true" alt="Home Design">
</div>
</div>
<div class="row top-buffer side-buffer-large">
<div class="col-sm">
<div class = "sm-lr-pad">
<p>
<i>Snoomba</i> is designed to work throughout the day and night, ensuring that your sidewalk and driveway are clear for when
you leave in the morning and when you arrive in the evening. Electric motors are employed to ensure that neighbours are not
disturbed in the early hours of the day and are a greener option than traditional gasoline powered snow removal methods.
<p>
</div>
</div>
</div>
<div class="row top-buffer side-buffer-large">
<div class="col-sm-6">
<img src="https://github.com/sarchwalk/dryguyshack2019Code/blob/master/thumbnail_image3.jpg?raw=true" alt="Salt Sprinkler">
</div>
<div class="col-sm-6">
<img src="https://github.com/sarchwalk/dryguyshack2019Code/blob/master/thumbnail_image4.jpg?raw=true" alt="Tank Stopper">
</div>
</div>
</div>
<hr>
<div class = "container">
<div class = "row">
<div class = "col-md-4">
<div class="row top-buffer tabtitle">
Benefits
</div>
<div class = "row tabcell">
Requires little to no supervision <br> <br>
Has a fully customizabe schedule <br> <br>
Does not emit harmful fumes
</div>
</div>
<div class = "col-md-4">
<div class="row top-buffer tabtitle">
Marketability
</div>
<div class = "row tabcell">
Possible customers include universities and homes <br> <br>
Applications on both public and private properties
</div>
</div>
<div class = "col-md-4">
<div class="row top-buffer tabtitle">
Security
</div>
<div class = "row tabcell">
Docking stations have unique verification ID's <br><br>
Integrated GPS for easy tracking <br><br>
Visibile colours and flag
</div>
</div>
</div>
</div>
<hr>
<div class ="container">
<div class="row side-buffer-large" id = "lastpara">
<div class = "col-sm">
<div class = "sm-lr-pad">
<p>
<i>Snoomba</i> prevents snow accumulation and ice formation by working continuously
through the day and night. It is completely programmable through the app,
where you can drive the <i>Snoomba</i> using the in-app controls.
<i>Snoomba's</i> docking station refills the salt reservoir and charges the robot, keeping
it relatively maintenance free.
</p>
</div>
</div>
</div>
</div>
</body>
</html>