chiark / gitweb /
~tthurman / dwim.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 06aa49d)
Login page has the login form on it. dwim.css added.
authorMarnanel Thurman <marnanel@thurman.org.uk>
Tue, 30 Nov 2021 21:01:02 +0000 (21:01 +0000)
committerMarnanel Thurman <marnanel@thurman.org.uk>
Tue, 30 Nov 2021 21:01:02 +0000 (21:01 +0000)
www/css/dwim.css [new file with mode: 0644] patch | blob
www/index.html patch | blob | history

diff --git a/www/css/dwim.css b/www/css/dwim.css
new file mode 100644 (file)
index 0000000..0c3dc23
--- /dev/null
+++ b/www/css/dwim.css
@@ -0,0 +1,16 @@
+#login-page .ui-content {
+        background-image: url('../lavender-dream-by-huhu.jpg');
+        background-size: cover;
+}
+
+.ui-page {
+        height: 100%;
+}
+
+#login-form {
+        text-align: center;
+        margin-left: auto;
+        margin-right: auto;
+        max-width: 25em;
+        height: 100%;
+}
diff --git a/www/index.html b/www/index.html
index e2f528bc644c109f2ec5c526f13c43f816a1aa11..558aac5c543edfe8d03e09874249fa85a093e80b 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -7,6 +7,7 @@
         <meta name="msapplication-tap-highlight" content="no">
         <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
         <link rel="stylesheet" href="css/index.css">
+        <link rel="stylesheet" href="css/dwim.css">
                <link rel="stylesheet" type="text/css" href="js/jquery-1.5.0.mobile.min.css">
                <style>
                /* For avoiding title truncation in wp8 */
@@ -24,13 +25,18 @@
     </head>
     <body>
                <!-- jquery mobile page 1 -->
-               <div data-role="page" id="page1">
+               <div data-role="page" id="login-page">
                        <div data-role="header">
-                               <h1>Page 1</h1>
+                               <h1>Log in</h1>
                        </div>
 
-                       <div role="main" class="ui-content">
-                       This is the login page.
+                       <div role="main" id="login-form" class="ui-content">
+                            <label for="username">Username</label>
+                            <input id="username">
+                            <label for="password">Password</label>
+                            <input id="password" type="password">
+                            <input type="button" id="submitlogin"
+                            value="Log in">
         </div>
                                        <a href="#page2">Goto page2</a>
                </div>
Dreamwidth client