eerste versie

Evi-2003 · Sep 14, 2023 · fac3c77 · fac3c77
1 parent 8a6af02
commit fac3c77
Show file tree

Hide file tree

Showing 38 changed files with 430 additions and 0 deletions.
diff --git a/fonts/.DS_Store b/fonts/.DS_Store
diff --git a/fonts/ced81dc4b71ad8dc43a4c3257f5d7ec9.woff b/fonts/ced81dc4b71ad8dc43a4c3257f5d7ec9.woff
diff --git a/fonts/ced81dc4b71ad8dc43a4c3257f5d7ec9.woff2 b/fonts/ced81dc4b71ad8dc43a4c3257f5d7ec9.woff2
diff --git a/fonts/d6bb387130dca6f6cff8fc5b914a359d.woff b/fonts/d6bb387130dca6f6cff8fc5b914a359d.woff
diff --git a/fonts/d6bb387130dca6f6cff8fc5b914a359d.woff2 b/fonts/d6bb387130dca6f6cff8fc5b914a359d.woff2
diff --git a/fonts/fa74b5c5c3b20605f79dc9cc247093bb.woff b/fonts/fa74b5c5c3b20605f79dc9cc247093bb.woff
diff --git a/fonts/fa74b5c5c3b20605f79dc9cc247093bb.woff2 b/fonts/fa74b5c5c3b20605f79dc9cc247093bb.woff2
diff --git a/img/.DS_Store b/img/.DS_Store
diff --git a/img/Menu.svg b/img/Menu.svg
diff --git a/img/discord-logo-white.svg b/img/discord-logo-white.svg
diff --git a/img/screenshots/page-2-14.png b/img/screenshots/page-2-14.png
diff --git a/img/screenshots/page1-1.png b/img/screenshots/page1-1.png
diff --git a/img/screenshots/page1-10.png b/img/screenshots/page1-10.png
diff --git a/img/screenshots/page1-11.png b/img/screenshots/page1-11.png
diff --git a/img/screenshots/page1-3.png b/img/screenshots/page1-3.png
diff --git a/img/screenshots/page1-4.png b/img/screenshots/page1-4.png
diff --git a/img/screenshots/page1-5.png b/img/screenshots/page1-5.png
diff --git a/img/screenshots/page1-6.png b/img/screenshots/page1-6.png
diff --git a/img/screenshots/page1-7.png b/img/screenshots/page1-7.png
diff --git a/img/screenshots/page1-8.png b/img/screenshots/page1-8.png
diff --git a/img/screenshots/page1-9.png b/img/screenshots/page1-9.png
diff --git a/img/screenshots/page2-1.png b/img/screenshots/page2-1.png
diff --git a/img/screenshots/page2-10.png b/img/screenshots/page2-10.png
diff --git a/img/screenshots/page2-11.png b/img/screenshots/page2-11.png
diff --git a/img/screenshots/page2-12.png b/img/screenshots/page2-12.png
diff --git a/img/screenshots/page2-13.png b/img/screenshots/page2-13.png
diff --git a/img/screenshots/page2-14.png b/img/screenshots/page2-14.png
diff --git a/img/screenshots/page2-2.png b/img/screenshots/page2-2.png
diff --git a/img/screenshots/page2-3.png b/img/screenshots/page2-3.png
diff --git a/img/screenshots/page2-4.png b/img/screenshots/page2-4.png
diff --git a/img/screenshots/page2-5.png b/img/screenshots/page2-5.png
diff --git a/img/screenshots/page2-6.png b/img/screenshots/page2-6.png
diff --git a/img/screenshots/page2-7.png b/img/screenshots/page2-7.png
diff --git a/img/screenshots/page2-8.png b/img/screenshots/page2-8.png
diff --git a/img/screenshots/page2-9.png b/img/screenshots/page2-9.png
diff --git a/index.html b/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="nl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Discord Remake</title>
+    <link rel="stylesheet" type="text/css" href="/styles.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
+</head>
+<body>
+    <header>
+        <nav>
+            <a href="/"><img src="img/discord-logo-white.svg" alt="Discord Logo"/></a>
+            <button><a><img src="img/Menu.svg" alt="Open menu"/></a></button>          
+            <ul>
+                <li aria-label="Download">Download</li>
+                <li aria-label="Nitro">Nitro</li>
+                <li aria-label="Discover">Discover</li>
+                <li aria-label="Safety">Safety</li>
+                <li aria-label="Support">Support</li>
+                <li aria-label="Blog">Blog</li>
+                <li aria-label="Careers">Careers</li>
+            </ul>
+            <a>Login</a>
+        </nav>
+    </header>
+    <main>
+        <section>
+            <h1>IMAGINE A PLACE...</h1>
+        </section>
+    </main>
+    <footer>
+
+    </footer>
+</body>
+</html>
diff --git a/readme.md b/readme.md
@@ -0,0 +1,244 @@
+<details open>
+  <summary>uitwerken voor kick-off werkgroep</summary>
+
+  ### Auteur:
+  Evi Wammes
+
+  #### Je startniveau:
+  Zwart (denk ik)
+
+  #### Je focus:
+  Responsive
+
+</details>
+
+
+
+
+
+## Je website
+
+<details open>
+  <summary>uitwerken voor kick-off werkgroep</summary>
+
+  ### Je opdracht:
+  <a href="https://discord.com" target="_blank">https://discord.com</a>
+
+  #### Screenshot(s) van de eerste pagina (small screen): 
+  <span>Discord Home</span> 
+  <img src="img/screenshots/page1-1.png" width="375px" alt="bovenste gedeelte van de pagina header/eerste sectie">
+  <img src="img/screenshots/page1-3.png" width="375px" alt="tweede sectie van de pagina">
+  <img src="img/screenshots/page1-4.png" width="375px" alt="derde sectie van de pagina">
+  <img src="img/screenshots/page1-5.png" width="375px" alt="vierde sectie van de pagina">
+  <img src="img/screenshots/page1-6.png" width="375px" alt="vijfde sectie van de pagina">
+  <img src="img/screenshots/page1-7.png" width="375px" alt="zesde sectie van de pagina">
+  <img src="img/screenshots/page1-8.png" width="375px" alt="zevende sectie van de pagina">
+  <img src="img/screenshots/page1-9.png" width="375px" alt="negende sectie van de afbeeldingen">
+  <img src="img/screenshots/page1-10.png" width="375px" alt="tiende sectie van de pagina">
+  <img src="img/screenshots/page1-11.png" width="375px" alt="elfde sectie van de pagina">
+  #### Screenshot(s) van de tweede pagina (small screen):
+  hier de naam van de pagina  
+  <span>Discord Nitro</span> 
+<img src="img/screenshots/page2-1.png" width="375px" alt="Eerste sectie van de pagina">
+<img src="img/screenshots/page2-2.png" width="375px" alt="Tweede sectie van de pagina">
+<img src="img/screenshots/page2-3.png" width="375px" alt="Derde sectie van de pagina">
+<img src="img/screenshots/page2-4.png" width="375px" alt="Vierde sectie van de pagina">
+<img src="img/screenshots/page2-5.png" width="375px" alt="Vijfde sectie van de pagina">
+<img src="img/screenshots/page2-6.png" width="375px" alt="Zesde sectie van de pagina">
+<img src="img/screenshots/page2-7.png" width="375px" alt="Zevende sectie van de pagina">
+<img src="img/screenshots/page2-8.png" width="375px" alt="Achtste sectie van de pagina">
+<img src="img/screenshots/page2-9.png" width="375px" alt="Negende sectie van de pagina">
+<img src="img/screenshots/page2-10.png" width="375px" alt="Tiende sectie van de pagina">
+<img src="img/screenshots/page2-11.png" width="375px" alt="Elfde sectie van de pagina">
+<img src="img/screenshots/page2-12.png" width="375px" alt="Twaalfde sectie van de pagina">
+<img src="img/screenshots/page2-13.png" width="375px" alt="Dertiende sectie van de pagina">
+<img src="img/screenshots/page2-14.png" width="375px" alt="Veertiende sectie 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. https://developer.mozilla.org/en-US/
+  2. bron 2
+  3. ...
+
+</details>