0:52035246db0a · tram-im

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/css/tram-im.css	Fri Mar 18 21:40:09 2016 +0800
@@ -0,0 +1,13 @@
+.smart-container {
+    margin: 100px auto 0 auto;
+    max-width: 500px;
+}
+@media (min-width: 960px) {
+    .smart-container .uk-form-horizontal .uk-form-label {
+        width: 100px;
+        text-align: right;
+    }
+    .smart-container .uk-form-horizontal .uk-form-controls {
+        margin-left: 115px;
+    }
+}

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/index.html	Fri Mar 18 21:40:09 2016 +0800
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Tram IM</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.25.0/css/uikit.min.css">
+    <link rel="stylesheet" href="/css/tram-im.css">
+    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.25.0/js/uikit.min.js"></script>
+  </head>
+  <body>
+    <div class="smart-container" data-step="noscript">
+      <div class="uk-alert">
+        <p class="uk-text-center">This page needs JavaScript to work.</p>
+        <hr>
+        <small>It uses resources from code.jquery.com and cdnjs.cloudflare.com.</small>
+      </div>
+    </div>
+
+    <div class="smart-container uk-hidden" data-step="login">
+      <div class="uk-form uk-form-horizontal" data-connect-form>
+        <div class="uk-form-row">
+          <label for="username" class="uk-form-label">Username</label>
+          <div class="uk-form-controls">
+            <input id="username" type="text" class="uk-width-1-1" required autofocus>
+          </div>
+        </div>
+        <div class="uk-form-row">
+          <label for="password" class="uk-form-label">Password</label>
+          <div class="uk-form-controls">
+            <input id="password" type="password" class="uk-width-1-1" value="" required>
+          </div>
+        </div>
+        <div class="uk-form-row">
+          <div class="uk-form-controls">
+            <button type="button" class="uk-button uk-button-primary"><i class="uk-icon-sign-out"></i>&nbsp;Log in</button>
+            <a class="uk-float-right uk-button uk-button-link" href="/register.html">Register</a>
+          </div>
+        </div>
+      </div>
+    </div>
+    <script>
+      $('[data-step="noscript"]').addClass('uk-hidden');
+      $('[data-step="login"]').removeClass('uk-hidden');
+    </script>
+  </body>
+</html>

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/register.html	Fri Mar 18 21:40:09 2016 +0800
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Registration</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.25.0/css/uikit.min.css">
+    <link rel="stylesheet" href="/css/tram-im.css">
+    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.25.0/js/uikit.min.js"></script>
+  </head>
+  <body>
+    <div class="smart-container">
+      <div class="uk-alert" data-step="noscript">
+        <p class="uk-text-center">This page needs JavaScript to work.</p>
+        <hr>
+        <small>It uses resources from code.jquery.com and cdnjs.cloudflare.com.</small>
+      </div>
+      <script>
+        $('[data-step="noscript"]').addClass('uk-hidden');
+      </script>
+
+      <div class="uk-form uk-form-horizontal" data-step="registration">
+        <div class="uk-form-row">
+          <label for="username" class="uk-form-label">Username</label>
+          <div class="uk-form-controls">
+            <input id="username" type="text" class="uk-width-1-1" value="" required>
+          </div>
+        </div>
+        <div class="uk-form-row">
+          <label for="password1" class="uk-form-label">Password</label>
+          <div class="uk-form-controls">
+            <input id="password1" type="password" class="uk-width-1-1" value="" required>
+          </div>
+        </div>
+        <div class="uk-form-row">
+          <label for="password2" class="uk-form-label">Confirmation</label>
+          <div class="uk-form-controls">
+            <input id="password2" type="password" class="uk-width-1-1" value="" required>
+          </div>
+        </div>
+        <div class="uk-form-row">
+          <div class="uk-form-controls">
+            <button id="register" type="button" class="uk-button uk-button-primary">Register</button>
+            <a class="uk-float-right uk-button uk-button-link" href="/">Log in</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>

css/tram-im.css		file \| annotate \| diff \| comparison \| revisions
index.html		file \| annotate \| diff \| comparison \| revisions
register.html		file \| annotate \| diff \| comparison \| revisions