From 556f3a4e261b6e90e786eb37fd0f45472304d3c6 Mon Sep 17 00:00:00 2001
From: Sagi Dayan <sagidayan@gmail.com>
Date: Sun, 19 Jan 2020 13:44:15 -0500
Subject: [PATCH] lading page. polish and inpage register

---
 resources/views/landing.edge         |  4 +-
 resources/views/layouts/landing.edge | 73 +++++++++++++++++++++++++++-
 resources/views/login.edge           |  2 +-
 resources/views/register.edge        |  4 +-
 4 files changed, 76 insertions(+), 7 deletions(-)

diff --git a/resources/views/landing.edge b/resources/views/landing.edge
index 68f15f0..0804a4e 100644
--- a/resources/views/landing.edge
+++ b/resources/views/landing.edge
@@ -62,13 +62,13 @@ Seepur | Shared story time
   <div class="columns has-text-centered">
     <div class="column">
       <div>
-        <span class="icon title"><i class="fa fa-info-circle is-rounded"></i></span>
+        <span class="icon title"><i class="fa fa-desktop"></i></span>
       </div>
       <div>Feature name</div>
     </div>
     <div class="column">
       <div>
-        <span class="icon title"><i class="fa fa-save is-rounded"></i></span>
+        <span class="icon title"><i class="fa fa-fire"></i></span>
       </div>
       <div>Feature name</div>
     </div>
diff --git a/resources/views/layouts/landing.edge b/resources/views/layouts/landing.edge
index 3948873..f0975cf 100644
--- a/resources/views/layouts/landing.edge
+++ b/resources/views/layouts/landing.edge
@@ -23,12 +23,81 @@
       </div>
 
     </section>
+    <div class="hero is-primary">
+      <section class="section  has-text-centered">
+        <h1 class="title">Join Now</h1>
+        <h2 class="subtitle">It takes less then a minute. You could have been done by now, but you are still reading...</h2>
+        <form class="form register" method="POST" action="{{ route('register') }}">
+          {{ csrfField() }}
+          <nav class="level">
+            <div class="field">
+              <label class="label has-text-light">Name</label>
+              <div class="control has-icons-left">
+                <input class="input {{ getErrorFor('name') ? 'is-danger' : ''}}" name="name" type="text" placeholder="John Snow" value="{{ old('name', '') }}">
+                <span class="icon is-small is-left">
+                  <i class="fa fa-id-card"></i>
+                </span>
+              </div>
+              <p class="help is-danger">{{ getErrorFor('name') ? getErrorFor('name') : '' }}</p>
+            </div>
+            
+            
+            <div class="field">
+              <label class="label has-text-light">Email</label>
+              <div class="control has-icons-left">
+                <input class="input {{ getErrorFor('email') ? 'is-danger' : ''}}" name="email"  type="email" placeholder="j.snow@thewall.com" value="{{ old('email', '') }}">
+                <span class="icon is-small is-left">
+                  <i class="fa fa-envelope"></i>
+                </span>
+                
+              </div>
+              <p class="help is-danger">{{ getErrorFor('email') ? getErrorFor('email') : '' }}</p>
+            </div>
+          
+            <div class="field">
+              <label class="label has-text-light">Password</label>
+              <div class="control has-icons-left">
+                <input class="input {{ getErrorFor('password') ? 'is-danger' : ''}}" name="password"  type="password" placeholder="password">
+                <span class="icon is-small is-left">
+                  <i class="fa fa-lock"></i>
+                </span>
+              </div>
+              <p class="help is-danger">{{ getErrorFor('password') ? getErrorFor('password') : '' }}</p>
+            </div>
+            <div class="field">
+              <label class="label has-text-light">Confirm Password</label>
+              <div class="control has-icons-left">
+                <input class="input" type="password" placeholder="confirm password">
+                <span class="icon is-small is-left">
+                  <i class="fa fa-lock"></i>
+                </span>
+                
+              </div>
+              
+            </div>
+          </nav>
+            <nav class="level">
+              <div class="field is-grouped">
+                <div class="control">
+                  <label class="checkbox">
+                    <input type="checkbox">
+                    I agree to the <a href="#">terms and conditions</a>
+                  </label>
+                <div class="control">
+                  <button class="button is-link">Submit</button>
+                </div>
+              </div>
+            </div>
+            </nav>
+          
+        </form>
+      </section>
+    </div>
     <footer class="footer">
       <div class="content has-text-centered">
         <p>
           <strong>Seepur</strong> |  The source code is licensed
-          <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
-          is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
+          <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. Made with <i class="fa fa-heart"></i> by friends and family. For all the savtot out there
         </p>
       </div>
     </footer>
diff --git a/resources/views/login.edge b/resources/views/login.edge
index 50a43c5..28d6892 100644
--- a/resources/views/login.edge
+++ b/resources/views/login.edge
@@ -39,7 +39,7 @@ Seepur| Login
     <div class="control has-icons-left">
       <input class="input {{ getErrorFor('password') ? 'is-danger' : ''}}" name="password"  type="password" placeholder="Password">
       <span class="icon is-small is-left">
-        <i class="fa fa-key"></i>
+        <i class="fa fa-lock"></i>
       </span>
     </div>
     <p class="help is-danger">{{ getErrorFor('password') ? getErrorFor('password') : '' }}</p>
diff --git a/resources/views/register.edge b/resources/views/register.edge
index 2bbbd0b..b138b0f 100644
--- a/resources/views/register.edge
+++ b/resources/views/register.edge
@@ -44,7 +44,7 @@ Seepur| Register
     <div class="control has-icons-left">
       <input class="input {{ getErrorFor('password') ? 'is-danger' : ''}}" name="password"  type="password" placeholder="password">
       <span class="icon is-small is-left">
-        <i class="fa fa-envelope"></i>
+        <i class="fa fa-lock"></i>
       </span>
     </div>
     <p class="help is-danger">{{ getErrorFor('password') ? getErrorFor('password') : '' }}</p>
@@ -54,7 +54,7 @@ Seepur| Register
     <div class="control has-icons-left">
       <input class="input" type="password" placeholder="confirm password">
       <span class="icon is-small is-left">
-        <i class="fa fa-envelope"></i>
+        <i class="fa fa-lock"></i>
       </span>
       
     </div>