Move login UI and add error message UI

public_html/static/style.css

@@ -152,6 +152,29 @@ div.notice-three
 	text-align: right;
 }
 
+div.error
+{
+	border: 1px solid #5D0000;
+	background-color: #E2C6C6;
+	margin-top: 8px;
+	margin-bottom: 6px;
+	font-size: 15px;
+	padding: 8px 10px;
+}
+
+div.error ul
+{
+	padding-left: 28px;
+	margin: 3px 0px;
+}
+
+div.error p
+{
+	margin: 3px 0px;
+	font-weight: bold;
+	font-size: 16px;
+}
+
 .login
 {
 	float: right;

public_html/templates/layout.tpl

@@ -11,12 +11,6 @@
 				<h2>Home</h2>
 			</div>
 			<div class="menu">
-				<a href="/">Home</a>
-				<a href="/projects/">Projects</a>
-				<a href="/guides/">Guides</a>
-				<a href="/mirrors/">Mirrors</a>
-				<a href="/irc/">IRC</a>
-				<a href="/donate/">Donate</a>
 				<div class="login">
 					<form method="post" action="/login">
 						<input type="text" name="username" placeholder="Username">
@@ -24,8 +18,24 @@
 						<button type="submit">Login</button>
 					</form>
 				</div>
+				<a href="/">Home</a>
+				<a href="/projects/">Projects</a>
+				<a href="/guides/">Guides</a>
+				<a href="/mirrors/">Mirrors</a>
+				<a href="/irc/">IRC</a>
+				<a href="/donate/">Donate</a>
 			</div>
 			<div class="content">
+				{%if isempty|errors == false}
+					<div class="error">
+						<p>One or more errors occurred:</p>
+						<ul>
+							{%foreach error in errors}
+								<li>{%?error}</li>
+							{%/foreach}
+						</ul>
+					</div>
+				{%/if}
 				{%?contents}
 			</div>
 			<div class="footer">