added events; added notes; added days of week;

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

View file

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

View file

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

View file

@ -1,10 +1,17 @@
{% if guestslug == null %}
<h1>The Schedule</h1>
<h3>(June 13: not everyone has given us complete travel schedules yet; check back later)</h3>
{% else %}
<h1>{{guestname | safe}}'s Schedule</h1>
<a class="back-home" href="/">👈 back to full schedule</a>
{% 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">
<li>
<h2>KEY</h2>
@ -24,9 +31,21 @@
</ul>
<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 %}
<li>
<span class="date">{{date}}</span>
{% for event in events%}
{% if event.date == date %}
<span class="event">{{event.name}}</span>
{% endif %}
{% endfor %}
{% if guestslug == null %}
<ul class="locations">
{% for loc in locations %}

View file

@ -27,7 +27,7 @@ a {
}
h1,
h2 {
h2, h3 {
margin: 0;
}
@ -36,6 +36,11 @@ h1 {
text-align: center;
}
h3{
font-weight: 100;
color: #098391;
}
main {
display: flex;
flex-direction: column;
@ -124,13 +129,29 @@ main {
display: grid;
margin-bottom: 5rem;
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;
& > li {
&:nth-child(-n+7){
background-color: transparent;
color:#fff;
}
background-color: #eee;
margin: 1px;
padding: 1rem;
padding: 1.25rem 1rem 1rem 1rem;
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 {
font-size: 3rem;
font-weight: 500;
@ -171,4 +192,5 @@ main {
min-height: 10rem;
}
}
.dow{display: none;}
}