1 files changed, 27 insertions, 11 deletions
diff --git a/index.html b/index.html
index 71087ba..7811cd9 100644
--- a/index.html
+++ b/index.html
@@ -28,17 +28,33 @@
     </head>
     <body>
         <div class="app">
-            <figure class="Login">
-                <x-appbar>
-                    <h1>WvS VPlan | Login</h1>
-                    <button>=</button>
-                </x-appbar>
-                <x-layout>
-                    <section>
-                        Hallo Welt
-                    </section>
-                </x-layout>
-            </figure>
+            <x-flipbox id="viewFlipBox">
+            <div>
+                    <x-appbar>
+                        <h1>WvS VPlan | Login</h1>
+                        <button>=</button>
+                    </x-appbar>
+                    <x-layout>
+                        <form action="javascript:document.getElementById('viewFlipBox').toggle();" onsubmit="login()">
+                            <section>
+                                <input type="text" id="username" hint="Benutzername" autofocus required>
+                                <input type="password" id="password" hint="Passwort" required>
+                                <input type="submit" value="Einloggen" >
+                            </section>
+                        </form>
+                    </x-layout>
+                </div>
+                <div>
+                    <x-appbar>
+                        <button onclick="javascript:document.getElementById('viewFlipBox').toggle();">←</button>
+                        <h1>WvS VPlan | Vertretungsplan</h1>
+                        <button>=</button>
+                    </x-appbar>
+                    <x-layout>
+                        Hier steht der V-Plan.
+                    </x-layout>
+                </div>
+            </x-flipbox>
         </div>
         <script type="text/javascript" src="phonegap.js"></script>
         <script type="text/javascript" src="js/index.js"></script>