diff --git a/public/README.md b/public/README.md new file mode 100644 index 0000000..6258929 --- /dev/null +++ b/public/README.md @@ -0,0 +1,221 @@ +# Procesverslag +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 + +
+ uitwerken voor kick-off werkgroep + + ### Auteur: + Hans de Zwart + + #### Je startniveau: + Tussen rood en zwart in + + #### Je focus: + Ik weet niet zo goed wat surface plane is? + +
+ +## Je website + +
+ uitwerken voor kick-off werkgroep + + ### Je opdracht: + Ik denk dat ik de artikelpagina van de Groene Amsterdammer wil namaken. Bijvoorbeeld zoiets als deze: [Rijk en vol en vreemd](https://www.groene.nl/artikel/rijk-en-vol-en-vreemd) + + #### Screenshot(s) van de eerste pagina (small screen): + hier de naam van de pagina + omschrijving van de pagina + + #### Screenshot(s) van de tweede pagina (bigger screen): + hier de naam van de pagina + omschrijving van de pagina + +
+ +## Toegankelijkheidstest 1/2 (week 1) + +
+ uitwerken na test in 2e werkgroep + + ### Bevindingen + Lijst met je bevindingen die in de test naar voren kwamen: + +
+ + + +## Breakdownschets (week 1) + +
+ uitwerken na afloop 3e werkgroep + + ### de hele pagina: + breakdown van de hele pagina + + ### dynamisch deel (bijv menu): + breakdown van een dynamisch deel + + ### wellicht nog een dynamisch deel (bijv filter): + breakdown van nog een dynamisch deel + +
+ + + + + +## Voortgang 1 (week 2) + +
+ uitwerken voor 1e voortgang + + ### 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 + - ... + +
+ + + + + +## Voortgang 2 (week 3) + +
+ uitwerken voor 2e voortgang + + ### 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 +- ... + +
+ + + + + +## Toegankelijkheidstest 2/2 (week 4) + +
+ uitwerken na test in 9e werkgroep + + ### Bevindingen + Lijst met je bevindingen die in de test naar voren kwamen (geef ook aan wat er verbeterd is): + +
+ + + + + +## Voortgang 3 (week 4) + +
+ uitwerken voor 3e voortgang + + ### 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 + - ... + +
+ + + + + +## Eindgesprek (week 5) + +
+ uitwerken voor eindgesprek + + ### Je uitkomst - karakteristiek screenshots: + uitomst opdracht 1 + + + ### Dit ging goed/Heb ik geleerd: + Korte omschrijving met plaatjes + + top + + + ### Dit was lastig/Is niet gelukt: + Korte omschrijving met plaatjes + + bummer +
+ + + + + +## Bronnenlijst + +
+ continu bijhouden terwijl je werkt + + 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. ... + +
diff --git a/public/images/favicon.svg b/public/images/favicon.svg new file mode 100644 index 0000000..e62d0a7 --- /dev/null +++ b/public/images/favicon.svg @@ -0,0 +1,12 @@ + + + + + + + + + \ No newline at end of file diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..ffbb370 --- /dev/null +++ b/public/index.html @@ -0,0 +1,22 @@ + + + + + + + + + Howdy FED2526 + + + + + + + +

Howdy FED2526

+ + + + + diff --git a/public/readme-images/groene-1.png b/public/readme-images/groene-1.png new file mode 100644 index 0000000..ced77ee Binary files /dev/null and b/public/readme-images/groene-1.png differ diff --git a/public/readme-images/groene-2.png b/public/readme-images/groene-2.png new file mode 100644 index 0000000..6d5feab Binary files /dev/null and b/public/readme-images/groene-2.png differ diff --git a/public/scripts/script.js b/public/scripts/script.js new file mode 100644 index 0000000..29dba40 --- /dev/null +++ b/public/scripts/script.js @@ -0,0 +1,2 @@ +// JavaScript Document +console.log("hi"); \ No newline at end of file diff --git a/public/styles/style.css b/public/styles/style.css new file mode 100644 index 0000000..c7a8e40 --- /dev/null +++ b/public/styles/style.css @@ -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 */ +