First commit
This commit is contained in:
236
README.md
Normal file
236
README.md
Normal file
@@ -0,0 +1,236 @@
|
||||
# Procesverslag
|
||||
Markdown is een simpele manier om HTML te schrijven.
|
||||
Markdown cheat cheet: [Hulp bij het schrijven van Markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet).
|
||||
|
||||
Nb. De standaardstructuur en de spartaanse opmaak van de README.md zijn helemaal prima. Het gaat om de inhoud van je procesverslag. Besteedt de tijd voor pracht en praal aan je website.
|
||||
|
||||
Nb. Door *open* toe te voegen aan een *details* element kun je deze standaard open zetten. Fijn om dat steeds voor de relevante stuk(ken) te doen.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Jij
|
||||
|
||||
<details open>
|
||||
<summary>uitwerken voor kick-off werkgroep</summary>
|
||||
|
||||
### Auteur:
|
||||
Sanne 't Hooft (vervangen door jouw naam)
|
||||
|
||||
#### Je startniveau:
|
||||
hier je startniveau (kies uit zwart, rood óf blauw)
|
||||
|
||||
#### Je focus:
|
||||
hier je focus (kies uit responsive óf surface plane)
|
||||
|
||||
</details>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Je website
|
||||
|
||||
<details open>
|
||||
<summary>uitwerken voor kick-off werkgroep</summary>
|
||||
|
||||
### Je opdracht:
|
||||
link naar de website die je gaat namaken óf de naam/omschrijving van je eigen ontwerp
|
||||
|
||||
#### Screenshot(s) van de eerste pagina (small screen):
|
||||
hier de naam van de pagina
|
||||
<img src="readme-images/dummy-plaatje.jpg" width="375px" alt="omschrijving van de pagina">
|
||||
|
||||
#### Screenshot(s) van de tweede pagina (small screen):
|
||||
hier de naam van de pagina
|
||||
<img src="readme-images/dummy-plaatje.jpg" width="375px" alt="omschrijving van de pagina">
|
||||
|
||||
</details>
|
||||
|
||||
|
||||
|
||||
## Toegankelijkheidstest 1/2 (week 1)
|
||||
|
||||
<details>
|
||||
<summary>uitwerken na test in 2<sup>e</sup> werkgroep</summary>
|
||||
|
||||
### Bevindingen
|
||||
Lijst met je bevindingen die in de test naar voren kwamen:
|
||||
|
||||
</details>
|
||||
|
||||
|
||||
|
||||
## Breakdownschets (week 1)
|
||||
|
||||
<details>
|
||||
<summary>uitwerken na afloop 3<sup>e</sup> werkgroep</summary>
|
||||
|
||||
### de hele pagina:
|
||||
<img src="readme-images/dummy-plaatje.jpg" width="375px" alt="breakdown van de hele pagina">
|
||||
|
||||
### dynamisch deel (bijv menu):
|
||||
<img src="readme-images/dummy-plaatje.jpg" width="375px" alt="breakdown van een dynamisch deel">
|
||||
|
||||
### wellicht nog een dynamisch deel (bijv filter):
|
||||
<img src="readme-images/dummy-plaatje.jpg" width="375px" alt="breakdown van nog een dynamisch deel">
|
||||
|
||||
</details>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Voortgang 1 (week 2)
|
||||
|
||||
<details>
|
||||
<summary>uitwerken voor 1<sup>e</sup> voortgang</summary>
|
||||
|
||||
### Stand van zaken
|
||||
hier dit ging goed & dit was lastig (neem ook screenshots op van delen van je website en code)
|
||||
|
||||
|
||||
### Agenda voor meeting
|
||||
samen met je groepje opstellen
|
||||
|
||||
| student 1 | student 2 | student 3 | student 4 |
|
||||
| --- | --- | --- | --- |
|
||||
| dit bespreken | en dit | en ik dit | en dan ik dat |
|
||||
| en dat ook nog | dit als er tijd is | nog een punt | dit wil ik zeker |
|
||||
| ... | ... | ... | ... |
|
||||
|
||||
|
||||
### Verslag van meeting
|
||||
hier na afloop snel de uitkomsten van de meeting vastleggen
|
||||
|
||||
- punt 1
|
||||
- punt 2
|
||||
- nog een punt
|
||||
- ...
|
||||
|
||||
</details>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Voortgang 2 (week 3)
|
||||
|
||||
<details>
|
||||
<summary>uitwerken voor 2<sup>e</sup> voortgang</summary>
|
||||
|
||||
### Stand van zaken
|
||||
hier dit ging goed & dit was lastig (neem ook screenshots op van delen van je website en code)
|
||||
|
||||
|
||||
### Agenda voor meeting
|
||||
samen met je groepje opstellen
|
||||
|
||||
| student 1 | student 2 | student 3 | student 4 |
|
||||
| --- | --- | --- | --- |
|
||||
| dit bespreken | en dit | en ik dit | en dan ik dat |
|
||||
| en dat ook nog | dit als er tijd is | nog een punt | dit wil ik zeker |
|
||||
| ... | ... | ... | ... |
|
||||
|
||||
|
||||
### Verslag van meeting
|
||||
hier na afloop snel de uitkomsten van de meeting vastleggen
|
||||
|
||||
- punt 1
|
||||
- punt 2
|
||||
- nog een punt
|
||||
- ...
|
||||
|
||||
</details>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Toegankelijkheidstest 2/2 (week 4)
|
||||
|
||||
<details>
|
||||
<summary>uitwerken na test in 9<sup>e</sup> werkgroep</summary>
|
||||
|
||||
### Bevindingen
|
||||
Lijst met je bevindingen die in de test naar voren kwamen (geef ook aan wat er verbeterd is):
|
||||
|
||||
</details>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Voortgang 3 (week 4)
|
||||
|
||||
<details>
|
||||
<summary>uitwerken voor 3<sup>e</sup> voortgang</summary>
|
||||
|
||||
### Stand van zaken
|
||||
hier dit ging goed & dit was lastig (neem ook screenshots op van delen van je website en code)
|
||||
|
||||
|
||||
### Agenda voor meeting
|
||||
samen met je groepje opstellen
|
||||
|
||||
| student 1 | student 2 | student 3 | student 4 |
|
||||
| --- | --- | --- | --- |
|
||||
| dit bespreken | en dit | en ik dit | en dan ik dat |
|
||||
| en dat ook nog | dit als er tijd is | nog een punt | dit wil ik zeker |
|
||||
| ... | ... | ... | ... |
|
||||
|
||||
|
||||
### Verslag van meeting
|
||||
hier na afloop snel de uitkomsten van de meeting vastleggen
|
||||
|
||||
- punt 1
|
||||
- punt 2
|
||||
- nog een punt
|
||||
- ...
|
||||
|
||||
</details>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Eindgesprek (week 5)
|
||||
|
||||
<details>
|
||||
<summary>uitwerken voor eindgesprek</summary>
|
||||
|
||||
### Je uitkomst - karakteristiek screenshots:
|
||||
<img src="readme-images/dummy-plaatje.jpg" width="375px" alt="uitomst opdracht 1">
|
||||
|
||||
|
||||
### Dit ging goed/Heb ik geleerd:
|
||||
Korte omschrijving met plaatjes
|
||||
|
||||
<img src="readme-images/dummy-plaatje.jpg" width="375px" alt="top">
|
||||
|
||||
|
||||
### Dit was lastig/Is niet gelukt:
|
||||
Korte omschrijving met plaatjes
|
||||
|
||||
<img src="readme-images/dummy-plaatje.jpg" width="375px" alt="bummer">
|
||||
</details>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Bronnenlijst
|
||||
|
||||
<details open>
|
||||
<summary>continu bijhouden terwijl je werkt</summary>
|
||||
|
||||
Nb. Wees specifiek ('css-tricks' als bron is bijv. niet specifiek genoeg).
|
||||
Nb. ChatGpT en andere AI horen er ook bij.
|
||||
Nb. Vermeld de bronnen ook in je code.
|
||||
|
||||
1. bron 1
|
||||
2. bron 2
|
||||
3. ...
|
||||
|
||||
</details>
|
||||
12
images/favicon.svg
Normal file
12
images/favicon.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
|
||||
<defs>
|
||||
<style>
|
||||
.dark { fill: #570706; }
|
||||
.light { fill: #F39019; }
|
||||
</style>
|
||||
</defs>
|
||||
|
||||
<rect class="dark" x="0" y="0" width="200" height="200"/>
|
||||
<polygon class="light" points="200 0 200 200 0 200 200 0"/>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 300 B |
22
index.html
Normal file
22
index.html
Normal file
@@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="nl">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="author" content="jouw naam">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Howdy FED2526</title>
|
||||
|
||||
<link href="styles/style.css" rel="stylesheet">
|
||||
|
||||
<link rel="icon" type="image/svg+xml" href="images/favicon.svg">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Howdy FED2526</h1>
|
||||
|
||||
<script defer src="scripts/script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
readme-images/dummy-plaatje.jpg
Normal file
BIN
readme-images/dummy-plaatje.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
2
scripts/script.js
Normal file
2
scripts/script.js
Normal file
@@ -0,0 +1,2 @@
|
||||
// JavaScript Document
|
||||
console.log("hi");
|
||||
31
styles/style.css
Normal file
31
styles/style.css
Normal file
@@ -0,0 +1,31 @@
|
||||
/**************/
|
||||
/* CSS REMEDY */
|
||||
/**************/
|
||||
*, *::after, *::before {
|
||||
box-sizing:border-box;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*********************/
|
||||
/* CUSTOM PROPERTIES */
|
||||
/*********************/
|
||||
:root {
|
||||
/* startje */
|
||||
--color-text:#111;
|
||||
--color-background:#eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/****************/
|
||||
/* JOUW STYLING */
|
||||
/****************/
|
||||
|
||||
/* jouw code */
|
||||
|
||||
Reference in New Issue
Block a user