diff --git a/public/images/tutorial_01.png b/public/images/tutorial_01.png new file mode 100644 index 0000000000000000000000000000000000000000..544716ed4482465d0ed4d45f9752b0e7c27b9e72 Binary files /dev/null and b/public/images/tutorial_01.png differ diff --git a/public/images/tutorial_02.png b/public/images/tutorial_02.png new file mode 100644 index 0000000000000000000000000000000000000000..8360effe0ca22ead5ce2c7814ff3fd41a44f643c Binary files /dev/null and b/public/images/tutorial_02.png differ diff --git a/public/images/tutorial_03.png b/public/images/tutorial_03.png new file mode 100644 index 0000000000000000000000000000000000000000..15260bd3bb7027c8ea3fdb77eec8b0f30224121c Binary files /dev/null and b/public/images/tutorial_03.png differ diff --git a/public/images/tutorial_04.png b/public/images/tutorial_04.png new file mode 100644 index 0000000000000000000000000000000000000000..3b48eb6cac54de63cccae3d66aa95b63de2a8561 Binary files /dev/null and b/public/images/tutorial_04.png differ diff --git a/public/infobrett-entrypoint.html b/public/infobrett-entrypoint.html new file mode 100644 index 0000000000000000000000000000000000000000..11f0429ee94c1a540d530cc749c26d7f017c2181 --- /dev/null +++ b/public/infobrett-entrypoint.html @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + + <title>OH14 Work Adventure Infoboard entrypoint</title> + + <link rel="icon" type="image/png" href="./favicon.png" /> + <link rel="stylesheet" href="./global.css" /> +</head> + +<body> + <main> + <article> + <h3>Willkommen auf dem <i>Work Adventure</i> der Fachschaft!</h3> + <p> + Hier eine kurze Benutzungsanleitung: + <ul> + <li> + Mit den WASD-Tasten kannst du dich bewegen. Du hast es ja bereits hier her geschafft. + </li> + <li> + Solltest du anderen Spielern begegnen, erscheint ein Kreis um euch und ihr könnt euch sehen und + miteinander sprechen. + <br> + <img src="./images/tutorial_01.png" alt="" style="max-height: 25rem;"> + </li> + <li> + Das funktioniert mit bis zu 4 Leuten, danach wird der Kreis rot und keine weitere Leute können der + Unterhaltung beitreten. + <br> + <img src="./images/tutorial_02.png" alt="" style="max-height: 25rem;"> + </li> + <li> + Größere Unterhaltungen können in Zonen geführt werden, die durch das Kamera-mit-Menschen-Symbol + markiert sind. Bleibt ihr dort stehen, tretet ihr einem Jitsi-Video-Meeting bei. + <br> + <img src="./images/tutorial_03.png" alt="" style="max-height: 25rem;"> + </li> + <li> + Fenster, die sich über den rechten Bildschirmteil legen (wie dieses hier oder ein + Jitsi-Video-Meeting), könnt ihr schließen, in dem ihr in der + rechten oberen Bildschirmecke auf das kleine X klickt. + Danach solltet ihr euch wieder frei bewegen können. + <br> + <img src="./images/tutorial_04.png" alt="" style="max-height: 25rem;"> + </li> + </ul> + </p> + </article> + </main> +</body> + +</html> \ No newline at end of file