From 7762ceaa7e2bb34f8758e17a4c8f512fa6a81b9e Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Sun, 15 Jan 2017 18:24:09 -0800
Subject: Initial Vueification

---
 src/components/SignIn.vue | 44 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/components/SignIn.vue

(limited to 'src/components')

diff --git a/src/components/SignIn.vue b/src/components/SignIn.vue
new file mode 100644
index 00000000..37a49d5f
--- /dev/null
+++ b/src/components/SignIn.vue
@@ -0,0 +1,44 @@
+<template lang="pug">
+div
+  #main-logo
+  p.alert.alert-danger Invalid username or password, please try again.
+  form.form-signin(action='login', method='post')
+    input.form-control(name='username', type='text', placeholder='Username', value='user', required='', autofocus='')
+    br
+    |  
+    input.form-control(name='password', type='password', placeholder='Password', required='')
+    br
+    |  
+    button.btn.btn-lg.btn-primary.btn-block(type='submit') Sign in
+  p
+    button#register.btn.btn-lg.btn-secondary.btn-block Register
+  p
+    a(href='http://bitcoincoop.org/coinos') What is this?
+</template>
+
+<script>
+export default {
+  name: 'home'
+}
+</script>
+
+<style lang="stylus">
+  #main-logo
+      margin-bottom 15px
+
+  .form-signin
+      margin-bottom 10px
+      .form-control
+          height auto
+          -webkit-box-sizing border-box
+          -moz-box-sizing border-box
+          box-sizing border-box
+          padding 10px
+          font-size 16px
+
+  .notice
+      border 1px solid gray
+      background #eee
+      padding 10px
+      margin-bottom 15px
+</style>
-- 
cgit v1.2.3