-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
208 lines (207 loc) · 7.17 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script
defer=""
src="https://use.fontawesome.com/releases/v5.12.1/js/all.js"
></script>
<link rel="stylesheet" href="/css/additional.css" />
<link rel="stylesheet" href="/css/farese.css" />
<!-- Web app manifest -->
<link rel="manifest" href="/manifest.webmanifest" />
<!-- Header bar theme -->
<meta name="theme-color" content="#00538f" />
<!-- Android Chrome header color -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- Fullscreen mode for iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#00538f" />
<!-- iOS Safari header color -->
<meta name="msapplication-navbutton-color" content="#00538f" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="/img/icons/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/img/icons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/img/icons/favicon-16x16.png"
/>
<link
rel="mask-icon"
href="/img/icons/safari-pinned-tab.svg"
color="#0067b2"
/>
<meta name="msapplication-TileColor" content="#2b5797" />
<!-- <meta name="theme-color" content="#0067b2"> -->
</head>
<body class="bg-dark">
<nav
class="navbar navbar-expand-md bg-primary border border-primary navbar-dark"
>
<div class="container">
<a class="navbar-brand" href="/">Farese.com</a>
<button
class="navbar-toggler navbar-toggler-right"
type="button"
data-toggle="collapse"
data-target="#navbar2SupportedContent"
aria-controls="navbar2SupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse text-center justify-content-end"
id="navbar2SupportedContent"
>
<ul class="navbar-nav ml-auto text-light">
<li class="nav-item text-center">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item text-center">
<a class="nav-link" href="/about/">About</a>
</li>
<li class="nav-item text-center">
<a class="nav-link" href="/map/">Map</a>
</li>
<li class="nav-item text-center">
<a class="nav-link" href="/list/">List</a>
</li>
<li class="nav-item text-center">
<a class="nav-link" href="/legacy/">Legacy</a>
</li>
</ul>
</div>
</div>
</nav>
<div
class="text-center d-flex align-items-center bg-faded py-5 border border-primary bg-primary text-white"
>
<div class="container">
<div class="row">
<div class="col-lg-12 my-3">
<h1>Welcome to an online directory</h1>
<h2>of Reformed Baptist churches</h2>
</div>
</div>
</div>
</div>
<div class="section py-5 bg-secondary border border-secondary">
<div class="container">
<div class="row">
<div class="col-md-6 p-4">
<h2 class="text-sm-center text-center text-white">About</h2>
<p class="text-justify my-3 text-info">
This directory of Reformed Baptist churches is a collection of
<span id="church_number"></span> churches that hold to the 1689
London Baptist Confession of Faith or a similar statement of
faith. It is our desire that this list would be used of God
to help Christians find a church when considering a move, or when
planning a trip.
</p>
</div>
<div class="col-md-6 p-4">
<h2 class="text-sm-center text-center text-white">
Quick Disclaimer
</h2>
<p class="text-justify my-3 text-info">
We do not personally know all of these churches nor can we
recommend them from personal knowledge. Some of the churches
listed in this directory may not be considered by all to be
distinctly Reformed. However, they would be like-minded in several
areas of faith and practice and so are listed on this directory.
</p>
</div>
</div>
</div>
</div>
<div class="section bg-white p-4">
<div class="container">
<div class="row">
<div class="mx-auto p-0 col-md-6">
<div class="row h-100 p-4">
<div class="col-md-11 my-auto mx-auto">
<h2 class="text-sm-center text-center text-primary my-auto">
Find a church
</h2>
<p class="text-dark my-2 mx-auto w-100 lead">
Visit the <a href="/map/" class="text-secondary">map</a> to
search by location to find a church nearby, whether at home or
traveling.
</p>
</div>
</div>
</div>
<div class="mx-auto my-auto col-md-5">
<a href="/map/">
<img
src="/img/map-preview.png"
loading="lazy"
class="img-fluid rounded my-auto"
/>
</a>
</div>
</div>
</div>
</div>
<div class="p-2 bg-dark text-right">
<div class="container">
<div class="row">
<div class="col-md-12 align-self-center">
<a href="https://github.com/prbc/farese" target="blank"
><i
class="fab fa-git-alt pull-right fa-fw text-right fa-3x text-muted"
></i
></a>
</div>
</div>
</div>
</div>
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"
></script>
<script>
// Print number of churches
var markers;
jQuery.getJSON("/map/data.json", function (json) {
markers = json;
document.getElementById("church_number").innerHTML =
markers.features.length;
});
</script>
<script>
// Register service worker
if ("serviceWorker" in navigator) {
// Use the window load event to keep the page load performant
window.addEventListener("load", () => {
navigator.serviceWorker.register("/sw.js", {
updateViaCache: "none",
});
});
}
</script>
</body>
</html>