-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathtravel.php
executable file
·255 lines (230 loc) · 8.3 KB
/
travel.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<?php // The header includes the head tag and start of body
require "includes/head.php";
?>
<meta property="og:title" content="<?php echo $META['shortName']; ?> travel and venue" />
<meta name="twitter:title" content="<?php echo $META['shortName']; ?> travel and venue" />
<style>
div#venuemap {
height: 400px;
width: 100%;
border: 1px solid #CCC;
}
/* NOTE: why Bootstrap doesn't offer an equal column option natively is beyond me */
@media (min-width: 768px) {
.flex-even {
flex: 1;
}
}
.travelIcon {
width: 1.3em;
height: 1.3em;
filter: invert(16%) sepia(91%) saturate(6408%) hue-rotate(156deg) brightness(92%) contrast(88%);
margin-right: 1rem;
margin-top: 0.25rem;
}
</style>
<title>
<?php echo $META['shortName']; ?> Travel & Venue
</title>
<link rel="stylesheet" href="https://iacr.org/libs/js/leafletjs/leaflet.css" />
</head>
<body>
<?php require "includes/nav.php"; ?>
<main class="container">
<h2 class="indPageTitle">
Travel & Venue Information
</h2>
<p>
This information is not yet available. Thank you for your patience.
</p>
<!-- NOTE: below is placeholder content derived from the Crypto
2019 conference. please uncomment and replace with your own
content when ready. this code is here to give you an idea of
what the structure of this page has looked like in the past -->
<div class="row">
<section class="col-md-8">
<p>
The conference will be held on the campus of the University of
California, Santa Barbara (UCSB). UCSB is located approximately two
miles from the <a href="http://www.flysba.com/">Santa Barbara
airport</a>, and about 10 miles from the city center of Santa
Barbara. The airport is served by over 20 flights a day from major
US hub airports. Many rental car agencies are available in the
immediate area. Santa Barbara is approximately 100 miles (160km)
north of the Los Angeles airport and 350 miles (560km) south of San
Francisco.
</p>
</section>
<div class="col-md-4">
<div class="alert customAlert-cool" role="alert">
<img src="images/icons/alert-triangle.svg" class="icon" />
<!-- NOTE: this could be a warning that hotels book up fast in the season -->
Bring a sweater and/or jacket. Santa Barbara
can be cold at night. (This is crucial for the beach party!)
</div>
</div>
</div>
<div id="venuemap" class="mt-2">
</div>
<!-- NOTE: below is an example of how additional information could be
formatted on this page -->
<h3 class="pageSubtitle mt-4">
On-campus accommodations
</h3>
<p>
We hope we'll have this option.
</p>
<div class="d-flex flex-wrap flex-md-nowrap justify-content-around justify-content-start-md">
<section class="flex-even mt-3 px-md-4">
<h4 class="subSubtitle text-center mb-3">
Dormitory rooms
</h4>
<p>
Most convenient but not always the poshest.
</p>
<p>
Once plans are finalized, there will be a link below.
</p>
<a href="https://kaymckelly.com" class="btn customBtn-warm blockBtn disabled mb-4 mb-md-0" role="button" target="_blank">
Register for dorms
</a>
</section>
<section class="flex-even mt-4 mt-md-3 px-md-4">
<h4 class="subSubtitle text-center mb-3">
University Campus Hotel
</h4>
<div class="d-flex">
<img src="images/icons/location.svg" class="travelIcon" />
<address>
Somewhere on Earth<br>
Probably not in the ocean
</address>
</div>
<div class="d-flex">
<img src="images/icons/phone.svg" class="travelIcon" />
<address>
123.012.9876
</address>
</div>
<p class="mt-3">
Rates: guess ;)
</p>
<p>
Locals don't stay here. Hopefully you won't hear the
student parties while you're with us.
</p>
</section>
</div>
<h3 class="pageSubtitle mt-4">
Off-campus accommodations
</h3>
<p>
For those who choose not to stay on-site, the following is a list of
hotels that have provided room blocks for
<?php echo $META['shortName']; ?>. Those who choose to stay off-site are
responsible for making their own reservations. Early reservations are
advised since August is a popular tourist season for the area.
</p>
<aside class="alert customAlert-warm">
<img src="images/icons/alert-triangle.svg" class="icon" />
All prices are subject to change and do not include tax; prices should
be confirmed by calling the hotels directly. Room blocks may be
released as early as two months prior to the conference. You must
mention Crypto 2020 when you are making your reservations so you will
be eligible for any special rates that may be available. Other hotels
are available in the area.
</aside>
<div class="d-flex flex-wrap flex-md-nowrap justify-content-around justify-content-start-md">
<section class="flex-even mt-3 px-md-4">
<h4 class="subSubtitle text-center mb-3">
Extra Posh Hotel
</h4>
<div class="d-flex">
<img src="images/icons/location.svg" class="travelIcon" />
<address>
The fancy downtown area
</address>
</div>
<div class="d-flex">
<img src="images/icons/phone.svg" class="travelIcon" />
<address>
458.927.0634<br>
Fax: 444.127.1212
</address>
</div>
<p class="mt-3">
Rates: how much you got?
</p>
<p>
For the most discerning of conference attendees. Free breakfast,
wifi, and extra pillows. Even though we can't legally say it,
children explicitly unwelcome.
</p>
<a class="btn customBtn-warm blockBtn mb-4 mb-md-0" role="button" href="https://kaymckelly.com" target="_blank">
Reservations
</a>
</section>
<section class="flex-even mt-4 mt-md-3 px-md-4">
<h4 class="subSubtitle text-center mb-3">
Acceptable Inn
</h4>
<div class="d-flex">
<img src="images/icons/location.svg" class="travelIcon" />
<address>
In town
</address>
</div>
<div class="d-flex">
<img src="images/icons/phone.svg" class="travelIcon" />
<address>
413.872.9561
</address>
</div>
<p class="mt-3">
Rates: pocket change?
</p>
<p>
Some information on the internet led you to believe this is a
reasonable place to stay, and it is. Just don't expect luxury for
this price. We expect you to scavenge for breakfast. No mini
cereal boxes here!
</p>
<a class="btn customBtn-warm blockBtn mb-4 mb-md-0" role="button" href="https://kaymckelly.com" target="_blank">
Reservations
</a>
</section>
</div>
</main>
<script src="https://iacr.org/libs/js/leafletjs/leaflet-src.js"></script>
<script>
// You can recover latitude & longitude from this page:
// https://iacr.org/events/edit.php
var mymap = L.map('venuemap').setView([<?php echo $META['longitude'] . ',' . $META['latitude']; ?>], 13);
var tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 18,
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
});
tiles.addTo(mymap);
var points = [{
name: 'Conference venue',
longitude: <?php echo $META['longitude']; ?>,
latitude: <?php echo $META['latitude']; ?>
},
{
name: 'Airport',
longitude: 34.424,
latitude: -119.8365
}
];
for (let i = 0; i < points.length; i++) {
let point = points[i];
var marker = L.marker([point.longitude, point.latitude]).addTo(mymap);
marker.bindPopup("<p>" + point.name + "</p>");
}
</script>
<?php include "includes/footer.php"; ?>
</body>
</html>