Migrate onboarding to new infrastructure

.gitignore

@@ -24,3 +24,7 @@ yarn-error.log*
 .env
 # Sentry Config File
 .env.sentry-build-plugin
+
+# Versioned docs: onboarding
+versioned_docs/version-onboarding/*
+!versioned_docs/version-onboarding/index.mdx

docs/01-infrastructure/index.mdx

@@ -2,6 +2,7 @@
 sidebar_custom_props:
   icon: mdi-home-circle
 page_id: 550b5b44-9742-4b32-9991-c9c7a77a57ae
+draft: true
 ---
 
 # Infrastruktur

docs/02-software-communication/01-office/index.mdx

@@ -0,0 +1,46 @@
+---
+sidebar_custom_props:
+  icon: mdiMicrosoftOffice
+page_id: 0400482c-5502-4af8-aaff-e5bbea4d31f5
+---
+
+import PageReadCheck from '@tdev/page-read-check/PageReadCheck';
+import ProgressState from '@tdev-components/documents/ProgressState';
+
+# Microsoft Office Programme
+Die Schule stellt Ihnen die Microsoft Office 365 Suite kostenlos zur Verfügung. Darin enthalten sind Programme, mit dienen Sie intensiv arbeiten werden. Dazu gehören:
+- Word (Textverarbeitung)
+- Excel (Tabellenkalkulation)
+- PowerPoint (Präsentationen)
+- OneNote (Notizen, Unterrichtsmaterial)
+- Teams, Outlook (Kommunikation und Zusammenarbeit)
+
+Laden Sie die Office-Programme herunter und installieren Sie sie auf Ihrem Computer.
+
+<ProgressState id="432d5687-e6c3-4f3a-8cc1-041aa70c7aca" keepPreviousStepsOpen confirm float="right">
+    1. Öffnen Sie die [Download-Seite für Office 365](https://www.microsoft.com/de-de/microsoft-365/download-office).
+    2. Wählen Sie den passenden Download für Ihr Betriebssystem aus (Windows oder macOS).
+       ![](images/office-download.png)
+    3. Gehen Sie in Ihren Downloads-Ordner und führen Sie die heruntergeladene Installationsdatei aus (Doppelklick). Folgen Sie danach den Anweisungen des Installationsprogramms.
+       <Tabs groupId="os">
+         <TabItem value="win" label="Windows">
+           ![](images/win-downloads-folder.png)
+         </TabItem>
+         <TabItem value="macos" label="macOS">
+           ![](images/macos-downloads-folder.png)
+         </TabItem>
+       </Tabs>
+       :::finding[Typischer Ablauf]
+       Auf Laptops werden Programme nur selten über einen App Store installiert. Das Herunterladen und Ausführen einer Installationsdatei ist also der typische Weg, um neue Programme zu installieren. Sie können sich diesen Ablauf also gleich merken!
+       :::
+    4. Sobald die Installation abgeschlossen ist, löschen Sie die Installationsdatei aus Ihrem Downloads-Ordner. Diese benötigen Sie nicht mehr.
+       :::finding[Installationsdatei ≠ Programm]
+       Die Installationsdatei ist lediglich ein Programm, mit dem man das eigentliche Programm installiert. Das gilt nicht nur bei der Installation der Office-Programme. Sobald die Installation abgeschlossen ist, wird das eigentliche Programm auf Ihrem Computer installiert und die Installationsdatei wird nicht mehr benötigt. Würden Sie die Installationsdatei ein zweites Mal ausführen, würde sich nicht das eigentliche Programm öffnen, sondern es würde einfach nochmal die Installation gestartet. 
+       :::
+    5. Öffnen Sie mindestens die Programme __Word__, __Teams__, __OneNote__ und __Outlook__ und melden Sie sich mit Ihrem Schulkonto an, wenn Sie nach einer Anmeldung gefragt werden.
+    6. Die Installation ist abgeschlossen. Sie können die geöffneten Office-Programme wieder schliessen.
+</ProgressState>
+
+---
+
+<PageReadCheck id="ca3bd0c0-7610-4a24-95f6-117b3122b6da" />

docs/02-software-communication/02-untis/index.mdx

@@ -0,0 +1,52 @@
+---
+page_id: 4611270b-85c1-48b1-ab44-cda2e87f1520
+sidebar_custom_props:
+    icon: mdiCalendarMonthOutline
+---
+
+import PageReadCheck from '@tdev/page-read-check/PageReadCheck';
+
+# Stundenplan
+Der Stundenplan ist sowohl am Laptop als auch am Smartphone digital verfügbar. Wählen Sie hier die entsprechende Anleitung aus.
+
+<Tabs groupId="device">
+    <TabItem value="mobile" label="Smartphone">
+        <Steps>
+            1. Laden Sie sich die Untis Mobile App aus dem App Store bzw. Google Play Store herunter.
+                <Tabs groupId="os">
+                    <TabItem value="android" label="Android">
+                        ![Untis Mobile App Download (Google Play Store) --width=200px](images/untis-download-qr-google-play-store.png)
+                    </TabItem>
+                    <TabItem value="ios" label="iOS">
+                        ![Untis Mobile App Download (App Store) --width=200px](images/untis-download-qr-app-store.png)
+                    </TabItem>
+                </Tabs>
+            2. Öffnen Sie die App.
+            3. Klicken Sie auf __Log in__.
+            ![--width=250px](images/untis-welcome.PNG)
+            4. Suchen Sie nach der Schule `gym BIEL-BIENNE` und wählen Sie sie aus.
+            ![--width=250px](images/untis-find-school.PNG)
+            5. Als Schüler:innen haben Sie keine Login-Daten. Loggen Sie sich also **anonym** ein.
+            ![--width=250px](images/untis-login.PNG)
+            6. Gehen Sie zum Stundenplan Ihrer Klasse.
+            :::flex
+            ![--width=250px](images/untis-select-my-timetable.PNG)
+            ::br
+            ![--width=250px](images/untis-select-class.PNG)
+            :::
+        </Steps>
+    </TabItem>
+    <TabItem value="laptop" label="Laptop">
+        <Steps>
+            1. Gehen Sie auf [https://gym-biel-bienne.webuntis.com/](https://gym-biel-bienne.webuntis.com/).
+            2. Klicken Sie links auf das Stundenplan-Symbol. Als Schüler:innen haben Sie **keine Login-Daten**.
+            ![--width=500px](images/webuntis-login.png)
+            3. Wählen Sie oben Ihre Klasse aus.
+            ![--width=500px](images/webuntis-select-class.png)   
+        </Steps>
+    </TabItem>
+</Tabs>
+
+---
+
+<PageReadCheck id="ea12a71d-cbb2-43ea-a636-853326cab349" />

docs/02-software-communication/03-adobe/index.mdx

@@ -0,0 +1,26 @@
+---
+page_id: 4611270b-85c1-48b1-ab44-cda2e87f1520
+sidebar_custom_props:
+    icon: mdiAdobeCreativeCloud
+---
+
+import PageReadCheck from '@tdev/page-read-check/PageReadCheck';
+
+# Adobe Programme
+Mit Ihrer Schul-E-Mail-Adresse haben Sie eine Lizenz für die Programmsuite von Adobe und können damit unter anderem:
+- PDFs bearbeiten
+- Fotos bearbeiten
+- Filme schneiden
+
+Für die Installation der Adobe Programme, gehen Sie auf [https://account.adobe.com/](https://account.adobe.com/), klicken Sie auf __Mehr anzeigen__ und danach auf __Weiter mit Microsoft__, und melden Sie sich schliesslich mit Ihrem Schulkonto an.
+
+![](images/adobe-account.png)
+
+:::tip[Photoshop]
+Wenn Sie das Kunst- oder Schwerpunktfach _Bildnerisches Gestalten_ gewählt haben, installieren Sie Photoshop.
+:::
+
+
+---
+
+<PageReadCheck id="12b9b47e-d51b-441d-bcbd-d9f79b8439b4" />

docs/02-software-communication/04-exam.net/index.mdx

@@ -0,0 +1,39 @@
+---
+page_id: 4611270b-85c1-48b1-ab44-cda2e87f1520
+sidebar_custom_props:
+    icon: mdiAccountSchool
+---
+
+import PageReadCheck from '@tdev/page-read-check/PageReadCheck';
+import ProgressState from '@tdev-components/documents/ProgressState';
+
+# Digitales Prüfen
+An unserer Schule werden Proben und Abschlussprüfungen zunehmend digital mit Exam.net durchgeführt. Den genauen Ablauf einer Prüfung über Exam.net werden Sie in den ersten Schulwochen vor Ort kennenlernen. Mit dieser Anleitung richten Sie Ihren Computer aber bereits vorab für den sogenannten **Hochsicherheitsmodus** ein.
+
+<Tabs groupId="os">
+    <TabItem value="win" label="Windows">
+        <Steps>
+            1. Öffnen Sie die [offizielle Download-Seite](https://support.exam.net/s/article/install-high-security-software-seb-exam-net-app-kiosk-app-for-chromebooks?language=en_US#Windowsheader) und laden Sie dort die Windows-Version des _Safe Exam Browsers (SEB)_ herunter.
+               ![](images/win-seb-download.png)
+            2. Finden Sie die heruntergeladene Datei im Downloads-Ordner und führen Sie sie aus (Doppelklick)
+            3. Folgen Sie den Anweisungen des Installationsprogramms.
+            4. Löschen Sie die Installationsdatei aus dem Downloads-Ordner.
+        </Steps>
+    </TabItem>
+    <TabItem value="osx" label="macOS + iPad">
+        <Steps>
+            1. Öffnen Sie die [offizielle Download-Seite](https://support.exam.net/s/article/install-high-security-software-seb-exam-net-app-kiosk-app-for-chromebooks?language=en_US#macOSheader) und klicken Sie auf den Link, um zum entsprechenden App Store Download zu gelangen.
+               ![](images/macos-seb-download.png)
+        </Steps>
+
+    </TabItem>
+</Tabs>
+
+:::aufgabe[Exam.net / SEB installiert]
+<TaskState id="17fc10b9-c327-43de-a9fc-b7ef5e97632a" />
+Der Safe Exam Browser (Windows) bzw. die _Exam.net App_ (macOS) ist auf meinem Computer installiert.
+:::
+
+---
+
+<PageReadCheck id="da86af82-83a0-419b-a125-2ef322be86f0" />

docs/03-support/01-faq/index.mdx

@@ -4,17 +4,31 @@ sidebar_custom_props:
 page_id: e488b768-9b70-48ab-a648-6c1cebaf31f3
 ---
 
-import MfaReset from '@site/docs/03-support/01-faq/questions/\_mfa-reset.mdx';
+import MfaAfterReset from '@site/docs/03-support/01-faq/questions/\_mfa-reset.mdx';
 import FaqOnboardingNoSms from '@site/docs/03-support/01-faq/questions/\_onboarding-no-sms.mdx';
+import OfficeAccountAuthAppGehtNicht from '@site/docs/03-support/01-faq/questions/\_office-account-authenticator-geht-nicht.mdx';
+import OfficeAccountReset from '@site/docs/03-support/01-faq/questions/\_office-account-reset.mdx';
+import MfaAuthenticatorEinrichten from '@site/docs/03-support/01-faq/questions/\_mfa-authenticator-einrichten.mdx';
+import MfaAuthenticatorAppBackup from '@site/docs/03-support/01-faq/questions/\_authenticator-app-backup.mdx';
+import MfaNeuesSmartphone from '@site/docs/03-support/01-faq/questions/\_mfa-neues-smartphone.mdx';
+import MfaWeitereInfos from '@site/docs/03-support/01-faq/questions/\_mfa-weitere-informationen.mdx';
 
-# FAQ 🚧
+# FAQ
 
-## MFA zurückgesetzt
+## Office 365 Konto und MFA
 
-<MfaReset />
+<FaqOnboardingNoSms />
 
+<MfaAuthenticatorEinrichten />
 
-## Erstanmeldung
+<MfaAuthenticatorAppBackup />
 
-### Keine SMS erhalten?
-<FaqOnboardingNoSms />
+<OfficeAccountAuthAppGehtNicht />
+
+<MfaNeuesSmartphone />
+
+<OfficeAccountReset />
+
+<MfaAfterReset />
+
+<MfaWeitereInfos />

docs/03-support/01-faq/questions/_authenticator-app-backup.mdx

@@ -0,0 +1,17 @@
+<Faq>
+    #### Wie erstelle ich ein Backup meiner Authenticator-App?
+    <Solution>
+        Falls Sie die Microsoft Authenticator App verwenden, ist es sinnvoll, davon ein Backup zu erstellen. So vermeiden Sie Probleme bei einem Verlust, Defekt oder Wechsel des Smartphones.
+
+        <Steps>
+            1. Öffnen Sie die Authenticator-App auf Ihrem Smartphone.
+            2. Fügen Sie ein private Microsoft-Konto hinzu. Falls Sie noch keines haben, erstellen Sie eines __+__ (1).
+               ![--width=350px](images/authenticator-settings.png)
+            3. Klicken Sie auf __⋮__ (2) und danach auf __Einstellungen__ (3).
+            4. Aktivieren Sie die __Cloudsicherung__, damit Ihre Authenticator-Daten in Ihrem privaten Microsoft-Konto gesichert werden.
+               ![--width=350px](images/authenticator-cloudsicherung.png)
+        </Steps>
+
+        Hier finden Sie ausführliche Anleitung von Microsoft für iPhones und Android-Phones: [support.microsoft.com](https://support.microsoft.com/de-de/account-billing/sichern-von-kontoanmeldeinformationen-in-microsoft-authenticator-bb939936-7a8d-4e88-bc43-49bc1a700a40#ID0EBJ=iOS).
+    </Solution>
+</Faq>

docs/03-support/01-faq/questions/_mfa-authenticator-einrichten.mdx

@@ -0,0 +1,19 @@
+<Faq>
+    #### Wie richte ich die Microsoft Authenticator App ein?
+    <Solution>
+        <Steps>
+            1. Öffnen Sie auf dem Laptop folgenden Link: [https://myaccount.microsoft.com/?ref=MeControl](https://myaccount.microsoft.com/?ref=MeControl).
+            2. Melden Sie sich mit Ihrem Schulkonto an.
+            3. Gehen Sie in Ihrem Konto auf __Sicherheitsinformationen__ und anschliessend auf __Methode hinzufügen__.
+               ![](images/mfa-authenticator-einrichten/ms-account-neue-anmeldemethode.png)
+            4. Wählen Sie die Methode __Microsoft Authenticator__.
+               ![--width=350px](images/mfa-authenticator-einrichten/ms-account-neue-anmeldemethode-authenticator.png)
+            5. Folgen Sie den Anweisungen.
+               ![--width=400px](images/mfa-authenticator-einrichten/authenticator-app-prompt.png)
+            6. Fügen Sie Ihr GBSL-Konto hinzu.
+               ![--width=400px](images/mfa-authenticator-einrichten/authenticator-einrichten.png)
+            7. Zum Schluss erhalten Sie einen QR-Code und folgen dann den weiteren Anweisungen.
+               ![--width=400px](images/mfa-authenticator-einrichten/authenticator-qr-code-scannen.png)
+        </Steps>
+    </Solution>
+</Faq>

docs/03-support/01-faq/questions/_mfa-neues-smartphone.mdx

@@ -0,0 +1,22 @@
+import OfficeAccountAuthAppGehtNicht from '@site/docs/03-support/01-faq/questions/\_office-account-authenticator-geht-nicht.mdx';
+
+<Faq>
+    #### Ich habe mein Smartphone gewechselt oder verloren. Was muss ich tun, damit die Multi-Faktor-Authentifikation weiterhin / wieder funktioniert?
+
+    <Solution>
+        Eine Aktion ist nur dann erforderlich, wenn Sie entweder die Microsoft Authenticator App verwenden, oder wenn Sie sich nicht mehr in Ihrem Office 365 Schulkonto anmelden können.
+
+        Falls Sie sich nicht mit der Authenticator App anmelden können, prüfen Sie zuerst, ob es mit einer anderen Methode möglich ist:
+
+        ![--width=300px](images/office-account-login-alternative-method.png)
+
+        Können Sie sich noch in Ihrem Office 365 Schulkonto anmelden?
+
+        <Solution title="Ja, ich kann mich noch anmelden.">
+            Für diesen Fall finden Sie die Anleitung [hier](../../../04-accounts/02-mfa/01-wechsel-smartphone/index.mdx?mfa-smartphone-wechsel=access-possible).
+        </Solution>
+        <Solution title="Nein, ich kann mich nicht mehr anmelden.">
+            Für diesen Fall finden Sie die Anleitung [hier](../../../04-accounts/02-mfa/01-wechsel-smartphone/index.mdx?mfa-smartphone-wechsel=access-not-possible).
+        </Solution>
+    </Solution>
+</Faq>

docs/03-support/01-faq/questions/_mfa-reset.mdx

@@ -1,5 +1,5 @@
 <Faq>
-    #### 🚧 Die Authenticator App (MFA) wurde zurückgesetzt - was tun?  
+    #### 🚧 Mein Office 365 Schulkonto ist zurückgesetzt worden. Was muss ich nun tun?
     <Solution>
         Neukonfiguration MFA:
 

docs/03-support/01-faq/questions/_mfa-weitere-informationen.mdx

@@ -0,0 +1,7 @@
+<Faq>
+    #### Wo finde ich weitere Informationen und Anleitungen zur Multi-Faktor-Authentifikation (MFA)?
+
+    <Solution>
+        Eine detaillierte Anleitung von EDUBERN finden Sie hier: [EDUBERN: Anleitung MFA](https://erzbe.sharepoint.com/sites/EDUBERN-Infohub-Hilfsmittel/Lists/Hilfsmittel/Attachments/4/Anleitung%20-%20Einrichten%20MFA%20EDUBERN%20.pdf).
+    </Solution>
+</Faq>

docs/03-support/01-faq/questions/_office-account-authenticator-geht-nicht.mdx

@@ -0,0 +1,15 @@
+import OfficeAccountReset from '@site/docs/03-support/01-faq/questions/\_office-account-reset.mdx';
+
+<Faq>
+    #### Die Authenticator funktioniert nicht. Was soll ich tun?
+
+    <Solution>
+        Falls Sie sich nicht mit der Authenticator App anmelden können, prüfen Sie, ob es mit einer anderen Methode möglich ist:
+
+        ![--width=300px](images/office-account-login-alternative-method.png)
+
+        Sollte dies nicht möglich sein, müssen Sie Ihr Konto zurücksetzen lassen.
+
+        <OfficeAccountReset />
+    </Solution>
+</Faq>

docs/03-support/01-faq/questions/_office-account-reset.mdx

@@ -0,0 +1,13 @@
+import { translate } from '@docusaurus/Translate';
+import { Val, TemplateCode, DynamicInput } from '@tdev-components/DynamicValues';
+import MailTemplate, { alignLeft } from '@tdev-components/MailTemplate';
+import ResetOfficeAccount from '@tdev-components/MailTemplate/templates/ResetOfficeAccount';
+
+<Faq>
+    #### Wie kann ich mein Office 365 Schulkonto zurücksetzen lassen?
+    <Solution>
+        Melden Sie sich beim Edubern-Support (<T id="support.edubern.email" />), dass Ihr Konto zurückgesetzt werden muss:
+
+        <ResetOfficeAccount />
+    </Solution>
+</Faq>

docs/03-support/01-faq/questions/_onboarding-no-sms.mdx

@@ -1,5 +1,5 @@
 <Faq>
-    #### Bei der Erstanmeldung erhalten Sie keine SMS?
+    #### Bei der Erstanmeldung erhalte ich keine SMS. Was soll ich tun?
     <Solution>
         Das kann 2 mögliche Ursachen haben:
         - Ein SMS-Filter verhindert den Empfang.
@@ -8,11 +8,11 @@
         <Solution title="SMS-Filter überprüfen">
             <Tabs groupId="os" queryString>
                 <TabItem value="android" label="Android">
-                   Die Bestätigungs-SMS wird von der Nummer __<T id="mfa-sms-sender-number" />__ gesendet - stellen Sie sicher, dass diese Nummer **nicht blockiert** ist.
+                   Die Bestätigungs-SMS wird von der Nummer __<T id="mfa.sms-sender.phone" />__ gesendet - stellen Sie sicher, dass diese Nummer **nicht blockiert** ist.
                     ![](./images/onboarding-no-sms-android.webp)
                 </TabItem>
                 <TabItem value="ios" label="iOS">
-                    Die Bestätigungs-SMS wird von der Nummer __<T id="mfa-sms-sender-number" />__ gesendet. Wahlweise können Sie:
+                    Die Bestätigungs-SMS wird von der Nummer __<T id="mfa.sms-sender.phone" />__ gesendet. Wahlweise können Sie:
                     - den SMS-Filter **vorübergehend deaktivieren**, um die SMS zu empfangen, oder
                     - diese Nummer zu den __Bekannten Absendern__ in Ihrem SMS-Filter hinzufügen.