-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
391 lines (389 loc) · 23.6 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
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
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
<!doctype html>
<html>
<head>
<title>Easter at Flatland Church | Omaha, NE Easter Services</title>
<meta charset="utf-8">
<meta name="viewport" content="user-scalable=no,initial-scale=1.0,width=device-width">
<link rel="icon" type="image/x-icon" href="https://flatlandchurch.com/static/fl_glyph_favicon.ico">
<link rel="stylesheet" href="style.css">
<link rel="preload" href="sections.css" as="style" onload="this.rel = 'stylesheet'">
<link rel="preload" href="locations.css" as="style" onload="this.rel = 'stylesheet'">
<link rel="preload" href="form.css" as="style" onload="this.rel = 'stylesheet'">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:700" rel="stylesheet">
<meta name="robots" content="index, follow">
<meta name="author" content="Flatland Church">
<meta property="og:type" content="place">
<meta property="og:title" content="Easter at Flatland Church | Omaha, NE Easter Services">
<meta property="og:url" content="https://easteratflatland.com">
<meta property="og:image" content="https://firebasestorage.googleapis.com/v0/b/flatland-api.appspot.com/o/slide-main.png?alt=media&token=a0261a49-8bb4-49c8-9b1e-04eb51d28edf">
<meta property="fb:app_id" content="1007632336053609">
<meta property="place:location:latitude" content="41.2991369">
<meta property="place:location:longitude" content="-96.1471382">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@flatlandchurch">
<meta name="twitter:title" content="Easter at Flatland Church | Omaha, NE Easter Services">
<meta name="description" content="Easter is an opportunity to celebrate the resurrection of Jesus. Come celebrate with us this year.">
<meta property="og:description" content="Easter is an opportunity to celebrate the resurrection of Jesus. Come celebrate with us this year.">
<meta name="twitter:description" content="Easter is an opportunity to celebrate the resurrection of Jesus. Come celebrate with us this year.">
<meta name="twitter:image" content="https://firebasestorage.googleapis.com/v0/b/flatland-api.appspot.com/o/slide-main.png?alt=media&token=a0261a49-8bb4-49c8-9b1e-04eb51d28edf">
<noscript>
<link rel="stylesheet" href="sections.css">
<link rel="stylesheet" href="locations.css">
<link rel="stylesheet" href="form.css">
</noscript>
<script>
(() => {
if (window.localStorage.getItem('fc:egg:dev') === null) {
window.localStorage.setItem('fc:egg:dev', 'true');
}
window.Flatland = class {
static disableDevMessage = () => {
window.localStorage.setItem('fc:egg:dev', 'false');
}
};
})();
</script>
<script>
(() => {
const title = `
_____ _ _ _ _ ____ _ _
| ___| | __ _| |_| | __ _ _ __ __| | / ___| |__ _ _ _ __ ___| |__
| |_ | |/ _\` | __| |/ _\` | '_ \\ / _\` | | | | '_ \\| | | | '__/ __| '_ \\
| _| | | (_| | |_| | (_| | | | | (_| | | |___| | | | |_| | | | (__| | | |
|_| |_|\\__,_|\\__|_|\\__,_|_| |_|\\__,_| \\____|_| |_|\\__,_|_| \\___|_| |_|
`;
const message = `\n\nWelcome to Flatland Church!\n\nWant to help people grow in their faith and serve the Kingdom?\nVolunteer with Flatland Church. https://flatlandchurch.com`;
const turnOff = `\n\n---\n\nIf you don't want to see this message next time, run this statement in the console:\n\n\tFlatland.disableDevMessage()`;
const dev = window.localStorage.getItem('fc:egg:dev');
if (dev && dev === 'true') {
console.log([title, message, turnOff].join(''));
}
})();
</script>
<script src="addToCalendar.js"></script>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Event",
"name": "Easter at Flatland Church",
"description": "Easter is an opportunity to celebrate the resurrection of Jesus. Come celebrate with us this year at Flatland Church.",
"startDate": "2019-04-21",
"endDate": "2019-04-21",
"location": {
"@type": "Place",
"name": "Flatland Church",
"address": {
"streetAddress": "4801 N 144th Street",
"addressLocality": "Omaha",
"addressRegion": "Nebraska"
}
}
}
</script>
</head>
<body style="background: #f8f8f8;">
<div class="wrapper">
<div class="jumbotron">
<header>
<div id="logo">
<svg version="1.1" viewBox="0 0 279.083 51.333" id="logo">
<g id="logo-name">
<rect x="53.333" fill="none" width="248" height="51.333"></rect>
<g enable-background="new">
<path fill="#fff" d="M64.283,22.703h10.366v7.299H64.283V51.1h-8.03V0.001h21.242v7.3H64.283V22.703z"></path>
<path fill="#fff" d="M81.365,0.001h8.03v43.798h13.212V51.1H81.365V0.001z"></path>
<path fill="#fff" d="M132.099,51.1h-8.103l-1.387-9.271h-9.854l-1.387,9.271h-7.373l8.176-51.099h11.752L132.099,51.1z M113.776,34.895h7.738l-3.869-25.842L113.776,34.895z"></path>
<path fill="#fff" d="M133.486,0.001h24.819v7.3h-8.395V51.1h-8.029V7.301h-8.395V0.001z"></path>
<path fill="#fff" d="M161.809,0.001h8.029v43.798h13.213V51.1h-21.242V0.001z"></path>
<path fill="#fff" d="M212.542,51.1h-8.103l-1.387-9.271h-9.855l-1.387,9.271h-7.373l8.176-51.099h11.753L212.542,51.1z M194.22,34.895h7.737l-3.869-25.842L194.22,34.895z"></path>
<path fill="#fff" d="M223.42,14.09V51.1h-7.228V0.001h10.074l8.249,30.585V0.001h7.153V51.1h-8.249L223.42,14.09z"></path>
<path fill="#fff" d="M247.436,0.001h12.701c8.03,0,11.973,4.453,11.973,12.629v25.841c0,8.176-3.942,12.629-11.973,12.629 h-12.701V0.001z M255.465,7.301v36.499h4.526c2.555,0,4.088-1.312,4.088-4.963V12.265c0-3.649-1.533-4.964-4.088-4.964H255.465z"></path>
</g>
</g>
<g id="logo-glyph">
<rect fill="#fff" width="51.499" height="16.333"></rect>
<rect y="17.5" fill="#fff" width="51.499" height="16.333"></rect>
<rect y="35" fill="#fff" width="16.332" height="16.332"></rect>
<rect x="17.583" y="35" fill="#ACC35B" width="33.916" height="16.332"></rect>
</g>
</svg>
</div>
<nav>
<a href="#schedule">Schedule</a>
<a href="#about">About</a>
<a href="#locations">Locations</a>
</nav>
<a href="#visit" class="cta subtle">Plan a Visit</a>
</header>
<div class="jumbotron-logo"></div>
</div>
<div class="red-bar">
<h1>Celebrate resurrection at Flatland Church.</h1>
</div>
<section>
<div>
<h2 id="story">The Story</h2>
<p>Two thousand years ago God revealed Himself in Jesus. Jesus spent three years teaching and healing throughout ancient Palestine. Though despite his miracles and teachings of life, peace and a new Kingdom, the powers of the day sought put Him to death.</p>
<p>Three days after His untimely death, Jesus walked out of a garden tomb, establishing a new Kingdom. He sent out His followers to preach the salvation that His Kingdom brings.</p>
<p>Every year we celebrate by the death and resurrection of Jesus and anxiously look forward to His coming return.</p>
</div>
</section>
<div class="parallax">
<div class="bg bg-jesus"></div>
</div>
<section>
<div>
<h2 id="schedule">Schedule</h2>
<div class="schedule-container">
<div class="schedule-card">
<div class="image">
<img src="https://images.unsplash.com/photo-1491396023581-4344e51fec5c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1934&q=80" />
</div>
<div class="info">
<h3>Good Friday</h3>
<div class="pills">
<div>144 Only</div>
</div>
<p>4/19 • 7:00am, 7:00pm</p>
</div>
</div>
<div class="schedule-card">
<div class="image">
<img src="https://images.unsplash.com/photo-1521106581851-da5b6457f674?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2106&q=80" />
</div>
<div class="info">
<h3>Easter Sunday</h3>
<div class="pills">
<div>All Campuses</div>
</div>
<p>4/21 • 9:30am, 11:00am</p>
</div>
</div>
</div>
<p class="center">Find a location that works best for you.</p>
<a href="#locations" class="cta primary">Locations</a>
</div>
</section>
<div class="cross-container">
<div class="cross"></div>
<div class="cross"></div>
<div class="cross"></div>
</div>
<section>
<div>
<h2 id="about">About Flatland Church</h2>
<p>We get it, church can be scary, especially when you don’t know what you might get yourself into. At Flatland Church we’re all about helping people move closer to the center of God’s Kingdom, where we believe real life transformation happens. As a result, you’ll start to influence your friends, family, and neighborhood.</p>
</div>
</section>
<div class="parallax">
<div class="bg bg-bart"></div>
</div>
<section class="full-width">
<div>
<h2 id="locations">Locations</h2>
<div class="location-container">
<div class="location-card">
<div class="info">
<h3>Flatland 144</h3>
<p>Located between Maple and Fort on 144th Street</p>
<p><a target="_blank" href="https://www.google.com/maps/place/Flatland+Church/@41.3039152,-96.1399369,17z/data=!3m1!4b1!4m5!3m4!1s0x8793edc40dfb7771:0xf3874f8166d2b53b!8m2!3d41.3039152!4d-96.1377482" class="cta primary">Get Directions</a></p>
</div>
<div class="image">
<img src="https://firebasestorage.googleapis.com/v0/b/flatland-api.appspot.com/o/IMG_1305.JPG?alt=media&token=c3bf8aaf-535b-4b68-83f7-70da6b8ea8ce"/>
</div>
<div class="time-cards">
<div class="time-card">
<div class="date">
<p>19</p>
<p aria-label="April">APR</p>
</div>
<div class="title"><strong>Good Friday</strong> 7:00am</div>
<button
class="btn"
onclick="addToCalendar(this.dataset)"
data-startTime="20190419T120000Z"
data-endTime="20190419T130000Z"
data-location="Flatland Church 144 4801 N 144th Street Omaha NE 68116"
data-title="Good Friday at Flatland 144"
data-description="https://easteratflatland.com"
>Add to Calendar</button>
</div>
<div class="time-card">
<div class="date">
<p>19</p>
<p aria-label="April">APR</p>
</div>
<div class="title"><strong>Good Friday</strong> 7:00pm</div>
<button
class="btn"
onclick="addToCalendar(this.dataset)"
data-startTime="20190420T000000Z"
data-endTime="20190420T010000Z"
data-location="Flatland Church 144 4801 N 144th Street Omaha NE 68116"
data-title="Good Friday at Flatland 144"
data-description="https://easteratflatland.com"
>Add to Calendar</button>
</div>
<div class="time-card">
<div class="date">
<p>21</p>
<p aria-label="April">APR</p>
</div>
<div class="title"><strong>Easter Sunday</strong> 9:30am</div>
<button
class="btn"
onclick="addToCalendar(this.dataset)"
data-startTime="20190421T143000Z"
data-endTime="20190421T153000Z"
data-location="Flatland Church 144 4801 N 144th Street Omaha NE 68116"
data-title="Easter at Flatland 144"
data-description="https://easteratflatland.com"
>Add to Calendar</button>
</div>
<div class="time-card">
<div class="date">
<p>21</p>
<p aria-label="April">APR</p>
</div>
<div class="title"><strong>Easter Sunday</strong> 11:00am</div>
<button
class="btn"
onclick="addToCalendar(this.dataset)"
data-startTime="20190421T160000Z"
data-endTime="20190421T170000Z"
data-location="Flatland Church 144 4801 N 144th Street Omaha NE 68116"
data-title="Easter at Flatland 144"
data-description="https://easteratflatland.com"
>Add to Calendar</button>
</div>
</div>
</div>
<div class="location-card">
<div class="image">
<img src="https://firebasestorage.googleapis.com/v0/b/flatland-api.appspot.com/o/Screen%20Shot%202019-02-16%20at%2012.04.09%20AM.png?alt=media&token=1932325a-8f1a-48b5-8979-33dce17dc776"/>
</div>
<div class="info">
<h3>Flatland 174</h3>
<p>Located between 168th and 180th on Pacific Street</p>
<p><a target="_blank" href="https://www.google.com/maps/place/Pacific+Springs+Assembly-God/@41.247927,-96.1905349,17z/data=!3m1!4b1!4m5!3m4!1s0x8793f1b111018337:0x358703b77b78decf!8m2!3d41.247927!4d-96.1883462" class="cta primary">Get Directions</a></p>
</div>
<div class="time-cards">
<div class="time-card">
<div class="date">
<p>21</p>
<p aria-label="April">APR</p>
</div>
<div class="title"><strong>Easter Sunday</strong> 11:00am</div>
<button
class="btn"
onclick="addToCalendar(this.dataset)"
data-startTime="20190421T160000Z"
data-endTime="20190421T170000Z"
data-location="Flatland Church 174 17515 Pacific St Omaha NE 68116"
data-title="Easter at Flatland 174"
data-description="https://easteratflatland.com"
>Add to Calendar</button>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="parallax">
<div class="bg bg-heaven"></div>
</div>
<section id="visit-section">
<div>
<h2 id="visit">Let Us Know You're Coming</h2>
<form autocomplete="on" id="visit-form">
<div class="form-control">
<label for="name">Name</label>
<input type="text" id="name" name="name" autocomplete="name" required />
</div>
<div class="form-control">
<label for="email">Email</label>
<input type="email" id="email" name="email" autocomplete="email" required />
<span class="help-text">We take your privacy seriously. No spam. No selling off your email.</span>
</div>
<div class="form-control">
<label for="good-friday">Good Friday Service (Optional)</label>
<div class="radio-group" id="good-friday">
<div class="radio">
<input type="checkbox" id="GF07" value="GF07" name="GF07" />
<label for="GF07">7:00am</label>
</div>
<div class="radio">
<input type="checkbox" id="GF19" value="GF19" name="GF19" />
<label for="GF19">7:00pm</label>
</div>
</div>
</div>
<div class="form-control">
<label for="easter-sunday">Easter Sunday</label>
<div class="radio-group" id="easter-sunday">
<div class="radio">
<input type="radio" id="ES144930" value="ES144930" name="service" checked />
<label for="ES144930">Flatland 144 9:30am</label>
</div>
<div class="radio">
<input type="radio" id="ES14411" value="ES14411" name="service" />
<label for="ES14411">Flatland 144 11:00am</label>
</div>
<div class="radio">
<input type="radio" id="ES17411" value="ES17411" name="service" />
<label for="ES17411">Flatland 174 11:00am</label>
</div>
</div>
</div>
<button type="submit" class="btn" id="form-submit">Fire Away!</button>
</form>
</div>
</section>
<section class="not-sure">
<div>
<h2>Still Not Sure?</h2>
<p>Check out a few of our favorite messages from lead pastor Bart Wilkins to get a feel for what our services are like.</p>
</div>
<div class="playlist-container">
<div class="video-tile">
<a href="https://flatlandchurch.com/watch/carry-on">
<img src="https://firebasestorage.googleapis.com/v0/b/flatland-api.appspot.com/o/Screen%20Shot%202019-03-24%20at%2011.56.08%20AM.png?alt=media&token=77e1338b-b0c2-41df-b1d7-b55afa732a57" />
<h3>Carry On</h3>
</a>
</div>
<div class="video-tile">
<a href="https://flatlandchurch.com/watch/a-view-from-heaven">
<img src="https://i.imgur.com/xu3wCEw.jpg" />
<h3>A View From Heaven</h3>
</a>
</div>
<div class="video-tile">
<a href="https://flatlandchurch.com/watch/prince-of-peace">
<img src="https://i.imgur.com/wi4DAr9.jpg" />
<h3>Prince of Peace</h3>
</a>
</div>
<div class="video-tile">
<a href="https://flatlandchurch.com/watch/the-transfiguration">
<img src="https://firebasestorage.googleapis.com/v0/b/flatland-api.appspot.com/o/sermons%2FScreen%20Shot%202018-12-03%20at%201.14.22%20PM.png?alt=media&token=b1035801-c652-4be4-81a0-8b4fc34b84f8" />
<h3>The Transfiguration</h3>
</a>
</div>
</div>
</section>
<div class="cross-container">
<div class="cross"></div>
<div class="cross"></div>
<div class="cross"></div>
</div>
<section>
<div>
<h2 id="share">Invite Someone</h2>
</div>
</section>
</div>
<script src="submitForm.js"></script>
<script async defer src="https://cdn.simpleanalytics.io/hello.js"></script>
<noscript><img src="https://api.simpleanalytics.io/hello.gif" alt=""></noscript>
</body>
</html>