spencer/wedding-schedule
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added events; added notes; added days of week;

Browse source
This commit is contained in:
Spencer Flagg 2022-06-13 12:45:49 +02:00
parent 291931ce8e
commit 1c4046e296
4 changed files with 87 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/_data/events.json
View file

@ -1,14 +1,14 @@
[ [
{ {
"name": "Mannen", "name": "Bachelor Party (TBD)",
"date": 16 "date": 16
}, },
{ {
"name": "Buitenlanders", "name": "Foreigner Lunch, Utrecht",
"date": 17 "date": 17
}, },
{ {
"name": "Wedding", "name": "Wedding, Echteld",
"date": 18 "date": 18
} }
] ]

75
src/_data/guests.json
View file

@ -589,57 +589,62 @@
}, },
{ {
"name": "Spencer & Irina", "name": "Spencer & Irina",
"slug": "", "slug": "the-couple",
"count": 2, "count": 2,
"dates": [ "dates": [
{
"date": 7,
"day": "u",
"night": "u"
},
{ {
"date": 8, "date": 8,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 9, "date": 9,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 10, "date": 10,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 11, "date": 11,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 12, "date": 12,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 13, "date": 13,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 14, "date": 14,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 15, "date": 15,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 16, "date": 16,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 17, "date": 17,
"day": "", "day": "u",
"night": "e" "night": "e"
}, },
{ {
@ -650,42 +655,42 @@
{ {
"date": 19, "date": 19,
"day": "e", "day": "e",
"night": "" "night": "u"
}, },
{ {
"date": 20, "date": 20,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 21, "date": 21,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 22, "date": 22,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 23, "date": 23,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 24, "date": 24,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 25, "date": 25,
"day": "", "day": "u",
"night": "" "night": "u"
}, },
{ {
"date": 26, "date": 26,
"day": "", "day": "u",
"night": "" "night": "u"
} }
] ]
}, },

19
src/_includes/components/cal.njk
View file

@ -1,10 +1,17 @@
{% if guestslug == null %} {% if guestslug == null %}
<h1>The Schedule</h1> <h1>The Schedule</h1>
<h3>(June 13: not everyone has given us complete travel schedules yet; check back later)</h3>
{% else %} {% else %}
<h1>{{guestname | safe}}'s Schedule</h1> <h1>{{guestname | safe}}'s Schedule</h1>
<a class="back-home" href="/">👈 back to full schedule</a> <a class="back-home" href="/">👈 back to full schedule</a>
{% endif %} {% endif %}
{% if guestslug == 'the-couple' %}
<h3>
(we're based in Utrecht for now, but we'll go where the people are)
</h3>
{% endif %}
<ul id="key"> <ul id="key">
<li> <li>
<h2>KEY</h2> <h2>KEY</h2>
@ -24,9 +31,21 @@
</ul> </ul>
<ul id="calendar"> <ul id="calendar">
<li class="dow">U</li>
<li class="dow">M</li>
<li class="dow">T</li>
<li class="dow">W</li>
<li class="dow">R</li>
<li class="dow">F</li>
<li class="dow">S</li>
{% for date in dates %} {% for date in dates %}
<li> <li>
<span class="date">{{date}}</span> <span class="date">{{date}}</span>
{% for event in events%}
{% if event.date == date %}
<span class="event">{{event.name}}</span>
{% endif %}
{% endfor %}
{% if guestslug == null %} {% if guestslug == null %}
<ul class="locations"> <ul class="locations">
{% for loc in locations %} {% for loc in locations %}

28
src/assets/styles/main.scss
View file

@ -27,7 +27,7 @@ a {
} }
h1, h1,
h2 { h2, h3 {
margin: 0; margin: 0;
} }
@ -36,6 +36,11 @@ h1 {
text-align: center; text-align: center;
} }
h3{
font-weight: 100;
color: #098391;
}
main { main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -124,13 +129,29 @@ main {
display: grid; display: grid;
margin-bottom: 5rem; margin-bottom: 5rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 15rem 15rem 15rem; grid-template-rows: 3rem 15rem 15rem 15rem;
width: 95vw; width: 95vw;
& > li { & > li {
&:nth-child(-n+7){
background-color: transparent;
color:#fff;
}
background-color: #eee; background-color: #eee;
margin: 1px; margin: 1px;
padding: 1rem; padding: 1.25rem 1rem 1rem 1rem;
position: relative; position: relative;
.event{
text-transform: uppercase;
font-size: .8rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
padding: .15rem 0;
background-color: #098391;
color: white;
}
.date { .date {
font-size: 3rem; font-size: 3rem;
font-weight: 500; font-weight: 500;
@ -171,4 +192,5 @@ main {
min-height: 10rem; min-height: 10rem;
} }
} }
.dow{display: none;}
} }