dodona-edu · bmesuere · Sep 5, 2020 · Aug 12, 2020 · Aug 12, 2020 · Aug 12, 2020
diff --git a/.vuepress/config.js b/.vuepress/config.js
@@ -140,8 +140,20 @@ function getGuidesSidebar(lang, groupTitle, FirstItem) {
       title: groupTitle,
       collapsable: false,
       sidebarDepth: 2,
+      initialOpenGroupIndex: -1,
       children: [
         ['', FirstItem],
+        {
+          title: 'Van start met Dodona als student',
+          collapsable: false,
+          path: `/${lang}/guides/for-students`,
+          sidebarDepth: 2,
+          children: [
+            'for-students/login-and-settings/',
+            'for-students/exercises/',
+            'for-students/courses/'
+          ]
+        },
         'getting-started/',
         'pycharm-plugin/',
         'new-exercise-repo/',

diff --git a/.vuepress/styles/index.styl b/.vuepress/styles/index.styl
@@ -5,4 +5,4 @@
  */
 
 .home .hero img
-  max-width 450px!important
+  max-width 450px!important
diff --git a/en/guides/README.md b/en/guides/README.md
@@ -14,4 +14,5 @@ Here you'll find a number of guides, primarily focused on teachers.
 * [Creating a judge](creating-a-judge)
 
 ## Only in Dutch
-* [Van start met Dodona](getting-started)
+* [Van start met Dodona als student](for-students)
+* [Van start met Dodona als leerkracht](getting-started)
diff --git a/en/guides/for-students/README.md b/en/guides/for-students/README.md
@@ -0,0 +1,49 @@
+---
+title: "[nl] Van start met Dodona als student"
+description: "Tutorial: van start met Dodona als student"
+---
+
+# Van start met Dodona als student
+> Alle informatie om vlot van start te gaan met Dodona als student.
+
+## What is Dodona?
+
+Dodona is een online oefenplatform om te leren programmeren. De webapplicatie werd ontwikkeld aan de Universiteit Gent om practica aan grote groepen studenten te ondersteunen. Dodona focust daarom in de eerste plaats op het automatisch testen en geven van feedback op ingediende oplossingen van programmeeroefeningen. Op dit moment ondersteunt Dodona de programmeertalen Python, JavaScript, Java, C#, bash, Prolog, Haskell en R.
+
+## Opdeling van de handleiding
+
+De handleding is verdeeld in drie onderdelen.
+
+* Het eerste deel [Aanmelden & gebruikersinstellingen](./login-and-settings/) legt uit hoe je een gebruikersaccount door Dodona kan laten aanmaken en hoe je die kan personaliseren.
+* Het tweede onderdeel [Oefeningen handleiding](./exercises/) bevat alle informatie dat te maken heeft met het navigeren naar oefeningen of oplossingen, het indienen van oplossingen en het interpreteren van feedback.
+* In het laatste deel [Cursus handleiding](./courses/) wordt besproken hoe je je kan registreren en uitschrijven voor een cursus, hoe je kan navigeren naar cursus en hoe je de indienstatus moet interpreteren.
+
+## Contact opnemen
+
+Vul de gegevens in het paneel <span class="guilabel">Contacteer ons</span> aan en druk daarna op de verzendknop in de rechterbovenhoek van het paneel.
+Als je met vragen zit over de werking van Dodona of als er interessante ideeën bij je opborrelen over hoe we het platform zouden kunnen verbeteren of uitbreiden, neem dan gerust contact met ons op. Alle commentaren en suggesties zijn meer dan welkom. Navigeer daarvoor naar de [contactpagina](https://dodona.ugent.be/nl/contact/) door in de voettekst (onderaan elke pagina) op `Contact` te drukken.
+
+![image](./contact.nl.png)
+
+Vul de gegevens in het paneel `Contacteer ons` aan en druk daarna op de verzendknop in de rechterbovenhoek van het paneel.
+
+
+
+
+<!-- ---
+    title: Starting with Dodona as a student
+    description: "Tutorial: starting with Dodona as a student"
+    ---
+
+    # Dodona for students
+
+    As a student, you can [register]() for one or more courses. Every course has [exercises]() that are grouped in [series](). For each [exercise]() an arbitrary amount of [solutions]() can be [submitted](). These submissions will automatically be judged and annotated with [feedback](). All the actions mentioned require you to have an [account]() and that you are [logged in]() on Dodona.
+
+    ## Get in touch
+
+    If you have any questions about the way Dodona works or any interesting ideas that you want to share about the extension or enhancement of the platform, don't hesitate to contact us. Any comments and/or suggestions are more than welcome. Contacting us can be done by navigating to the **contact page** by clicking on the `Contact` button in the **footer** (at the bottom of every page).
+
+    ![image](./contact.en.png)
+
+    Fill the information in the panel `Get in touch` and when you are ready press on the send button in the upper right corner of the panel.
+-->
diff --git a/en/guides/for-students/contact.nl.png b/en/guides/for-students/contact.nl.png
diff --git a/en/guides/for-students/courses/README.md b/en/guides/for-students/courses/README.md
diff --git a/en/guides/for-students/courses/closed_registration.png b/en/guides/for-students/courses/closed_registration.png
diff --git a/en/guides/for-students/courses/course_exercise_status_icons/after_deadline.png b/en/guides/for-students/courses/course_exercise_status_icons/after_deadline.png
diff --git a/en/guides/for-students/courses/course_exercise_status_icons/before_deadline.png b/en/guides/for-students/courses/course_exercise_status_icons/before_deadline.png
diff --git a/en/guides/for-students/courses/course_exercise_status_icons/correct.png b/en/guides/for-students/courses/course_exercise_status_icons/correct.png
diff --git a/en/guides/for-students/courses/course_exercise_status_icons/wrong.png b/en/guides/for-students/courses/course_exercise_status_icons/wrong.png
diff --git a/en/guides/for-students/courses/moderated_register.png b/en/guides/for-students/courses/moderated_register.png
diff --git a/en/guides/for-students/courses/moderated_waiting.png b/en/guides/for-students/courses/moderated_waiting.png
diff --git a/en/guides/for-students/courses/register.png b/en/guides/for-students/courses/register.png
diff --git a/en/guides/for-students/courses/student.breadcrumb_course.png b/en/guides/for-students/courses/student.breadcrumb_course.png
diff --git a/en/guides/for-students/courses/student.courses.png b/en/guides/for-students/courses/student.courses.png
diff --git a/en/guides/for-students/courses/student.deadline_series.png b/en/guides/for-students/courses/student.deadline_series.png
diff --git a/en/guides/for-students/courses/student.deadline_series_warning.png b/en/guides/for-students/courses/student.deadline_series_warning.png
diff --git a/en/guides/for-students/courses/student.explore_courses.png b/en/guides/for-students/courses/student.explore_courses.png
diff --git a/en/guides/for-students/courses/student.my_courses.png b/en/guides/for-students/courses/student.my_courses.png
diff --git a/en/guides/for-students/courses/student.profile_courses.png b/en/guides/for-students/courses/student.profile_courses.png
diff --git a/en/guides/for-students/courses/student.unregister.png b/en/guides/for-students/courses/student.unregister.png
diff --git a/en/guides/for-students/exercises/README.md b/en/guides/for-students/exercises/README.md
diff --git a/en/guides/for-students/exercises/student.all_submissions.png b/en/guides/for-students/exercises/student.all_submissions.png
diff --git a/en/guides/for-students/exercises/student.all_submissions_link.png b/en/guides/for-students/exercises/student.all_submissions_link.png
diff --git a/en/guides/for-students/exercises/student.course_exercise_selection.png b/en/guides/for-students/exercises/student.course_exercise_selection.png
diff --git a/en/guides/for-students/exercises/student.course_submissions.png b/en/guides/for-students/exercises/student.course_submissions.png
diff --git a/en/guides/for-students/exercises/student.exercise_all_submissions_page.png b/en/guides/for-students/exercises/student.exercise_all_submissions_page.png
diff --git a/en/guides/for-students/exercises/student.exercise_before_submit.png b/en/guides/for-students/exercises/student.exercise_before_submit.png
diff --git a/en/guides/for-students/exercises/student.exercise_course_submissions_page.png b/en/guides/for-students/exercises/student.exercise_course_submissions_page.png
diff --git a/en/guides/for-students/exercises/student.exercise_crumbs.png b/en/guides/for-students/exercises/student.exercise_crumbs.png
diff --git a/en/guides/for-students/exercises/student.exercise_feedback_correct_page.png b/en/guides/for-students/exercises/student.exercise_feedback_correct_page.png
diff --git a/en/guides/for-students/exercises/student.exercise_feedback_correct_tab.png b/en/guides/for-students/exercises/student.exercise_feedback_correct_tab.png
diff --git a/en/guides/for-students/exercises/student.exercise_feedback_incorrect_tab.png b/en/guides/for-students/exercises/student.exercise_feedback_incorrect_tab.png
diff --git a/en/guides/for-students/exercises/student.exercise_feedback_visual.nl.png b/en/guides/for-students/exercises/student.exercise_feedback_visual.nl.png
diff --git a/en/guides/for-students/exercises/student.exercise_lint_error.png b/en/guides/for-students/exercises/student.exercise_lint_error.png
diff --git a/en/guides/for-students/exercises/student.exercise_start.png b/en/guides/for-students/exercises/student.exercise_start.png
diff --git a/en/guides/for-students/exercises/student.exercise_submissions_tab.png b/en/guides/for-students/exercises/student.exercise_submissions_tab.png
diff --git a/en/guides/for-students/exercises/student.submissions_to_exercise_feedback.png b/en/guides/for-students/exercises/student.submissions_to_exercise_feedback.png
diff --git a/en/guides/for-students/exercises/submission_icons/compilation_error.png b/en/guides/for-students/exercises/submission_icons/compilation_error.png
diff --git a/en/guides/for-students/exercises/submission_icons/correct.png b/en/guides/for-students/exercises/submission_icons/correct.png
diff --git a/en/guides/for-students/exercises/submission_icons/default.png b/en/guides/for-students/exercises/submission_icons/default.png
diff --git a/en/guides/for-students/exercises/submission_icons/internal_error.png b/en/guides/for-students/exercises/submission_icons/internal_error.png
diff --git a/en/guides/for-students/exercises/submission_icons/memory_limit_exceeded.png b/en/guides/for-students/exercises/submission_icons/memory_limit_exceeded.png
diff --git a/en/guides/for-students/exercises/submission_icons/output_limit_exceeded.png b/en/guides/for-students/exercises/submission_icons/output_limit_exceeded.png
diff --git a/en/guides/for-students/exercises/submission_icons/queued.png b/en/guides/for-students/exercises/submission_icons/queued.png
diff --git a/en/guides/for-students/exercises/submission_icons/running.png b/en/guides/for-students/exercises/submission_icons/running.png
diff --git a/en/guides/for-students/exercises/submission_icons/runtime_error.png b/en/guides/for-students/exercises/submission_icons/runtime_error.png
diff --git a/en/guides/for-students/exercises/submission_icons/time_limit_exceeded.png b/en/guides/for-students/exercises/submission_icons/time_limit_exceeded.png
diff --git a/en/guides/for-students/exercises/submission_icons/wrong.png b/en/guides/for-students/exercises/submission_icons/wrong.png
diff --git a/en/guides/for-students/login-and-settings/README.md b/en/guides/for-students/login-and-settings/README.md
diff --git a/en/guides/for-students/login-and-settings/choose_language.png b/en/guides/for-students/login-and-settings/choose_language.png
diff --git a/en/guides/for-students/login-and-settings/institution.nl.png b/en/guides/for-students/login-and-settings/institution.nl.png
diff --git a/en/guides/for-students/login-and-settings/login.png b/en/guides/for-students/login-and-settings/login.png
diff --git a/en/guides/for-students/login-and-settings/student.edit_profile.png b/en/guides/for-students/login-and-settings/student.edit_profile.png
diff --git a/en/guides/for-students/login-and-settings/student.edit_timezone.png b/en/guides/for-students/login-and-settings/student.edit_timezone.png
diff --git a/en/guides/for-students/login-and-settings/student.homepage.png b/en/guides/for-students/login-and-settings/student.homepage.png
diff --git a/en/guides/for-students/login-and-settings/student.navigate_to_homepage.png b/en/guides/for-students/login-and-settings/student.navigate_to_homepage.png
diff --git a/en/guides/for-students/login-and-settings/student.user_menu.png b/en/guides/for-students/login-and-settings/student.user_menu.png
diff --git a/en/guides/for-students/login-and-settings/student.user_menu_my_profile.png b/en/guides/for-students/login-and-settings/student.user_menu_my_profile.png
diff --git a/en/guides/for-students/login-and-settings/student.wrong_timezone.png b/en/guides/for-students/login-and-settings/student.wrong_timezone.png
diff --git a/en/guides/for-students/student.courses.png b/en/guides/for-students/student.courses.png
diff --git a/en/guides/getting-started/README.md b/en/guides/getting-started/README.md
@@ -1,10 +1,10 @@
 ---
-title: '[nl] Van start met Dodona'
-description: "Tutorial: van start met Dodona"
+title: '[nl] Van start met Dodona als leerkracht'
+description: "Tutorial: van start met Dodona als leerkracht"
 ---
-# Van start met Dodona
+# Van start met Dodona als leerkracht
 
-> Alle informatie om vlot van start te gaan met Dodona.
+> Alle informatie om vlot van start te gaan met Dodona als leerkracht.
 
 ## Wat is Dodona?
 

diff --git a/nl/guides/README.md b/nl/guides/README.md
@@ -7,7 +7,8 @@ sidebarDepth: 0
 Hier vind je enkele handleidingen, vooral gericht op lesgevers.
 
 ## In het Nederlands
-* [Van start met Dodona](getting-started)
+* [Van start met Dodona als student](for-students)
+* [Van start met Dodona als leerkracht](getting-started)
 * [Dodona PyCharm plugin](pycharm-plugin)
 * [Een nieuwe repository met oefeningen maken](new-exercise-repo)
 * [De Programmeursleerling](the-coders-apprentice)

diff --git a/nl/guides/for-students/README.md b/nl/guides/for-students/README.md
@@ -0,0 +1,28 @@
+---
+title: Van start met Dodona als student
+description: "Tutorial: van start met Dodona als student"
+---
+
+# Van start met Dodona als student
+> Alle informatie om vlot van start te gaan met Dodona als student.
+
+## What is Dodona?
+
+Dodona is een online oefenplatform om te leren programmeren. De webapplicatie werd ontwikkeld aan de Universiteit Gent om practica aan grote groepen studenten te ondersteunen. Dodona focust daarom in de eerste plaats op het automatisch testen en geven van feedback op ingediende oplossingen van programmeeroefeningen. Op dit moment ondersteunt Dodona de programmeertalen Python, JavaScript, Java, C#, bash, Prolog, Haskell en R.
+
+## Opdeling van de handleiding
+
+De handleding is verdeeld in drie onderdelen.
+
+* Het eerste deel [Aanmelden & gebruikersinstellingen](./login-and-settings/) legt uit hoe je een gebruikersaccount door Dodona kan laten aanmaken en hoe je die kan personaliseren.
+* Het tweede onderdeel [Oefeningen handleiding](./exercises/) bevat alle informatie dat te maken heeft met het navigeren naar oefeningen of oplossingen, het indienen van oplossingen en het interpreteren van feedback.
+* In het laatste deel [Cursus handleiding](./courses/) wordt besproken hoe je je kan registreren en uitschrijven voor een cursus, hoe je kan navigeren naar cursus en hoe je de indienstatus moet interpreteren.
+
+## Contact opnemen
+
+Vul de gegevens in het paneel `Contacteer ons` aan en klik daarna op de verzendknop in de rechterbovenhoek van het paneel.
+Als je met vragen zit over de werking van Dodona of als er interessante ideeën bij je opborrelen over hoe we het platform zouden kunnen verbeteren of uitbreiden, neem dan gerust contact met ons op. Alle commentaren en suggesties zijn meer dan welkom. Navigeer daarvoor naar de [contactpagina](https://dodona.ugent.be/nl/contact/) door in de voettekst (onderaan elke pagina) op `Contact` te klikken.
+
+![image](./contact.nl.png)
+
+Vul de gegevens in het paneel `Contacteer ons` aan en klik daarna op de verzendknop in de rechterbovenhoek van het paneel.
diff --git a/nl/guides/for-students/contact.nl.png b/nl/guides/for-students/contact.nl.png