first commit

This commit is contained in:
Spencer Flagg 2022-06-13 11:28:37 +02:00
commit 291931ce8e
15 changed files with 10032 additions and 0 deletions

28
.eleventy.js Normal file
View file

@ -0,0 +1,28 @@
const eleventySass = require("eleventy-sass");
module.exports = function (eleventyConfig) {
// eleventyConfig.addPassthroughCopy('src/assets/fonts');
// eleventyConfig.addPassthroughCopy("./src/assets/js");
// eleventyConfig.addPassthroughCopy('src/assets/images/**/*.png');
// eleventyConfig.addPassthroughCopy('src/assets/images/**/*.svg');
// eleventyConfig.addPassthroughCopy('src/assets/images/**/*.jpg');
// eleventyConfig.addPassthroughCopy('src/assets/images/**/*.gif');
//plugins
eleventyConfig.addPlugin(eleventySass);
eleventyConfig.addFilter('isActive', (arr) => arr.filter(guest => guest.name != ''));
eleventyConfig.addFilter('day', (arr,givenDate, givenLoc) => arr.filter(guest => guest.dates.some(e => (e.date == givenDate && e.day == givenLoc))));
eleventyConfig.addFilter('night', (arr,givenDate, givenLoc) => arr.filter(guest => guest.dates.some(e => (e.date == givenDate && e.night == givenLoc))));
//eleventyConfig.addFilter('total', (arr) => arr.reduce((prev,current) => ({...prev, count: current.count + prev.count})));
eleventyConfig.addFilter('total', arr => arr.map(a => a.count).reduce((prev,current) => current + prev));
//https://stackoverflow.com/questions/5732043/how-to-call-reduce-on-an-array-of-objects-to-sum-their-properties
eleventyConfig.addFilter('byGuest', (arr, givenSlug) => arr.filter(guest => guest.slug == givenSlug));
eleventyConfig.addFilter('byDate', (arr,givenDate) => arr.filter(d => d.date == givenDate));
eleventyConfig.addFilter('byAbbr', (arr,givenAbbr) => arr.filter(l => l.abbr == givenAbbr));
return {
dir: { input: "src", output: "_site", data: "_data" },
};
};

8
.gitignore vendored Normal file
View file

@ -0,0 +1,8 @@
# Dependencies
/node_modules
# Output directories
/_site
# Sensitive data
.env

9
.vscode/settings.json vendored Normal file
View file

@ -0,0 +1,9 @@
{
"files.associations": {
"*.html": "nunjucks"
},
"emmet.includeLanguages": {
"njk": "html",
"nunjucks": "html"
}
}

6177
package-lock.json generated Normal file

File diff suppressed because it is too large Load diff

19
package.json Normal file
View file

@ -0,0 +1,19 @@
{
"name": "wedding-schedule",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "eleventy --serve",
"build": "eleventy"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"@11ty/eleventy": "^1.0.1"
},
"dependencies": {
"eleventy-sass": "^1.3.1"
}
}

3
src/_data/dates.json Normal file
View file

@ -0,0 +1,3 @@
[
7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27
]

14
src/_data/events.json Normal file
View file

@ -0,0 +1,14 @@
[
{
"name": "Mannen",
"date": 16
},
{
"name": "Buitenlanders",
"date": 17
},
{
"name": "Wedding",
"date": 18
}
]

2690
src/_data/guests copy.json Normal file

File diff suppressed because it is too large Load diff

764
src/_data/guests.json Normal file
View file

@ -0,0 +1,764 @@
[
{
"name": "Felix & Elizabeth",
"slug": "felix",
"count": 2,
"dates": [
{
"date": 13,
"day": "a",
"night": "a"
},
{
"date": 14,
"day": "a",
"night": "a"
},
{
"date": 15,
"day": "a",
"night": "a"
},
{
"date": 17,
"day": "u",
"night": "e"
},
{
"date": 18,
"day": "e",
"night": "e"
},
{
"date": 19,
"day": "e",
"night": "u"
},
{
"date": 20,
"day": "a",
"night": "a"
},
{
"date": 21,
"day": "a",
"night": ""
},
{
"date": 22,
"day": "",
"night": ""
},
{
"date": 23,
"day": "",
"night": ""
},
{
"date": 24,
"day": "",
"night": ""
},
{
"date": 25,
"day": "",
"night": ""
},
{
"date": 26,
"day": "",
"night": ""
}
]
},
{
"name": "Brian & Breanna",
"slug": "brmame",
"count": 2,
"dates": [
{
"date": 12,
"day": "n",
"night": "n"
},
{
"date": 13,
"day": "n",
"night": "n"
},
{
"date": 14,
"day": "n",
"night": "n"
},
{
"date": 15,
"day": "n",
"night": "n"
},
{
"date": 16,
"day": "u",
"night": "u"
},
{
"date": 17,
"day": "u",
"night": "e"
},
{
"date": 18,
"day": "e",
"night": "e"
},
{
"date": 19,
"day": "e",
"night": "n"
},
{
"date": 20,
"day": "n",
"night": "n"
},
{
"date": 21,
"day": "n",
"night": "n"
}
]
},
{
"name": "LJ & Kate",
"slug": "littlejon-and-bort",
"count": 2,
"dates": [
{
"date": 14,
"day": "n",
"night": "n"
},
{
"date": 15,
"day": "n",
"night": "n"
},
{
"date": 16,
"day": "n",
"night": "n"
},
{
"date": 17,
"day": "u",
"night": "e"
},
{
"date": 18,
"day": "e",
"night": "e"
},
{
"date": 19,
"day": "e",
"night": "n"
},
{
"date": 20,
"day": "n",
"night": "n"
}
]
},
{
"name": "Wrongo & Family",
"slug": "wrongo-and-peanut",
"count": 4,
"dates": [
{
"date": 14,
"day": "n",
"night": "n"
},
{
"date": 15,
"day": "n",
"night": "n"
},
{
"date": 16,
"day": "u",
"night": "u"
},
{
"date": 17,
"day": "u",
"night": "e"
},
{
"date": 18,
"day": "e",
"night": "e"
},
{
"date": 19,
"day": "e",
"night": "n"
},
{
"date": 20,
"day": "n",
"night": "n"
}
]
},
{
"name": "Dave & Marty",
"slug": "flarty",
"count": 2,
"dates": [
{
"date": 12,
"day": "n",
"night": "n"
},
{
"date": 13,
"day": "n",
"night": "n"
},
{
"date": 14,
"day": "n",
"night": "n"
},
{
"date": 15,
"day": "n",
"night": "n"
},
{
"date": 16,
"day": "n",
"night": "n"
},
{
"date": 17,
"day": "n",
"night": "n"
},
{
"date": 18,
"day": "e",
"night": "e"
},
{
"date": 19,
"day": "a",
"night": ""
}
]
},
{
"name": "Bill",
"slug": "billy-ho",
"count": 1,
"dates": [
{
"date": 13,
"day": "a",
"night": "a"
},
{
"date": 14,
"day": "a",
"night": "a"
},
{
"date": 15,
"day": "a",
"night": "a"
},
{
"date": 16,
"day": "",
"night": ""
},
{
"date": 17,
"day": "u",
"night": "e"
},
{
"date": 18,
"day": "e",
"night": "e"
},
{
"date": 19,
"day": "e",
"night": ""
},
{
"date": 20,
"day": "",
"night": ""
},
{
"date": 21,
"day": "",
"night": ""
},
{
"date": 22,
"day": "",
"night": ""
},
{
"date": 23,
"day": "",
"night": ""
},
{
"date": 24,
"day": "",
"night": ""
},
{
"date": 25,
"day": "",
"night": ""
},
{
"date": 26,
"day": "",
"night": ""
}
]
},
{
"name": "Veronica & Josh",
"slug": "veronica-and-josh",
"count": 2,
"dates": [
{
"date": 14,
"day": "a",
"night": "a"
},
{
"date": 15,
"day": "a",
"night": "a"
},
{
"date": 16,
"day": "a",
"night": "a"
},
{
"date": 17,
"day": "a",
"night": "e"
},
{
"date": 18,
"day": "e",
"night": "e"
},
{
"date": 19,
"day": "e",
"night": "n"
},
{
"date": 20,
"day": "n",
"night": "n"
},
{
"date": 21,
"day": "n",
"night": "n"
}
]
},
{
"name": "Tom & Jane",
"slug": "mom-and-dad",
"count": 2,
"dates": [
{
"date": 8,
"day": "",
"night": ""
},
{
"date": 9,
"day": "",
"night": ""
},
{
"date": 10,
"day": "",
"night": ""
},
{
"date": 11,
"day": "",
"night": ""
},
{
"date": 12,
"day": "",
"night": ""
},
{
"date": 13,
"day": "",
"night": ""
},
{
"date": 14,
"day": "",
"night": ""
},
{
"date": 15,
"day": "",
"night": ""
},
{
"date": 16,
"day": "",
"night": ""
},
{
"date": 17,
"day": "u",
"night": "e"
},
{
"date": 18,
"day": "e",
"night": "e"
},
{
"date": 19,
"day": "e",
"night": "u"
},
{
"date": 20,
"day": "",
"night": ""
},
{
"date": 21,
"day": "",
"night": ""
},
{
"date": 22,
"day": "",
"night": ""
},
{
"date": 23,
"day": "",
"night": ""
},
{
"date": 24,
"day": "",
"night": ""
},
{
"date": 25,
"day": "",
"night": ""
},
{
"date": 26,
"day": "",
"night": ""
}
]
},
{
"name": "Tyler & Lana",
"slug": "ty-and-lana",
"count": 2,
"dates": [
{
"date": 8,
"day": "",
"night": ""
},
{
"date": 9,
"day": "",
"night": ""
},
{
"date": 10,
"day": "",
"night": ""
},
{
"date": 11,
"day": "",
"night": ""
},
{
"date": 12,
"day": "",
"night": ""
},
{
"date": 13,
"day": "",
"night": ""
},
{
"date": 14,
"day": "",
"night": ""
},
{
"date": 15,
"day": "",
"night": ""
},
{
"date": 16,
"day": "",
"night": ""
},
{
"date": 17,
"day": "",
"night": "e"
},
{
"date": 18,
"day": "e",
"night": "e"
},
{
"date": 19,
"day": "e",
"night": ""
},
{
"date": 20,
"day": "",
"night": ""
},
{
"date": 21,
"day": "",
"night": ""
},
{
"date": 22,
"day": "",
"night": ""
},
{
"date": 23,
"day": "",
"night": ""
},
{
"date": 24,
"day": "",
"night": ""
},
{
"date": 25,
"day": "",
"night": ""
},
{
"date": 26,
"day": "",
"night": ""
}
]
},
{
"name": "Spencer & Irina",
"slug": "",
"count": 2,
"dates": [
{
"date": 8,
"day": "",
"night": ""
},
{
"date": 9,
"day": "",
"night": ""
},
{
"date": 10,
"day": "",
"night": ""
},
{
"date": 11,
"day": "",
"night": ""
},
{
"date": 12,
"day": "",
"night": ""
},
{
"date": 13,
"day": "",
"night": ""
},
{
"date": 14,
"day": "",
"night": ""
},
{
"date": 15,
"day": "",
"night": ""
},
{
"date": 16,
"day": "",
"night": ""
},
{
"date": 17,
"day": "",
"night": "e"
},
{
"date": 18,
"day": "e",
"night": "e"
},
{
"date": 19,
"day": "e",
"night": ""
},
{
"date": 20,
"day": "",
"night": ""
},
{
"date": 21,
"day": "",
"night": ""
},
{
"date": 22,
"day": "",
"night": ""
},
{
"date": 23,
"day": "",
"night": ""
},
{
"date": 24,
"day": "",
"night": ""
},
{
"date": 25,
"day": "",
"night": ""
},
{
"date": 26,
"day": "",
"night": ""
}
]
},
{
"name": "Ray & Rebecca",
"slug": "rayray-and-becs",
"count": 2,
"dates": [
{
"date": 14,
"day": "",
"night": ""
},
{
"date": 15,
"day": "",
"night": ""
},
{
"date": 16,
"day": "",
"night": ""
},
{
"date": 17,
"day": "",
"night": "e"
},
{
"date": 18,
"day": "e",
"night": "e"
},
{
"date": 19,
"day": "e",
"night": ""
},
{
"date": 20,
"day": "",
"night": ""
},
{
"date": 21,
"day": "",
"night": ""
},
{
"date": 22,
"day": "",
"night": ""
},
{
"date": 23,
"day": "",
"night": ""
},
{
"date": 24,
"day": "",
"night": ""
},
{
"date": 25,
"day": "",
"night": ""
},
{
"date": 26,
"day": "",
"night": ""
}
]
}
]

22
src/_data/locations.json Normal file
View file

@ -0,0 +1,22 @@
[
{
"name": "NL",
"abbr": "n"
},
{
"name": "Amsterdam",
"abbr": "a"
},
{
"name": "Utrecht",
"abbr": "u"
},
{
"name": "Tiel",
"abbr": "t"
},
{
"name": "Echteld",
"abbr": "e"
}
]

View file

@ -0,0 +1,84 @@
{% if guestslug == null %}
<h1>The Schedule</h1>
{% else %}
<h1>{{guestname | safe}}'s Schedule</h1>
<a class="back-home" href="/">👈 back to full schedule</a>
{% endif %}
<ul id="key">
<li>
<h2>KEY</h2>
</li>
<li>
<span class="category day">AM</span>
</li>
<li>
<span class="category night">PM</span>
</li>
</ul>
<ul id="menu">
{% for guest in guests | sort(false, true, 'name') %}
<li><a href="/guest/{{guest.slug}}">{{guest.name}}</a></li>
{% endfor %}
</ul>
<ul id="calendar">
{% for date in dates %}
<li>
<span class="date">{{date}}</span>
{% if guestslug == null %}
<ul class="locations">
{% for loc in locations %}
<li class="location">
<div>{{loc.name}}</div>
{% if guests | day(date,loc.abbr) | length > 0 %}
<div class="time-window">
<a class="category day hover">{{ guests | day(date,loc.abbr) | total }}</a>
<ul class="list">
{% for guest in guests | day(date,loc.abbr) | sort(false, true, 'name') %}
<li>
{{guest.name}}
</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if guests | night(date,loc.abbr) | length > 0 %}
<div>
<div class="category night hover">{{ guests | night(date,loc.abbr) | total }}</div>
<ul class="list">
{% for guest in guests | night(date,loc.abbr) | sort(false, true, 'name') %}
<li>
{{guest.name}}
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</li>
{% endfor %}
</ul>
{% else %}
<ul class="locations">
{% for guest in guests | byGuest(guestslug) %}
{% for date in guest.dates | byDate(date) %}
<li class="location" style="flex-direction: column; align-items: flex-start">
<div class="category day">
{% for loc in locations | byAbbr(date.day) %}
{{loc.name}}
{% endfor%}
</div>
<div class="category night">
{% for loc in locations | byAbbr(date.night) %}
{{loc.name}}
{% endfor%}
</div>
</li>
{% endfor %}
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>

View file

@ -0,0 +1,19 @@
{# https://11ty.rocks/posts/create-your-first-basic-11ty-website/ #}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title }}</title>
<link rel="stylesheet" href="/assets/styles/main.css">
</head>
<body>
<main>
{{ content | safe }}
</main>
</body>
</html>

174
src/assets/styles/main.scss Normal file
View file

@ -0,0 +1,174 @@
:root {
font-size: 1vw;
}
html {
background-color: #213563;
font-family: "Courier New", Courier, monospace;
}
body{
font-size: max(1rem, 12px) !important;
}
ul {
padding: 0;
margin: 0;
}
li {
list-style-type: none;
}
a {
text-decoration: none;
color: white;
}
h1,
h2 {
margin: 0;
}
h1 {
color: white;
text-align: center;
}
main {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: center;
position: relative;
}
.back-home {
position: absolute;
top: 0;
left: 2.5vw;
color: black;
padding: 0.25em 0.75em;
border-radius: 1rem;
background-color: #fff;
&:hover {
background-color: #098391;
color: white;
}
}
#key {
display: flex;
align-items: center;
color: white;
gap: 0.5rem;
position: absolute;
top: 0;
right: 2.5vw;
}
.time-window {
position: relative;
}
.category {
cursor: default;
padding: 0.25em 0.5em;
border-radius: 1em;
display: inline-block;
&.day {
background: orange;
color: black;
}
&.night {
background: midnightblue;
color: #fff;
}
&.hover:hover {
cursor: pointer;
background: white;
color: black;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
&+.list {
display: block !important;
}
}
}
#menu {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
max-width: 50vw;
justify-content: center;
li {
a {
color: black;
padding: 0.25em 0.5em;
border-radius: 1em;
background-color: #fff;
display: inline-block;
&:hover {
background-color: #098391;
color: white;
}
}
}
}
#calendar {
border-radius: 1rem;
display: grid;
margin-bottom: 5rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 15rem 15rem 15rem;
width: 95vw;
& > li {
background-color: #eee;
margin: 1px;
padding: 1rem;
position: relative;
.date {
font-size: 3rem;
font-weight: 500;
}
}
.locations {
display: flex;
flex-direction: column;
.location {
display: flex;
align-items: center;
min-height: 1.5em;
gap: 0.25em;
}
}
.list {
display: none;
position: absolute;
padding: 1rem;
background-color: #fff;
z-index: 1;
border-radius: 0 1rem 1rem 1rem;
li {
margin-left: 1.5em;
white-space: nowrap;
list-style: square;
}
}
}
@media screen and (max-width: 900px) {
#calendar{
grid-template-columns: auto;
grid-template-rows: auto;
&>li {
min-height: 10rem;
}
}
}

15
src/guest.njk Normal file
View file

@ -0,0 +1,15 @@
---
pagination:
data: guests
size: 1
alias: guest
addAllPagesToCollections: true
layout: /layouts/base.njk
tags: guests
permalink: "/guest/{{ guest.slug | slug }}/"
eleventyComputed:
guestname: "{{ guest.name }}"
guestslug: "{{ guest.slug }}"
---
{% include "components/cal.njk" %}

6
src/index.njk Normal file
View file

@ -0,0 +1,6 @@
---
title: Wedding Schedule
layout: layouts/base.njk
---
{% include "components/cal.njk" %}