From f6db2c2caaec9bce51b21bd0dc2c643a521951cc Mon Sep 17 00:00:00 2001
From: Jesse Morgan <jesse@jesterpm.net>
Date: Wed, 5 Feb 2014 23:30:12 -0800
Subject: Changing Login form to look like F1.

---
 src/templates/pages/login.html.ftl | 40 +++++++++++++++++++++++++-------------
 1 file changed, 26 insertions(+), 14 deletions(-)

(limited to 'src')

diff --git a/src/templates/pages/login.html.ftl b/src/templates/pages/login.html.ftl
index f15080d..b88ea74 100644
--- a/src/templates/pages/login.html.ftl
+++ b/src/templates/pages/login.html.ftl
@@ -11,19 +11,31 @@
         </@noticebox>
     </#if>
 
-    <@content>
-        <p>Welcome! You will need to login with your Foursquare Church InFellowship login.</p>
-        <p>
-            If you do not already have an account,
-            <a href="https://pfseawa.infellowship.com/UserLogin/New">create one here</a>.
-            After you receive your confirmation email, come back to this site to begin the
-            assessment.
-        </p>
-        <form action="${dynamicRoot}/account/authenticate?redirect=${redirect!""}" method="post">
-        <p><label for="emailField">Email:</label> <input id="emailField" type="text" name="email" /></p>
-        <p><label for="passwordField">Password:</label> <input id="passwordField" type="password" name="password" /></p>
-        <p><input type="submit" value="Login" /></p>
-        </form>
-    </@content>
+    <div id="content">
+        <div id="foursquarelogin">
+            <div><img src="${staticRoot}/images/foursquarechurchlogin.png" alt="Puyallup Foursquare" /></div>
+            <div class="inside">
+                <div class="left">
+                    <form action="${dynamicRoot}/account/authenticate?redirect=${redirect!""}" method="post">
+                        <p>Login using your Foursquare Community Groups / Online Giving login.</p>
+                        <p>
+                            <div><label for="emailField">Login</label></div>
+                            <div><input id="emailField" type="text" name="email" tabindex="1" /></div>
+                        </p>
+                        <p>
+                            <div><label for="passwordField">Password &mdash; <a href="https://pfseawa.infellowship.com/UserLogin/ForgotPassword" target="_blank">forgot?</a></label></div>
+                            <div><input id="passwordField" type="password" name="password" tabindex="2" /></div>
+                        </p>
+                        <p class="submit"><input type="submit" value="Sign in" tabindex="3" /></p>
+                        <p id="noaccount">Don't have an account? <a href="https://pfseawa.infellowship.com/UserLogin/New">Sign up!</a></p>
+                    </form>
+                </div>
+                <div class="right">
+                    <div><img src="${staticRoot}/images/acts242.png" alt="Acts 2:42" /></div>
+                    <div><img src="${staticRoot}/images/leadershipdev.png" alt="Leadership Development" /></div>
+                </div>
+            </div>
+        </div>
+    </div>
 </@commonpage>
 
-- 
cgit v1.2.3