-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
401 lines (378 loc) · 13 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
392
393
394
395
396
397
398
399
400
401
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="A brief description of your webpage" />
<meta name="author" content="Your Name" />
<title>Index</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="calendar.css" />
<script src="scripts/calendar.js" defer></script>
</head>
<body>
<header>
<h1>Unitarian Universalist Church of Savannah</h1>
<div class="menu-container">
<ul role="navigation">
<li id="menu">
Menu
<div class="popup">
<a href="subpages/leadership.html"> Leadership </a>
<a href="subpages/sunday_morning.html"> Sunday Morning </a>
<a href="subpages/upcoming_events.html"> Upcoming Events </a>
<a href="subpages/newsletter.html"> Newsletter </a>
<a href="subpages/religious_education.html">
Religious Education
</a>
<a href="subpages/make_a_difference.html"> Make a Difference </a>
<a href="subpages/weddings_and_rentals.html">
Weddings and Rentals
</a>
<a href="subpages/membersarea.html"> Members Area </a>
<a href="subpages/photogallery.html"> Photo Gallery </a>
</div>
</li>
<li>Upcoming Events</li>
<li>Calendar</li>
<li>Contact</li>
</ul>
<div aria-label="socials">
<img class="facebook" />
<img class="instagram" />
</div>
<a>Donate</a>
</div>
</header>
<section class="hero">
<p class="one">
Located on beautiful Troup Square Sunday Services at 11:00 am
</p>
<a>Make your 2024 pledges here!</a>
<p class="three">
<em>Striving to be a beacon of liberal religion in the greater Savannah
area</em>
</p>
</section>
<section aria-label="We welcome all">
<h2>We are a welcoming congregation</h2>
<div class="slider-container">
<div class="slider">
<img
src="https://images.squarespace-cdn.com/content/v1/5f063b83528ffa6e58bce7e4/9c0c647e-1efe-4bc1-ac7a-39a35bf2ec53/IMG_6835.jpg"
alt="MLK Day 2024" />
<img
src="https://images.squarespace-cdn.com/content/v1/5f063b83528ffa6e58bce7e4/13788e15-55a1-4aa0-aa09-850ea3df77e4/MLK+Parade+2024.jpg"
alt="MLK Day Parade 2024" />
<img
src="https://images.squarespace-cdn.com/content/v1/5f063b83528ffa6e58bce7e4/395cefae-c94c-45cb-b87b-5d0294cdbba3/IMG_6856.JPEG"
alt="MLK Day Parade 2024" />
<img
src="https://images.squarespace-cdn.com/content/v1/5f063b83528ffa6e58bce7e4/281aa9d4-dd0c-499a-81bf-9a92304f8475/IMG_6847.JPG"
alt="MLK Day Parade 2024" />
<img
src="https://images.squarespace-cdn.com/content/v1/5f063b83528ffa6e58bce7e4/148679bf-99e1-43fd-aa50-2c640a783984/concert+12.jpg"
alt="MLK Concert 2024" />
</div>
</div>
<p>
<em>
We welcome and celebrate the presence and participation of bisexual,
gay, lesbian, transgender and straight people.
</em>
</p>
<p>
<em>We are working to build a diverse multicultural Beloved Community by
our actions that accountably dismantle racism and other oppressions.
</em>
</p>
<p>
Please join us every Sunday at 11 am in the Sanctuary or via livestream
on our
<a href="https://www.youtube.com/@UUChurchofSavannah/streams">YouTube channel</a>. Please follow our
<a href="https://www.facebook.com/uusavannah/">Facebook page</a> and our
Newsletter to keep up to date with the latest developments.
</p>
</section>
<section aria-label="What we're known for">
<div class="greetings">
<h2>Greetings from Rev. Lisa Doge</h2>
<img
src="https://images.squarespace-cdn.com/content/v1/5f063b83528ffa6e58bce7e4/cdc28a6b-63e1-44ca-a1cc-fbf60dd2dd94/IMG_0256.jpg?format=1500w" />
<p>
Welcome to the website of the Unitarian Universalist Church of
Savannah. Our members and friends, and the wider Savannah community,
know this institution to be many things
</p>
</div>
<p>
<strong>The Jingle Bells Church</strong>, because composer James L.
Pierpont was one time music director of the church;
</p>
<p>
<strong>A welcoming congregation</strong>, because we welcome and
celebrate the presence and participation of bisexual, gay, lesbian,
transgender and straight people;
</p>
<p>
<strong>A community</strong> dedicated working to build a diverse
multicultural and beloved community by taking actions that dismantle
racism and other oppressions;
</p>
<p>
<strong>The host of</strong> Savannah’s annual MLK, Jr. Day concert;
</p>
<p><strong>The producer of</strong> the Music Alliance Concert Series;</p>
<p>
<strong>The only Unitarian Universalist church</strong> in the United
States to operate a radio station; and
</p>
<p>
<strong>Our faith home</strong>, wherein we worship weekly, celebrate
holidays and holy days, mark life passages with rituals, attend to the
faith development of children, youth and adults, and hold one another in
fierce and tender care.
</p>
<p>
You will learn more about all these facets of our church as you explore
this website. Our Facebook page is also a good source of current
information about events and happenings. And I, and all the staff
members, board members, and volunteers whose names and contact
information you’ll find on this site, are eager to have a conversation
with you about your faith journey and answer questions you may have
about Unitarian Universalism and the Unitarian Universalist Church of
Savannah. The surest way, however, of determining whether or not this
might be the church you’ve been looking for, is to join us for worship
or meditation or a concert or justice project. We’ll welcome you in your
sacred fullness, whoever you are, and consider ourselves blessed by your
presence–one time or for a lifetime. We hope to see you soon.
</p>
<a>Meet the Leadership</a>
</section>
<section aria-label="Expectations">
<h2>What to expect on Sunday Morning</h2>
<img
src="https://images.squarespace-cdn.com/content/v1/5f063b83528ffa6e58bce7e4/1594608983225-UCD7QJ4ARQ493QVAMSB1/IMG_20200712_130222_1.jpg?format=2500w" />
<p>
We begin to gather at 10:50 am with Gathering Music. Worship begins at
11 am in the Sanctuary or via livestream on our
<a href="https://www.youtube.com/@UUChurchofSavannah/streams">YouTube channel</a>. Coffee hour in our fellowship
space, Rahn Hall, follows the service.
</p>
<a>Sunday Morning</a>
</section>
<section aria-label="Our Principles">
<h3>The Seven Principles of Unitarian Universalism</h3>
<p>
We, the member congregations of the Unitarian Universalist Association,
covenant to affirm and promote:
</p>
<ol>
<li>The inherent worth and dignity of every person</li>
<li>Justice, equity and compassion in human relations</li>
<li>
Acceptance of one another and encouragement to spiritual growth in our
congregations
</li>
<li>A free and responsible search for truth and meaning</li>
<li>
The right of conscience and the use of the democratic process within
our congregations and in society at large
</li>
<li>
The goal of world community with peace, liberty, and justice for all
</li>
<li>
Respect for the interdependent web of all existence of which we are a
part
</li>
<li>
Journeying toward spiritual wholeness by working to build a diverse
multicultural Beloved Community by our actions that accountably
dismantle racism and other oppressions in ourselves and our
institutions
</li>
</ol>
</section>
<section aria-label="Weddings">
<h2>Weddings and Other Rentals</h2>
<img
src="https://images.squarespace-cdn.com/content/v1/5f063b83528ffa6e58bce7e4/4f58a3e7-9cf7-4aab-82e0-de0f3cf6038f/kiss+in+the+apse.png?format=1500w" />
<p>
Set on one of Savannah’s truly picturesque historic squares, filled with
gorgeous oak trees draped with Spanish moss, and surrounded by elegant
period homes, the Unitarian Universalist Church of Savannah is proud to
offer our beautifully restored sanctuary as the perfect setting for your
wedding or commitment ceremony.
</p>
<a>Get Started</a>
</section>
<section aria-label="Religious Education">
<figure>
<img
src="https://images.squarespace-cdn.com/content/v1/5f063b83528ffa6e58bce7e4/72dfaa3a-097a-4622-8eec-1f64d6a181c2/Megan+and+Family.jpg?format=2500w"
alt="Megan and Family" />
<figcaption>
<h2>Religious Education</h2>
<p>
We’re proud of the warm and caring community of religious seekers
that we have created here at UUCS.
<strong>Our young people are free to explore religious thoughts and
values in an environment of mutual kindness and respect.</strong>
We offer a wide variety of classes and resources to support each
child's search for truth and meaning.
</p>
<a>Learn More!</a>
</figcaption>
</figure>
</section>
<section aria-label="Donating">
<h3>Make a donation or pledge today</h3>
<p>
This will allow an immediate donation through PayPal (for a small fee).
</p>
<p>
Alternatively, to make an immediate gift in some different way, please
send a message to [email protected]
</p>
<a href="#">Donate</a> <a href="#">2024-2025 Pledge Form</a>
</section>
<div class="container">
<h2>Church Calendar</h2>
<div class="calendar-body">
<div id="header">
<h1 id="month-heading"></h1>
<div>
<button id="backButton">Back</button>
<button id="nextButton">Next</button>
</div>
</div>
<div id="weekdays">
<div>Sun</div>
<div>Mon</div>
<div>Tue</div>
<div>Wed</div>
<div>Thu</div>
<div>Fri</div>
<div>Sat</div>
</div>
<div id="calendar"></div>
</div>
<div id="preview">
<h3>Love on the Loose</h3>
<p>~ Sunday, September 1, 11:00 am</p>
</div>
</div>
<footer>
<div class="left">
<h2>Unitarian Univeralist Church of Savannah</h2>
<p>311 East Harris St.</p>
<p>Savannah, GA 31401</p>
<p>912 549 0326</p>
<p>
The church administrator is in the office on Tuesdays and Thursdays
from 9-1, and on Fridays from 8:30-11:30 am. The administrator can
also be reached by email: [email protected]
</p>
</div>
<div class="right">
<h3>Staff Contact</h3>
<ul>
<ul>
<li>
<strong>Rev Lisa Doege, Minister</strong> —
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li>
<strong>David Neches, Music Director</strong> —
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li>
<strong>Megan Dunkelberg, Dir. of Religious Education</strong> —
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li>
<strong>Nancy Arteberry, Office Administrator</strong> —
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li>
<strong>Marc Coulombe, Sexton</strong> —
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li>
<strong>Alex Borthwick, Accounting</strong> —
<a href="mailto:[email protected]">[email protected]</a>
</li>
</ul>
</ul>
<hr />
<h3>Board President</h3>
<strong>Steve Hudder</strong> —
<a href="mailto:[email protected]">[email protected]</a>
</div>
</footer>
</body>
<script>
const header = document.querySelector("header");
function checkWidth() {
const screenWidth = window.innerWidth;
const ul = document.querySelector("header ul");
if (screenWidth < 750) {
var toggle = document.createElement("input");
toggle.setAttribute("id", "toggle");
toggle.setAttribute("type", "checkbox");
header.appendChild(toggle);
header.appendChild(createHamburgerMenu());
} else {
const toggle = document.getElementById("toggle");
if (toggle) {
toggle.remove();
}
}
}
function createHamburgerMenu() {
var label = document.createElement("label");
label.setAttribute("for", "toggle");
label.classList.add("hamburger");
for (var i = 1; i <= 3; i++) {
var bar = document.createElement("div");
bar.classList.add("bar" + i);
label.appendChild(bar);
}
toggle.addEventListener("change", function () {
const nav = document.querySelector(".menu-container");
if (this.checked) {
nav.style.top = "0";
header.style.mask = "none";
nav.style.height = "100vh";
nav.style.transform = "scale(1)";
} else {
nav.style.top = "-100%";
nav.style.transform = "scale(0)";
}
});
return label;
}
console.log("hi");
console.log("hiii");
checkWidth();
</script>
<script>
const item = document.querySelector("#menu");
const popup = document.querySelector(".popup");
item.addEventListener("mouseenter", () => {
popup.style.opacity = "1";
popup.style.visibility = "visible";
});
item.addEventListener("mouseleave", (e) => {
if (!e.relatedTarget || !e.relatedTarget.closest(".popup")) {
popup.style.opacity = "0";
popup.style.visibility = "hidden";
}
});
popup.addEventListener("mouseleave", () => {
popup.style.opacity = "0";
popup.style.visibility = "hidden";
});
</script>
</html>