Skip to content

Commit

Permalink
Epiphany words
Browse files Browse the repository at this point in the history
  • Loading branch information
jwrunge committed Jan 3, 2021
1 parent 8e31952 commit 0193d25
Show file tree
Hide file tree
Showing 13 changed files with 99 additions and 111 deletions.
2 changes: 1 addition & 1 deletion public/bundle.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion public/bundle.js.map

Large diffs are not rendered by default.

3 changes: 2 additions & 1 deletion public/componentBundle.css

Large diffs are not rendered by default.

6 changes: 4 additions & 2 deletions public/componentBundle.css.map

Large diffs are not rendered by default.

110 changes: 11 additions & 99 deletions public/data/events.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
[
{
"name": "Worship Online",
"date": "2020-12-06 14:30:00 UTC",
"date": "2021-01-03 14:30:00 UTC",
"description": "",
"duration": 60,
"location": "Online",
Expand All @@ -12,7 +12,7 @@
},
{
"name": "Worship Online",
"date": "2020-12-13 14:30:00 UTC",
"date": "2021-01-10 14:30:00 UTC",
"description": "",
"duration": 60,
"location": "Online",
Expand All @@ -23,7 +23,7 @@
},
{
"name": "Worship Online",
"date": "2020-12-20 14:30:00 UTC",
"date": "2021-01-17 14:30:00 UTC",
"description": "",
"duration": 60,
"location": "Online",
Expand All @@ -34,7 +34,7 @@
},
{
"name": "Worship Online",
"date": "2020-12-27 14:30:00 UTC",
"date": "2021-01-24 14:30:00 UTC",
"description": "",
"duration": 60,
"location": "Online",
Expand All @@ -44,31 +44,9 @@
}
},
{
"name": "Adult Sunday School",
"date": "2020-12-06 16:00:00 UTC",
"description": "Join Zoom Meeting: <a href=\"https://us02web.zoom.us/j/3610895950\" target=\"_blank\">https://us02web.zoom.us/j/3610895950</a>",
"duration": 60,
"location": "Online",
"img": {
"src": "",
"alt": ""
}
},
{
"name": "Adult Sunday School",
"date": "2020-12-13 16:00:00 UTC",
"description": "Join Zoom Meeting: <a href=\"https://us02web.zoom.us/j/3610895950\" target=\"_blank\">https://us02web.zoom.us/j/3610895950</a>",
"duration": 60,
"location": "Online",
"img": {
"src": "",
"alt": ""
}
},
{
"name": "Adult Sunday School",
"date": "2020-12-20 16:00:00 UTC",
"description": "Join Zoom Meeting: <a href=\"https://us02web.zoom.us/j/3610895950\" target=\"_blank\">https://us02web.zoom.us/j/3610895950</a>",
"name": "Worship Online",
"date": "2021-01-31 14:30:00 UTC",
"description": "",
"duration": 60,
"location": "Online",
"img": {
Expand All @@ -87,50 +65,6 @@
"alt": ""
}
},
{
"name": "Advent Movie: Hope - A Charlie Brown Christmas",
"date": "2020-11-29 00:00:00 UTC",
"description": "Click the zoom link below to join in: <a href=\"https://us04web.zoom.us/j/79000274281?pwd=akxZdUpnT1FFNTFlbXRyanFJOW9Mdz09\" target=\"_blank\">https://us04web.zoom.us/j/79000274281?pwd=akxZdUpnT1FFNTFlbXRyanFJOW9Mdz09</a>",
"duration": 60,
"location": "Online",
"img": {
"src": "",
"alt": ""
}
},
{
"name": "Advent Movie: Love - How the Grinch Stole Christmas",
"date": "2020-12-07 00:00:00 UTC",
"description": "Click the zoom link below to join in: <a href=\"https://us04web.zoom.us/j/79000274281?pwd=akxZdUpnT1FFNTFlbXRyanFJOW9Mdz09\" target=\"_blank\">https://us04web.zoom.us/j/79000274281?pwd=akxZdUpnT1FFNTFlbXRyanFJOW9Mdz09</a>",
"duration": 60,
"location": "Online",
"img": {
"src": "",
"alt": ""
}
},
{
"name": "Advent Movie: Joy - Frosty the Snowman",
"date": "2020-12-13 00:00:00 UTC",
"description": "Click the zoom link below to join in: <a href=\"https://us04web.zoom.us/j/79000274281?pwd=akxZdUpnT1FFNTFlbXRyanFJOW9Mdz09\" target=\"_blank\">https://us04web.zoom.us/j/79000274281?pwd=akxZdUpnT1FFNTFlbXRyanFJOW9Mdz09</a>",
"duration": 60,
"location": "Online",
"img": {
"src": "",
"alt": ""
}
},
{
"name": "Advent Movie: Peace - The Muppet Christmas Carol",
"date": "2020-12-20 00:00:00 UTC",
"description": "Click the zoom link below to join in: <a href=\"https://us04web.zoom.us/j/79000274281?pwd=akxZdUpnT1FFNTFlbXRyanFJOW9Mdz09\" target=\"_blank\">https://us04web.zoom.us/j/79000274281?pwd=akxZdUpnT1FFNTFlbXRyanFJOW9Mdz09</a>",
"duration": 60,
"location": "Online",
"img": {
"src": "",
"alt": ""
}
},
{
"name": "Advent Movie: Believe - The Polar Express",
"date": "2020-12-27 00:00:00 UTC",
Expand All @@ -144,7 +78,7 @@
},
{
"name": "Caring Ministries (Zoom)",
"date": "2020-12-01 19:30:00 UTC",
"date": "2021-01-05 19:30:00 UTC",
"description": "",
"duration": 60,
"location": "Online",
Expand All @@ -155,18 +89,7 @@
},
{
"name": "Elders Meeting (Zoom)",
"date": "2020-12-02 00:30:00 UTC",
"description": "",
"duration": 60,
"location": "Online",
"img": {
"src": "",
"alt": ""
}
},
{
"name": "Nominating Committee",
"date": "2020-12-03 00:30:00 UTC",
"date": "2021-01-05 00:30:00 UTC",
"description": "",
"duration": 60,
"location": "Online",
Expand All @@ -177,7 +100,7 @@
},
{
"name": "Council of Ministries (Zoom)",
"date": "2020-12-09 00:30:00 UTC",
"date": "2021-01-12 00:30:00 UTC",
"description": "",
"duration": 60,
"location": "Online",
Expand All @@ -188,18 +111,7 @@
},
{
"name": "Trustees Meeting (in-person)",
"date": "2020-12-22 01:00:00 UTC",
"description": "",
"duration": 60,
"location": "FCC",
"img": {
"src": "",
"alt": ""
}
},
{
"name": "Bible Study (Zoom)",
"date": "2020-12-30 15:30:00 UTC",
"date": "2021-01-18 01:00:00 UTC",
"description": "",
"duration": 60,
"location": "FCC",
Expand Down
1 change: 1 addition & 0 deletions public/data/sermons/2020-12-20.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"title":"December 20 Worship","date":"2020-12-20", "type": "onsite", "poster": "/videos/12.20.20-poster.jpg", "src":"/videos/sermon-12.20.20.mp4"}
1 change: 1 addition & 0 deletions public/data/sermons/2020-12-23.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"title":"Christmas Eve Prelude","date":"2020-12-24", "src":"https://www.facebook.com/plugins/video.php?height=311&href=https%3A%2F%2Fwww.facebook.com%2F108822552519210%2Fvideos%2F404241520847280%2F&show_text=true&width=560"}
1 change: 1 addition & 0 deletions public/data/sermons/2020-12-24.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"title":"Christmas Eve Worship","date":"2020-12-24", "src":"https://www.facebook.com/plugins/video.php?height=314&href=https%3A%2F%2Fwww.facebook.com%2F108822552519210%2Fvideos%2F431575684542318%2F&show_text=true&width=560"}
1 change: 1 addition & 0 deletions public/data/sermons/2020-12-27.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"title":"December 27 Worship","date":"2020-12-27", "src":"https://www.facebook.com/plugins/video.php?height=311&href=https%3A%2F%2Fwww.facebook.com%2F108822552519210%2Fvideos%2F142720567624405%2F&show_text=true&width=560"}
Binary file added public/uploads/events/epiphany.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/uploads/events/star.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
25 changes: 18 additions & 7 deletions src/App.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,9 @@
import SingleEvent from './views/SingleEvent.svelte'
import Article from './views/Article.svelte'
//Specials
import Starwords from './specials/Starwords.svelte'
//Variables
let main
let header
Expand Down Expand Up @@ -215,13 +218,13 @@
<div class="box">
<h2>What's going on now at FCC Galesburg?</h2>
<div class='current-events'>
<img class="float" alt='Advent series image' src='/uploads/events/advent2020.jpg'>
<h3>Advent 2020</h3>
<p>This Advent. we will hear words of comfort, of challenge and of the good news of hope, peace, joy and love. The good news of the birth of Jesus, who came to a world, broken with sin and dark with pain and fear and brought life and hope, will be proclaimed! We assert that we still believe! We believe - even when our world is shaking and uncertain and in the darkness. We we still believe - even now!!Just as a Jewish poet during the holocaust, once said:</p>
<p>I believe in the sun even when it's not shining<br/>
I believe in love even when I don't feel it.<br/>
I believe in God even when He is silent.</p>
<!-- <img class='small' alt='God Sightings magnifying glass' src='/uploads/events/gratitude.jpg'> -->
<img class="float" alt='Epiphany stars' src='/uploads/events/epiphany.png'>
<h3>Epiphany Star Words</h3>
<p>Epiphany begins on January 6. This is the day we celebrate the wise men from the East following a star to see the baby Jesus in Bethlehem. Each year we ourselves randomly select a star with a word on it and use that word as a source of prayer and meditation for the year ahead. Just like the wise men, we are invited to follow our individual star and open our hearts and minds to see where it takes us in 2021. May God inspire and bless us as we journey with Him, following the star!</p>
<div class="side-by-side">
<Starwords/>
<p>Click on the star to have a word generated for you. You may also go to <a target="_blank" href="http://dayspring.com/yourwordquiz#/home">Dayspring</a> and answer 7 questions to find your 2021 word for the year.</p>
</div>
</div>
</div>

Expand Down Expand Up @@ -327,6 +330,14 @@
<style lang='scss'>
@import 'style/variables.scss';
.side-by-side {
@media #{$notMobile} {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
}
.givebutton {
background-color: rgb(0, 155, 0);
img {
Expand Down
58 changes: 58 additions & 0 deletions src/specials/Starwords.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<script>
import {scale} from "svelte/transition"
let words = ["kindness", "caring", "sharing", "giving", "compassion", "love", "openness", "pardon", "understanding", "discipleship", "servanthood", "stability", "hopefulness", "innocence", "prayerfulness", "praise", "gentleness", "knowledge", "happiness", "laughter", "acceptance", "self-control", "restraint", "mercy", "truth", "peace", "faith", "consideration", "fellowship", "unity", "teaching", "singing", "celebration", "perseverance", "judgment", "discipline", "courage", "confidence", "clarity", "honor", "contentment", "imagination", "commitment", "friendship", "freedom", "creativity", "devotion", "joy", "strength", "comfort", "leadership", "discernment", "obedience", "thoughtfulness", "responsibility", "patience", "forgiveness", "humility", "faithfulness", "hope", "tenderness", "enthusiasm", "evangelism", "healing", "loyalty", "rejoicing", "respect", "insight", "selflessness", "righteousness", "assurance", "justice", "honesty", "wisdom", "awareness", "tolerance", "wholeness", "guidance", "hospitality", "foresight", "trust", "learning", "proclamation", "encouragement", "trustworthiness", "inspiration", "wonder", "flexibility", "grace", "graciousness", "integrity", "helping", "witnessing", "generosity", "perceptiveness", "purity", "prayer", "service", "steadfastness", "determination", "nurturing", "renewal", "purpose", "peacefulness", "power", "excitement", "harmony", "reliability", "goodness", "reverence", "serenity", "humor", "boldness", "genuineness", "illumination", "vision", "dependability", "endurance", "listening", "accountability", "speaking", "sincerity", "writing", "music", "motivation", "art", "building", "crafts", "planning", "organization", "drama", "cheerfulness", "focus", "balance", "helpfulness", "languages", "cooking", "sympathy", "empathy", "sensitivity", "time", "conviction", "delight", "responsiveness", "education", "intelligence", "experience", "visitation", "sobriety", "spirituality", "travel", "thankfulness", "money", "dignity", "quietness", "playfulness", "dedication", "empathy", "solitude", "zeal", "appreciation", "affirmation", "charity"];
let word
let showWord = true
function changeWord() {
showWord = false
setTimeout(()=> { showWord = true; word = words[Math.floor(Math.random()*words.length)] }, 100)
}
changeWord()
</script>

<div class='stars' on:click={changeWord}>
<!-- <img on:click={changeWord} id='starImg' src='uploads/events/star.png' alt='star image'> -->
{#if showWord}
<p transition:scale id='starWord'>{word}</p>
{/if}
</div>

<style>
.stars {
cursor: pointer;
margin: 0;
height: 15em; width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-image: url('uploads/events/star.png');
background-size: contain;
background-repeat: no-repeat;
background-position-x: 50%;
transition: transform .2s ease;
}
.stars:hover {
transform: scale(1.1);
}
.starblock {
display: flex;
align-items: center;
justify-content: center;
}
#starWord {
font-size: 2em;
font-weight: bold;
color: red;
pointer-events: none;
margin: 0;
z-index: 1;
}
</style>

0 comments on commit 0193d25

Please sign in to comment.