Added alerts to login and signup pate

templates/index.html

@@ -4,6 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="{{url_for('static', filename='css/style.css')}}" />
+    <link rel="stylesheet" href="{{url_for('static', filename='css/loginform.css')}}" />
+    <link rel="stylesheet" href="{{url_for('static', filename='css/alerts.css')}}" />
     <link href="http://fonts.cdnfonts.com/css/uk-number-plate" rel="stylesheet">
     <title>WMGZON</title>
 </head>

templates/login.html

@@ -1,5 +1,3 @@
-<link rel="stylesheet" href="{{url_for('static', filename='css/loginform.css')}}" />
-
 <div id="login-form-wrap">
     <h2>Login</h2>
     <form class="login-form" method="POST">
@@ -7,6 +5,16 @@
         <input type="password" id="password" name="password" placeholder="Password" required>
         <input type="submit" id="login" value="Login">
     </form>
+    {% if error != None %}
+        <label>
+            <input type="checkbox" class="alertCheckbox" autocomplete="off" />
+            <div class="alert error">
+                <span class="alertClose">X</span>
+                <span class="alertText">{{error}}
+                    <br class="clear"/></span>
+            </div>
+        </label>
+    {% endif %}
     <div id="create-account-wrap">
         <p>Not a member? <a href="signup">Create Account</a><p>
     </div>

templates/signup.html

@@ -1,5 +1,3 @@
-<link rel="stylesheet" href="{{url_for('static', filename='css/loginform.css')}}" />
-
 <div id="login-form-wrap">
     <h2>Sign Up</h2>
     <form class="login-form" method="POST">
@@ -10,6 +8,16 @@
         <input type="password" id="password" name="password" minlength=8 placeholder="Password" required>
         <input type="submit" id="Sign Up" value="Sign Up">
     </form>
+    {% if error != None %}
+        <label>
+            <input type="checkbox" class="alertCheckbox" autocomplete="off" />
+            <div class="alert error">
+                <span class="alertClose">X</span>
+                <span class="alertText">{{error}}
+                    <br class="clear"/></span>
+            </div>
+        </label>
+    {% endif %}
     <div id="create-account-wrap">
         <p>Already have an account? <a href="login">Login</a><p>
     </div>