\n 
\n
\n );\n }\n}\n\nexport default Footer;","import React, {Component} from 'react';\nimport Screen from \"../../components/screen/Screen\";\n\nimport \"./Couple.css\"\n\nimport Band from \"../../images/band.png\"\nimport Food from \"../../images/food.png\"\nimport Snackbar from \"../../images/snackbar.png\"\nimport Kusjes from \"../../images/kusjes.png\"\nimport Haar from \"../../images/haar.png\"\nimport Poesjes from \"../../images/poesjes.png\"\nimport Contract from \"../../images/contract.png\"\nimport Partner from \"../../images/partner.png\"\nimport Ring from \"../../images/ring.png\"\n\nimport InnerScreen from \"../../components/screen/InnerScreen\";\nimport ScreenTitle from \"../../components/screenTitle/ScreenTitle\";\nimport Footer from \"../../components/screen/Footer\";\n\nclass Couple extends Component {\n render() {\n return (\n Jimme & Santoshi
\nHun verhaal
\n\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n
\n 5 Oktober 2010
\n\n Bij de eerste repetitie van de lustrum-band van\n hun studentenvereniging IBN Batutta\n ontmoeten ze elkaar. Waar Santoshi de sterren\n van de hemel zong, was Jimme de sexy basist.\n Liefde op het eerste gezicht zou je zeggen,\n maar niets was minder waar.\n
\nSeptember 2011
\n\n De lustrumactiviteiten zijn afgelopen, de zomer\n is voorbij. En zo is Jimmes vorige liefde. Jimme\n komt eens vaker bij Santoshi eten en laat zijn\n kookkunsten zien. Pasta met varkenshaas en\n courgette saus. Dat smaakt naar meer.\n
\n31 Oktober 2011
\n\n Jimme's feestjes zijn berucht om Jimme's\n Snackbar. Zo ook tijdens het eerste feestje dat\n Santoshi mocht bijwonen. Jimme kreeg die\n avond vaak de vraag: wat zijn jullie nou van\n elkaar? En zo geschiedde het, vanaf deze dag\n gingen ze officieel als vriendje en vriendinnetje\n door het leven.\n
\nNOVEMBER 2013 - AUGUSTUS 2016
\n\n Van november 2013 tot augustus 2016 hebben zij een LAT-relatie.\n Kusjes via Whatsapp en foto’s van het eten.\n Santoshi in Nepal en later Santoshi in Groningen om haar studie af te maken.\n Jimme in Den Haag bij zijn eerste baan als Planoloog bij Witteveen+Bos.\n
\nSEPTEMBER 2016
\n\n Het LATten eindigt wanneer Santoshi afstudeert en werk vindt in Snits bij de gemeente Súdwest-Fryslân.\n Ze gaan samenwonen in Groningen.\n September 2016 trekt Jimme bij Santoshi in aan de Zaagmuldersweg 540.\n
\n\n N.B. het meeste baardhaar dat Jimme ooit heeft gehad is te zien op deze foto :’)\n
\n31 OKTOBER 2017
\n\n Op de terugreis vanuit Kroatië heeft Santoshi een verrassing voor Jimme.\n Een vervroegd verjaardagscadeautje.\n Vanaf Schiphol rijden ze langs twee adresjes.\n Thuisgekomen hebben ze twee huisgenoten er bij: Tamatoa en Te’Fiti.\n
\n31 OKTOBER 2017
\n\n Tijdens het wandelen van het Pieterpad struikelt Santoshi over een woning op Funda.\n Dit moeten ze kopen.\n Kijken, bieden en ondertekenen; twee weken later is het alweer geregeld.\n Ze kopen samen Winschoterweg 12 te Groningen.\n
\n31 OKTOBER 2019
\n\n 8 jaar samen - Een speciale dag. Met Leander, Lars, Hjalmar en Frederike als getuigen worden ze elkaars geregistreerd partner.\n Met een bescheiden feestje met een heerlijke borrel met de ouders erbij wordt het gevierd.\n
\n24 AUGUSTUS 2020
\n\n Het aanzoek.\n Jimme wilde Santoshi altijd al op een berg ten huwelijk vragen.\n Maar ja, Corona. Dus het werd de Koningsbelt.\n 75,5 meter boven zeeniveau op het hoogste punt nabij de Holterberg vraagt hij haar (in de stromende regen) ten huwelijk.\n Zij zegt: ‘ja’\n
\n10 JULI 2021
\n\n Het volgende hoofdstuk van dit verhaal beleven we samen!\n Kom met ons het feest vieren op 10 juli!\n
\n\n
\n {this.props.time}
\n{this.props.description}
\nDe grote dag
\n10.07.2021
\n\n \n \n
\n \n Vanaf 16.00 uur ben je van harte welkom aan\n de Winschoterweg 12.\n Scroll\n naar beneden voor het programma.\n
\n\nDresscode
\n\n Jimme en Santoshi vinden het leuk als je\n feestelijk gekleed komt.\n
\nBlijf overnachten in je eigen tent!
\n\n Wil je na afloop blijven slapen? Zorg voor een\n eigen tentje. Deze mag je tussen 12.00 en\n 15.30 komen opzetten. De volgende ochtend\n genieten we nog even samen na\n tijdens het ontbijt. Laat via onderstaand\n formulier weten of je ook blijft slapen.\n
\n\n \n Laat ons weten of je erbij bent!\n \n
\n Programma
\n\n
\n - \n
\n \n \n \n \n \n \n \n )\n }\n}\n\nexport default Gifts\n","import React, {Component} from 'react';\nimport InnerScreen from \"../../components/screen/InnerScreen\";\nimport ScreenTitle from \"../../components/screenTitle/ScreenTitle\";\nimport Screen from \"../../components/screen/Screen\";\nimport \"./Rsvp.css\"\nimport {Link} from \"react-router-dom\";\n\nclass Rsvp extends Component {\n\n render() {\n return (\n \n \n )\n }\n}\n\nexport default Rsvp\n","export default __webpack_public_path__ + \"static/media/eelke.5f163adb.png\";","import React, {Component} from 'react';\nimport Screen from \"../../components/screen/Screen\";\n\nimport \"./Contact.css\"\nimport InnerScreen from \"../../components/screen/InnerScreen\";\nimport ScreenTitle from \"../../components/screenTitle/ScreenTitle\";\nimport Eelke from \"../../images/contact/eelke.png\"\nimport Footer from \"../../components/screen/Footer\";\n\nclass Contact extends Component {\n render() {\n return (\n \n \n \n \n \n \n \n );\n }\n}\n\nexport default Contact;","import React, {Component} from 'react';\n\nexport const FormContext = React.createContext(null)\n\nclass FormContextProvider extends Component {\n\n constructor(props) {\n super(props);\n this.defaultState = {\n reset: () => this.setState(this.defaultState),\n email: \"\",\n setEmail: email => this.setState({email}),\n emailError: null,\n setEmailError: emailError => this.setState({emailError}),\n present: true,\n setPresent: present => this.setState({present}),\n guests: [{name:\"\", sleepOver: false, diet: \"\", error: null}],\n addGuest: guest => this.setState(({guests}) => ({guests: [\n ...guests,\n guest\n ]})),\n removeGuest: index => this.setState(({guests}) => ({\n guests : guests.filter( (_, i ) => i !== index)\n })),\n updateGuest: (index, guest) => this.setState(({guests}) => {\n guests[index] = {...guests[index], ...guest}\n return guests\n }),\n comments: \"\",\n setComments: comments => this.setState({comments}),\n }\n this.state = this.defaultState\n }\n\n componentDidUpdate(prevProps, prevState, snapshot) {\n if(this.state.guests.length === 0){\n this.setState({guests: [{\n name:\"\",\n sleepOver: false,\n diet: \"\",\n error:null\n }]})\n }\n }\n\n\n render() {\n return \n {this.props.children}\n \n }\n}\n\nexport default FormContextProvider;\n","import React, {Component} from 'react';\n\nimport './RemoveButton.css'\n\nclass RemoveButton extends Component {\n\n constructor(props) {\n super(props)\n\n this.onClick = this.onClick.bind(this)\n }\n\n onClick(){\n this.props.onClick(this.props.id)\n }\n\n\n render() {\n return \n \n \n \n \n \n \n \n \n )\n }\n}\n\nexport default Form\n","import React, { Component } from 'react'\nimport PropTypes from \"prop-types\"\n\nimport \"./NavItem.css\"\n\nclass NavItem extends Component {\n render() {\n return (\n \n {this.props.children}\n \n )\n }\n}\n\nNavItem.propTypes = {\n children: PropTypes.node,\n}\n\nexport default NavItem","import React, {Component} from 'react';\nimport {withRouter, Link} from \"react-router-dom\";\n\nimport \"./NavLink.css\"\n\nclass NavLink extends Component {\n\n isActive(){\n return [this.props.to]\n .concat(this.props.otherRoutes)\n .includes(this.props.location.pathname)\n }\n\n render() {\n const active = this.isActive()? \"js-nav-link-active\": \"\"\n return (\n \n {this.props.children}\n \n );\n }\n}\n\nexport default withRouter(NavLink);","import React, {Component} from 'react';\nimport Hamburger from \"../../images/square.png\"\n\nimport \"./Nav.css\"\nimport NavItem from \"./NavItem\";\nimport NavLink from \"./NavLink\";\n\nclass Nav extends Component {\n\n\n constructor(props) {\n super(props)\n this.state = {\n isOpen: false\n }\n this.toggleIsOpen = this.toggleIsOpen.bind(this)\n this.closeNav = this.closeNav.bind(this)\n }\n\n toggleIsOpen() {\n this.toggleState(\"isOpen\")\n }\n\n closeNav() {\n this.setState({\"isOpen\": false})\n }\n\n toggleState(key) {\n this.setState(state => ({\n [key]: !state[key]\n }))\n }\n\n render() {\n return (<>\n \n {({match}) => {\n return window.scroll(0,0)}\n >\n \n )}\n \n }\n}\n\nexport default withRouter(Content)\n","import \"./App.css\"\n\nimport React, {Component} from 'react'\nimport PropTypes from 'prop-types'\nimport {\n Route\n} from \"react-router-dom\"\nimport Couple from './screens/couple/Couple'\nimport Program from './screens/program/Program'\nimport Gifts from './screens/gifts/Gifts'\nimport Rsvp from './screens/rsvp/Rsvp'\nimport Contact from './screens/contact/Contact'\nimport Form from \"./screens/form/Form\";\n\nimport Nav from \"./components/nav/Nav\";\nimport Content from \"./components/content/Content\";\n\n\nclass App extends Component {\n\n render() {\n return (\n \n \n )\n }\n}\n\nexport default AppWrapper","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport AppWrapper from './AppWrapper'\n\nReactDOM.render(\n \n ,\n document.getElementById('root')\n);"],"sourceRoot":""}
\n
\n );\n }\n}\n\nGift.propTypes = {\n uuid: PropTypes.string,\n idx: PropTypes.number,\n imageUrl: PropTypes.string,\n title: PropTypes.string,\n price: PropTypes.number,\n totalGiven: PropTypes.number,\n totalNumberGiven: PropTypes.number,\n description: PropTypes.string,\n onSend: PropTypes.func.isRequired\n}\n\nexport default Gift;\n","import React, {Component} from 'react';\nimport Screen from \"../../components/screen/Screen\";\n\nimport \"./Gifts.css\"\nimport ScreenTitle from \"../../components/screenTitle/ScreenTitle\";\nimport InnerScreen from \"../../components/screen/InnerScreen\";\nimport Gift from \"../../components/gift/Gift\";\nimport Footer from \"../../components/screen/Footer\";\nimport {API_URL} from \"../../Constants\";\n\nclass Gifts extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n gifts: []\n }\n\n this.updatePresents = this.updatePresents.bind(this)\n }\n\n componentDidMount() {\n console.log(API_URL)\n this.updatePresents()\n }\n\n updatePresents(){\n fetch(`${API_URL}/presents`)\n .then(response => response.json())\n .then(gifts => this.setState({gifts}))\n }\n\n render() {\n return (\n \n
\n \n {this.props.idx}\n
\n \n
\n {this.props.title}
\n€ {this.props.price}
\n\n {this.props.description}\n
\n\n {this.props.totalNumberGiven > 0 ? <>\n Dit cadeau is al {this.props.totalNumberGiven} keer gegeven voor een totaal bedrag van {this.props.totalGiven} euro.\n : <>\n Dit cadeau is nog niet gegeven!\n }\n
\n\n {this.state.open ? \"Sluiten\" : \"Dit geef ik cadeau!\"}\n
\n {this.state.open && \n
}\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n Verstuur\n
\n Cadeaus
\n\n
\n \n Jimme en Santoshi willen voor hun huwelijksreis\n graag een reis maken naar Nepal. Hieronder\n vind je de huwelijkreis in 'kleine stukjes'.\n Vind je het leuk om ook een stukje huwelijkreis te\n geven? Klik dan op 'Dit geef ik cadeau!'.\n Het bedrag mag je contant geven.\n Overmaken mag natuurlijk ook.\n Hiervoor ontvang je twee weken voor de bruiloft een e-mail met meer informatie.\n
\n\n {this.state.gifts.map(gift =>
\n \n
\n \n \n \n \n \n
\n Jimme & Santoshi
\nGaan trouwen op 10.07.2021
\n \n Laat ons weten of je erbij bent!\n \nContact
\n\n 
\n
\n \n Heb je vragen? Wil je een speech houden, een\n liedje zingen of heb je een verzoeknummer\n voor op de dansvloer? Neem dan contact op\n met Ceremoniemeester Eelke de Jong\n door een mailtje te sturen naar:\n jimmesantoshi@gmail.com\n
\nEelke de Jong
\n\n
\n )\n }\n}\n\nGuestList.defaultProps = {\n listSize: 1\n}\n\n\nGuestList.propsTypes = {\n listSize: PropTypes.number\n}\n\nexport default GuestList;\n","import React, {Component} from 'react';\n\nimport \"./Spinner.css\"\n\nclass Spinner extends Component {\n render() {\n return (\n \n
\n }\n}\n\nRemoveButton.defaultProps = {\n onClick: () => {},\n}\n\nexport default RemoveButton;\n","import React, {Component} from 'react';\nimport RemoveButton from \"../removeButton/RemoveButton\";\n\nimport \"./GuestItem.css\"\nimport PropTypes from \"prop-types\";\nimport {FormContext} from \"../../context/FormContext\";\n\nclass GuestItem extends Component {\n\n static contextType = FormContext\n\n constructor(props) {\n super(props);\n\n this.onRemove = this.onRemove.bind(this)\n this.updateName = this.updateName.bind(this)\n this.updateSleepOver = this.updateSleepOver.bind(this)\n this.updateDiet = this.updateDiet.bind(this)\n }\n\n\n onRemove(){\n this.props.onRemove(this.props.index)\n }\n\n updateName(e){\n this.context.updateGuest(this.props.index, {\n name: e.target.value,\n })\n }\n\n updateSleepOver(e){\n this.context.updateGuest(this.props.index, {\n sleepOver: e.target.value === \"true\",\n })\n }\n\n updateDiet(e){\n this.context.updateGuest(this.props.index, {\n diet: e.target.value\n })\n }\n\n render() {\n return (\n \n
\n );\n }\n}\n\nGuestItem.defaultProps = {\n onRemove: () => {},\n}\n\nGuestItem.propTypes = {\n onRemove: PropTypes.func,\n index: PropTypes.number\n}\n\nexport default GuestItem;\n","import React, {Component} from 'react';\nimport PropTypes from \"prop-types\";\nimport GuestItem from \"./GuestItem\";\n\nimport \"./GuestList.css\"\nimport {FormContext} from \"../../context/FormContext\";\n\nclass GuestList extends Component {\n\n static contextType = FormContext\n\n constructor(props, context) {\n super(props, context)\n\n this.addGuest = this.addGuest.bind(this)\n this.removeGuest = this.removeGuest.bind(this)\n\n }\n\n addGuest(){\n this.context.addGuest({name:\"\", sleepOver: false, diet: \"\", error: null})\n }\n\n removeGuest(index){\n this.context.removeGuest(index)\n }\n\n\n render() {\n return (\n \n
\n\n \n \n
\n \n
\n \n \n
\n \n \n \n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n Voeg gast toe\n
\n \n
\n {this.context.guests.map((_, index) =>
\n
\n \n {this.context.guests.map((_, index) =>
\n
\n \n
\n );\n }\n}\n\nexport default Spinner;\n","import React, {Component} from 'react';\nimport GuestList from \"../guestList/GuestList\";\nimport {FormContext} from \"../../context/FormContext\";\n\nimport \"./RSVPForm.css\"\nimport Spinner from \"../spinner/Spinner\";\nimport {API_URL} from \"../../Constants\";\n\nclass RsvpForm extends Component {\n\n static contextType = FormContext\n\n constructor(props) {\n super(props)\n\n this.state = {\n formSent: false,\n emailError: false,\n guestError: false\n }\n\n this.onSubmit = this.onSubmit.bind(this)\n }\n\n promiseState(state){\n return new Promise(resolve => {\n this.setState(state, () => resolve(state))\n })\n }\n\n validateEmail(email) {\n if(!email) return false\n const re = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n return re.test(String(email).toLowerCase());\n }\n\n validateGuests() {\n return this.context.guests.some((guest) => guest.name.length > 0)\n }\n\n validateForm(){\n const isEmail = this.validateEmail(this.context.email)\n const hasGuest = this.validateGuests()\n this.setState({\n emailError: !isEmail,\n guestError: !hasGuest\n })\n return isEmail && hasGuest\n }\n\n postForm() {\n const data = JSON.stringify({\n email: this.context.email,\n present: this.context.present,\n guests: this.context.guests\n .filter(guest => guest.name.length > 0)\n .map(guest => ({\n name: guest.name,\n sleepOver: guest.sleepOver,\n diet: guest.diet\n })),\n comments: this.context.comments\n })\n\n return fetch(`${API_URL}/attendance`, {\n method: 'POST',\n headers: {'Content-Type': 'application/json'},\n body: data\n })\n .then((response) => {if(!response.ok){throw new Error(response.status)}})\n .then(() => this.setState({formSent: true}))\n }\n\n\n\n onSubmit(){\n if(this.validateForm()){\n return this.promiseState({processing: true})\n .then(() => this.postForm())\n .then(() => this.promiseState({\n formSent: this.context.present ? \"Leuk dat jullie komen!\" : \"Bedankt voor het laten weten!\",\n }))\n .catch(() => this.promiseState({\n formSent: \"Er is iets mis gegaan, probeer het later nog eens.\"\n }))\n .finally(() => this.promiseState({processing: false}))\n }\n window.scrollTo(0, 0)\n }\n\n render() {\n if(this.state.processing) return {this.state.formSent}
\n return (\n\n
\n {this.state.emailError &&
\n
\n )\n }\n}\n\nexport default RsvpForm\n","import React, {Component} from 'react';\nimport InnerScreen from \"../../components/screen/InnerScreen\";\nimport ScreenTitle from \"../../components/screenTitle/ScreenTitle\";\nimport Screen from \"../../components/screen/Screen\";\nimport Footer from \"../../components/screen/Footer\";\n\nimport FormContextProvider from \"../../context/FormContext\";\nimport RsvpForm from \"../../components/RSVPForm/RSVPForm\";\n\nimport \"./Form.css\"\n\nclass Form extends Component {\n\n constructor(props) {\n super(props);\n }\n\n\n render() {\n return (\n \n {this.state.emailError &&
\n
}\n Geef een email-adres
\n \n \n
\n \n this.context.setEmail(e.target.value)}\n className=\"guest-email\"\n placeholder=\"Email\"\n type=\"email\"\n />\n
\n \n \n
\n {this.state.guestError && \n this.context.setPresent(e.target.value === \"true\")}\n >\n \n \n \n
\n \n
}\n Geef minimaal 1 gast op
\n \n \n
\n \n \n
\n \n \n
\n \n this.context.setComments(e.target.value)}\n className=\"guest-remarks\"\n />\n
\n \n
\n
\n \n Verstuur\n
\n RSVP
\n\n
\n \n Juich niet te vroeg. We duimen dat iedereen kan komen die we hebben\n uitgenodigd. Helaas zijn we afhankelijk van de dan geldende\n coronamaatregelen. We willen je daarom alvast vragen, als het kan, zonder\n kinderen te komen. Daarnaast laten we je uiterlijk 1 juni weten of je echt\n kunt komen.\n
\n\n Geef hieronder aan ons door of je erbij bent.\n
\n\n
\n )\n }\n}\n\nexport default Nav;","export default \"data:image/png;base64,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\"","import Contact from \"./screens/contact/Contact\";\nimport Gifts from \"./screens/gifts/Gifts\";\nimport Program from \"./screens/program/Program\";\nimport Couple from \"./screens/couple/Couple\";\nimport Rsvp from \"./screens/rsvp/Rsvp\";\nimport Form from \"./screens/form/Form\";\n\nconst routes = [\n { path: \"/\", Screen: Rsvp},\n { path: \"/jimme-en-santoshi\", Screen: Couple},\n { path: \"/de-grote-dag\", Screen: Program},\n { path: \"/cadeaus\", Screen: Gifts},\n { path: \"/rsvp\", Screen: Form},\n { path: \"/contact\", Screen: Contact}\n]\n\nexport default routes\n","import React, {Component} from 'react';\nimport {Route, withRouter} from \"react-router-dom\";\nimport {CSSTransition} from 'react-transition-group'\n\nimport \"./Fade.css\"\nimport routes from \"../../routes\";\n\nconst pathMap = {\n \"/jimme-en-santoshi\": 0,\n \"/de-grote-dag\": 1,\n \"/\": 2,\n \"/cadeaus\": 3,\n \"/contact\": 4\n}\n\n\nclass Content extends Component {\n\n constructor(props) {\n super(props);\n }\n\n render() {\n return <>\n {routes.map(({path, Screen}) =>\n \n 
\n
\n \n \n
\n \n \n \n \n
\n )\n }\n}\n\nApp.propTypes = {\n match: PropTypes.object.isRequired,\n location: PropTypes.object.isRequired,\n history: PropTypes.object.isRequired\n}\n\nexport default App\n","import React, { Component } from 'react'\nimport { BrowserRouter as Router } from 'react-router-dom'\nimport App from './App'\n\nclass AppWrapper extends Component {\n render() {\n return (\n