Version 2

pagecontent/intro-p1.php

@@ -0,0 +1,33 @@
+<div class="fixed-title">
+  <h2>Willkommen bei VokSpace!</h2>
+</div>
+<div class="fixed-title-spacer" align="center">
+  <h2>Lass uns ein paar Kleinigkeiten anpassen…</h2>
+  <h3>Wie möchten Sie genannt werden?</h3>
+  <div class="form">
+    <div class="input-wrapper">
+      <input required type="text" name="Spitzname" id="register-nickname" oninput="checkIfFilled('register-nickname')">
+      <span>Vorname</span>
+    </div>
+    <h6>Dieser Name wird wird nicht öffentlich angezeigt. Es kann der Vorname oder ein Spitzname sein.</h6>
+  </div>
+  <br>
+  <h3>Wählen Sie ein Erscheinungsbild</h3>
+  <div class="folder-view-wrapper">
+    <div class="settings-section">
+      <input type="range" min="1" max="3" value="2" onchange="changeAppearance()" id="change-appearance">
+      <table width="100%">
+        <tr>
+          <td width="33%" align="left">Hell</td>
+          <td width="33%" align="center">Gedimmt</td>
+          <td width="33%" align="right">Dunkel</td>
+        </tr>
+      </table>
+      <div style="clear: both;"></div>
+    </div>
+  </div>
+  <div class="form">
+    <button class="default-button" onclick="getContent('action:intro:p1');">FORTFAHREN</button>
+  </div>
+  <h6>Alle Einstellungen können später noch angepasst werden. Sie werden in Ihrem Benutzerkonto hinterlegt und auf allen angemeldeten Geräten übernommen.</h6>
+</div>