JC - Setup project

- Global Style css
- Link stylesheet in head

Link #9

.gitignore

@@ -0,0 +1,21 @@
+node_modules
+
+# Output
+.output
+.vercel
+/.svelte-kit
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

.npmrc

@@ -0,0 +1 @@
+engine-strict=true

README.md

@@ -1,33 +1,38 @@
-> _Fork_ deze leertaak en ga aan de slag. 
-Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. 
-De instructie vind je in: [docs/INSTRUCTIONS.md](docs/INSTRUCTIONS.md)
+# create-svelte
 
-# Titel
-<!-- Geef je project een titel en schrijf in één zin wat het is -->
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
 
-## Inhoudsopgave
+## Creating a project
 
-  * [Beschrijving](#beschrijving)
-  * [Kenmerken](#kenmerken)
-  * [Installatie](#installatie)
-  * [Gebruik](#gebruik)
-  * [Bronnen](#bronnen)
-  * [Licentie](#licentie)
+If you're seeing this, you've probably already done this step. Congrats!
 
-## Beschrijving
-<!-- In de Beschrijving staat hoe je project er uit ziet, hoe het werkt en wat je er mee kan. -->
-<!-- Voeg een mooie poster visual toe 📸 -->
-<!-- Voeg een link toe naar Github Pages 🌐-->
+```bash
+# create a new project in the current directory
+npm create svelte@latest
 
-## Kenmerken
-<!-- Bij Kenmerken staat welke technieken zijn gebruikt en hoe. Wat is de HTML structuur? Wat zijn de belangrijkste dingen in CSS? Wat is er met Javascript gedaan en hoe? Misschien heb je een framwork of library gebruikt? -->
+# create a new project in my-app
+npm create svelte@latest my-app
+```
 
-## Installatie
+## Developing
 
-## Gebruik
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
 
-## Bronnen
+```bash
+npm run dev
 
-## Licentie
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
 
-This project is licensed under the terms of the [MIT license](./LICENSE).
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

docs/INSTRUCTIONS.md

@@ -1,6 +1,6 @@
 # Lose Your Head - the Client Case
 
-Ontwerp en maak een website voor een opdrachtgever op basis van een Headless CMS API 
+Ontwerp en maak een website voor een opdrachtgever op basis van een Headless CMS API
 
 ## Context
 Deze leertaak hoort bij sprint 14: Lose your Head. Dit is een opdracht die je individueel uitvoert voor een opdrachtgever.
@@ -28,7 +28,7 @@ De development lifecycle kent de volgende stappen:
 
 1. Kies een user story uit de backlog van het project waar je aan gaat werken, of schrijf een nieuwe user story.  De projecten staan bij [FDND Agency](https://github.com/fdnd-agency).
 2. Maak een fork van [deze leertaak](https://github.com/fdnd-task/lose-your-head-the-client-case).
-3. Kopieer de user story waar jij aan gaat werken naar de Wiki van de geforkte repository. Deze user story ga je gedurende deze sprint beantwoorden/ verwerkelijken/ realiseren. **NB: Een user-story moet vaak nog opgesplitst worden in taken!** 
+3. Kopieer de user story waar jij aan gaat werken naar de Wiki van de geforkte repository. Deze user story ga je gedurende deze sprint beantwoorden/ verwerkelijken/ realiseren. **NB: Een user-story moet vaak nog opgesplitst worden in taken!**
 4. Plan een gesprek met de opdrachtgever, maak verkennende schetsen en bereid vragen voor en zorg dat je de opdracht helder hebt voor je aan de slag gaat.
 5. Hanteer de fases uit de dev-lifecycle om jouw project in te richten, bespreek vooraf met een docent welke stappen je denkt te gaan hanteren.
 6. Documenteer doorlopend jouw proces, alle (technische en ontwerp) beslissingen dienen onderbouwd te worden en je verwijst naar alle bronnen die je bij de verschillende fases gebruikt hebt.
@@ -50,5 +50,3 @@ DOD's deeltaak Content First
 - [ ] Per pagina een content model is gedocumenteerd.
 - [ ] Herhaalde elementen zijn aangegeven
 -->
-
-

docs/infromation-architecture.md

@@ -3,7 +3,7 @@
 ## Information Architecture
 _In het college S14W2-02-informatie-architectuur wordt behandeld hoe het structureren en organiseren van informatie op de frontend invloed heeft op de Content modelling._
 
-Analyseer de content stuctuur van de bestaande website(s) van de opdrachtgever en schets een datamodel waarmee de API kan worden ingericht. 
+Analyseer de content stuctuur van de bestaande website(s) van de opdrachtgever en schets een datamodel waarmee de API kan worden ingericht.
 
 
 
@@ -22,12 +22,12 @@ Bekijk de bestaande website(s) van het door jou gekozen project en breng de stru
 
 #### Aanpak
 
-1. Documenteer uit welke (mogelijke) pagina’s jouw opdracht bestaat en welke pagina's op elkaar lijken wat betreft de structuur. 
+1. Documenteer uit welke (mogelijke) pagina’s jouw opdracht bestaat en welke pagina's op elkaar lijken wat betreft de structuur.
 2. Schets wireframes van de verschillende paginastructuren
 3. Schets het datamodel van de content.
 4. Bespreek dit met een docent of medestudent
 
-#### Materiaal 
+#### Materiaal
 
 - [8 steps to content first design @ UX-Design](https://uxdesign.cc/8-steps-to-content-first-design-fa2885b9caee)
 - [Content modelling (in Hygraph)](https://hygraph.com/docs/getting-started/fundamentals/content-modeling)
@@ -40,5 +40,3 @@ Deze opdracht is done als:
 - [ ] Aan de hand van schetsen is gedocumenteerd welke pagina's in jouw project voorkomen.
 - [ ] Per pagina een content model is gedocumenteerd.
 - [ ] Herhaalde elementen zijn aangegeven
-
-