calvintwr/gist:179453c85d5b1f0c9029

## gistfile1.txt
<!doctype html>
<html lang="en" class="no-js" ><!--<![endif]-->
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>{title}</title>

    <meta name="description" content="Description.">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">


    <!-- END Social media metas -->

    <!-- CSS -->
    <link href="/assets/css/style.css" rel="stylesheet">

    <!-- fonts, glyphicons -->
    <link href="/assets/css/bootstrap-glyphicons.css" rel="stylesheet">
    <style>
    /* glyphicon overwrite */
    .glyphicon { top: 2px; padding: 0px 3px;}
    button .glyphicon { top: 0px; padding: 0px;}
    </style>
    {! start login form !}
    <style>
    /*For vertical centering */
    html, body, .globalWrapper, #loginCont {
        height: 100%;
    }
    img.bg {
        min-height: 100%;
        min-width: 1024px;
        width: 100%;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
    }
    @media screen and (max-width: 1024px) {
        img.bg {
            left: 50%;
            margin-left: -512px; /* 50% */
        }
    }
    #logoCont {
        max-width: 66px;
    }
    #loginCont {
        width: 320px;
        margin: auto;
        text-align: center;
    }
        @media (min-width: 0px) and (max-width: 480px) {
            #splashLogo {
                width: 200px;
            }
        }
        @media (min-width: 481px) {
            #splashLogo {
                width: 280px;
            }
        }
        #formCont {
            display:inline-block;
            vertical-align: middle;
            text-align: center;
            padding: 0px 10px;
            width: 90%;
        }
            .indexForms {
                display:block;
            }
            .indexForms input[type="text"], .indexForms input[type="password"], .indexForms button {
                display: inline-block;
                width: 212px;
            }
            .indexForms>input,  .indexForms>div, .indexForms>button {
                margin-top: 8px;
            }
                input[name="rememberMe"] {
                    vertical-align: baseline;
                }

            .formBottomLinks {
                padding: 10px
            }
            .errHolder label {
                display:block;
            }

            #signupForm p>label {
                display: block;
            }
    </style>
    <!-- start learn more -->
    <style>
    #learnMoreLine1 {
        width: 143px;
        margin-left: 122px;
    }
    #learnMoreLine2 {
        margin-top: -15px;
    }
    #logoLearnMore {
        width: 116px;
        display: block;
        margin-top: -52px;
        margin-left: 10px;
        position: absolute;
    }
    </style>
    <!-- global object for all uses where necessary -->


    <!-- jQuery and UI -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!--<script src="/assets/js/jquery-1.10.1.min.js"></script>-->

    <!-- fancyBox image gallery -->
    <link rel="stylesheet" href="/assets/js/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />


</head>
<body>

<!-- HTML5 structural block -->

<!-- nav responsive controlled by a condenser script below -->
<div class="spanAll navWrapper">
    <div id="opacBar" class="spanAll"></div>

    <div id="navBar" class="globalWrapper">
        <div id="logoCont">
            <div id="logoInner" class="clearfix">
            <div class="vaDiv"></div>
            <a href="{p.home}"><img src="/images/logo-white.png" id="logo"></a>
            </div>
        </div>


        <nav id="navNormal" class="clearfix">
            <div class='vaDiv'></div>
            {! If there is a showNav value, select its value and show the exception navBar !}


        </nav>
    </div>
</div><!-- gloabal_wrapper -->


<div class="globalWrapper headerCompensate">


    {! Partials slow down dust significantly. Until this is fixed, loginform is here

    {>loginSignupForm/}

    !}


    <img class="bg" id="bg1" src="/images/splashbg.jpg" data-shown="yes">
    <img class="bg" id="bg2" src="/images/splashbg.jpg" style="display:none;">


    <div id="loginCont">
        <div class="vaDiv"></div>

        <div id="formCont">
            {! Hide this form if it is signup !}

            <form class="indexForms" id="loginForm" action="api/login" {@eq key=page value="signup"}style="display:none;"{/eq}>
                <img id="splashLogo" src="/images/logo-splash.png">
                <div class="errHolder" style="display: none; color: red;"></div>
                <input type="text" name="user" placeholder="Your username or email" required>
                <input type="password" name="password" placeholder="Your password" required>
                <div>
                    <input type="checkbox" name="rememberMe" value="true"> Remember me
                </div>
                <button class="darkButton" type="submit">Login</button>
                <div id="errHolderTooLong" style="display:none"></div>
                <div class="formBottomLinks">
                    <span id="forgetPwdLink" class="clickable">Forget Password</span> | <span id="signupFormLink" class="clickable">Signup</span> | <span id="learnMoreLink" class="clickable">Learn More</span>
                </div>
            </form>


            <!-- loginForm -->


            <!-- Signup Form -->

            {! Hide this form if page is login !}
            <form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
                <h1>Signup</h1>
                <p>
                    <label for="username">Username</label>
                    <input type="text" id="username" name="username" placeholder="Your username">
                </p>
                <p>
                    <label for="email">Email</label>
                    <input type="text" id="email" name="email" placeholder="Your email">
                </p>
                <p>
                    <label for="password">Password</label>
                    <input type="password" id="password" name="password" placeholder="Your password">
                </p>
                <p>
                    <label for="passwordR">Re-type password</label>
                    <input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
                </p>
                <div class="errHolder" style="display: none; color: red;"></div>
                <button class="darkButton" type="submit">Sign Up</button>
                <div id="errHolderTooLong" style="display:none"></div>


            </form>


            <form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
                <h1>Signup</h1>
                <p>
                    <label for="username">Username</label>
                    <input type="text" id="username" name="username" placeholder="Your username">
                </p>
                <p>
                    <label for="email">Email</label>
                    <input type="text" id="email" name="email" placeholder="Your email">
                </p>
                <p>
                    <label for="password">Password</label>
                    <input type="password" id="password" name="password" placeholder="Your password">
                </p>
                <p>
                    <label for="passwordR">Re-type password</label>
                    <input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
                </p>
                <div class="errHolder" style="display: none; color: red;"></div>
                <button class="darkButton" type="submit">Sign Up</button>
                <div id="errHolderTooLong" style="display:none"></div>


            </form>

            <form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
                <h1>Signup</h1>
                <p>
                    <label for="username">Username</label>
                    <input type="text" id="username" name="username" placeholder="Your username">
                </p>
                <p>
                    <label for="email">Email</label>
                    <input type="text" id="email" name="email" placeholder="Your email">
                </p>
                <p>
                    <label for="password">Password</label>
                    <input type="password" id="password" name="password" placeholder="Your password">
                </p>
                <p>
                    <label for="passwordR">Re-type password</label>
                    <input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
                </p>
                <div class="errHolder" style="display: none; color: red;"></div>
                <button class="darkButton" type="submit">Sign Up</button>
                <div id="errHolderTooLong" style="display:none"></div>


            </form>

            <form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
                <h1>Signup</h1>
                <p>
                    <label for="username">Username</label>
                    <input type="text" id="username" name="username" placeholder="Your username">
                </p>
                <p>
                    <label for="email">Email</label>
                    <input type="text" id="email" name="email" placeholder="Your email">
                </p>
                <p>
                    <label for="password">Password</label>
                    <input type="password" id="password" name="password" placeholder="Your password">
                </p>
                <p>
                    <label for="passwordR">Re-type password</label>
                    <input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
                </p>
                <div class="errHolder" style="display: none; color: red;"></div>
                <button class="darkButton" type="submit">Sign Up</button>
                <div id="errHolderTooLong" style="display:none"></div>

            </form>


            <form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
                <h1>Signup</h1>
                <p>
                    <label for="username">Username</label>
                    <input type="text" id="username" name="username" placeholder="Your username">
                </p>
                <p>
                    <label for="email">Email</label>
                    <input type="text" id="email" name="email" placeholder="Your email">
                </p>
                <p>
                    <label for="password">Password</label>
                    <input type="password" id="password" name="password" placeholder="Your password">
                </p>
                <p>
                    <label for="passwordR">Re-type password</label>
                    <input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
                </p>
                <div class="errHolder" style="display: none; color: red;"></div>
                <button class="darkButton" type="submit">Sign Up</button>
                <div id="errHolderTooLong" style="display:none"></div>

            </form>


            <form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
                <h1>Signup</h1>
                <p>
                    <label for="username">Username</label>
                    <input type="text" id="username" name="username" placeholder="Your username">
                </p>
                <p>
                    <label for="email">Email</label>
                    <input type="text" id="email" name="email" placeholder="Your email">
                </p>
                <p>
                    <label for="password">Password</label>
                    <input type="password" id="password" name="password" placeholder="Your password">
                </p>
                <p>
                    <label for="passwordR">Re-type password</label>
                    <input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
                </p>
                <div class="errHolder" style="display: none; color: red;"></div>
                <button class="darkButton" type="submit">Sign Up</button>
                <div id="errHolderTooLong" style="display:none"></div>


            </form>

            <form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
                <h1>Signup</h1>
                <p>
                    <label for="username">Username</label>
                    <input type="text" id="username" name="username" placeholder="Your username">
                </p>
                <p>
                    <label for="email">Email</label>
                    <input type="text" id="email" name="email" placeholder="Your email">
                </p>
                <p>
                    <label for="password">Password</label>
                    <input type="password" id="password" name="password" placeholder="Your password">
                </p>
                <p>
                    <label for="passwordR">Re-type password</label>
                    <input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
                </p>
                <div class="errHolder" style="display: none; color: red;"></div>
                <button class="darkButton" type="submit">Sign Up</button>
                <div id="errHolderTooLong" style="display:none"></div>


            </form>

            <form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
                <h1>Signup</h1>
                <p>
                    <label for="username">Username</label>
                    <input type="text" id="username" name="username" placeholder="Your username">
                </p>
                <p>
                    <label for="email">Email</label>
                    <input type="text" id="email" name="email" placeholder="Your email">
                </p>
                <p>
                    <label for="password">Password</label>
                    <input type="password" id="password" name="password" placeholder="Your password">
                </p>
                <p>
                    <label for="passwordR">Re-type password</label>
                    <input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
                </p>
                <div class="errHolder" style="display: none; color: red;"></div>
                <button class="darkButton" type="submit">Sign Up</button>
                <div id="errHolderTooLong" style="display:none"></div>


            </form>

            <form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
                <h1>Signup</h1>
                <p>
                    <label for="username">Username</label>
                    <input type="text" id="username" name="username" placeholder="Your username">
                </p>
                <p>
                    <label for="email">Email</label>
                    <input type="text" id="email" name="email" placeholder="Your email">
                </p>
                <p>
                    <label for="password">Password</label>
                    <input type="password" id="password" name="password" placeholder="Your password">
                </p>
                <p>
                    <label for="passwordR">Re-type password</label>
                    <input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
                </p>
                <div class="errHolder" style="display: none; color: red;"></div>
                <button class="darkButton" type="submit">Sign Up</button>
                <div id="errHolderTooLong" style="display:none"></div>


            </form>

            <form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
                <h1>Signup</h1>
                <p>
                    <label for="username">Username</label>
                    <input type="text" id="username" name="username" placeholder="Your username">
                </p>
                <p>
                    <label for="email">Email</label>
                    <input type="text" id="email" name="email" placeholder="Your email">
                </p>
                <p>
                    <label for="password">Password</label>
                    <input type="password" id="password" name="password" placeholder="Your password">
                </p>
                <p>
                    <label for="passwordR">Re-type password</label>
                    <input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
                </p>
                <div class="errHolder" style="display: none; color: red;"></div>
                <button class="darkButton" type="submit">Sign Up</button>
                <div id="errHolderTooLong" style="display:none"></div>


            </form>

            <form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
                <h1>Signup</h1>
                <p>
                    <label for="username">Username</label>
                    <input type="text" id="username" name="username" placeholder="Your username">
                </p>
                <p>
                    <label for="email">Email</label>
                    <input type="text" id="email" name="email" placeholder="Your email">
                </p>
                <p>
                    <label for="password">Password</label>
                    <input type="password" id="password" name="password" placeholder="Your password">
                </p>
                <p>
                    <label for="passwordR">Re-type password</label>
                    <input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
                </p>
                <div class="errHolder" style="display: none; color: red;"></div>
                <button class="darkButton" type="submit">Sign Up</button>
                <div id="errHolderTooLong" style="display:none"></div>


            </form>


        </div> <!-- formCont -->
    </div>

    {!end login form !}


</div><!-- .global_wrapper -->

<footer id="footer" class="spanAll" style="display:none">
    <div>
        <h1></h1>
        <p></p>
    </div>
</footer>

            <script src="/assets/js/jquery.validate.min.js"></script>
            <script src="/assets/js/signUpCode.js"></script>
            <!-- end signUpForm -->
</body>
</html>
	<!doctype html>
	<html lang="en" class="no-js" ><!--<![endif]-->
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>{title}</title>

	<meta name="description" content="Description.">
	<meta name="keywords" content="">
	<meta name="author" content="">
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no">



	<!-- END Social media metas -->

	<!-- CSS -->
	<link href="/assets/css/style.css" rel="stylesheet">

	<!-- fonts, glyphicons -->
	<link href="/assets/css/bootstrap-glyphicons.css" rel="stylesheet">
	<style>
	/* glyphicon overwrite */
	.glyphicon { top: 2px; padding: 0px 3px;}
	button .glyphicon { top: 0px; padding: 0px;}
	</style>
	{! start login form !}
	<style>
	/For vertical centering /
	html, body, .globalWrapper, #loginCont {
	height: 100%;
	}
	img.bg {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	}
	@media screen and (max-width: 1024px) {
	img.bg {
	left: 50%;
	margin-left: -512px; /* 50% */
	}
	}
	#logoCont {
	max-width: 66px;
	}
	#loginCont {
	width: 320px;
	margin: auto;
	text-align: center;
	}
	@media (min-width: 0px) and (max-width: 480px) {
	#splashLogo {
	width: 200px;
	}
	}
	@media (min-width: 481px) {
	#splashLogo {
	width: 280px;
	}
	}
	#formCont {
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 0px 10px;
	width: 90%;
	}
	.indexForms {
	display:block;
	}
	.indexForms input[type="text"], .indexForms input[type="password"], .indexForms button {
	display: inline-block;
	width: 212px;
	}
	.indexForms>input, .indexForms>div, .indexForms>button {
	margin-top: 8px;
	}
	input[name="rememberMe"] {
	vertical-align: baseline;
	}

	.formBottomLinks {
	padding: 10px
	}
	.errHolder label {
	display:block;
	}

	#signupForm p>label {
	display: block;
	}
	</style>
	<!-- start learn more -->
	<style>
	#learnMoreLine1 {
	width: 143px;
	margin-left: 122px;
	}
	#learnMoreLine2 {
	margin-top: -15px;
	}
	#logoLearnMore {
	width: 116px;
	display: block;
	margin-top: -52px;
	margin-left: 10px;
	position: absolute;
	}
	</style>
	<!-- global object for all uses where necessary -->


	<!-- jQuery and UI -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<!--<script src="/assets/js/jquery-1.10.1.min.js"></script>-->

	<!-- fancyBox image gallery -->
	<link rel="stylesheet" href="/assets/js/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />







	</head>
	<body>

	<!-- HTML5 structural block -->

	<!-- nav responsive controlled by a condenser script below -->
	<div class="spanAll navWrapper">
	<div id="opacBar" class="spanAll"></div>

	<div id="navBar" class="globalWrapper">
	<div id="logoCont">
	<div id="logoInner" class="clearfix">
	<div class="vaDiv"></div>
	<a href="{p.home}"><img src="/images/logo-white.png" id="logo"></a>
	</div>
	</div>


	<nav id="navNormal" class="clearfix">
	<div class='vaDiv'></div>
	{! If there is a showNav value, select its value and show the exception navBar !}


	</nav>
	</div>
	</div><!-- gloabal_wrapper -->


	<div class="globalWrapper headerCompensate">



	{! Partials slow down dust significantly. Until this is fixed, loginform is here

	{>loginSignupForm/}

	!}


	<img class="bg" id="bg1" src="/images/splashbg.jpg" data-shown="yes">
	<img class="bg" id="bg2" src="/images/splashbg.jpg" style="display:none;">


	<div id="loginCont">
	<div class="vaDiv"></div>

	<div id="formCont">
	{! Hide this form if it is signup !}

	<form class="indexForms" id="loginForm" action="api/login" {@eq key=page value="signup"}style="display:none;"{/eq}>
	<img id="splashLogo" src="/images/logo-splash.png">
	<div class="errHolder" style="display: none; color: red;"></div>
	<input type="text" name="user" placeholder="Your username or email" required>
	<input type="password" name="password" placeholder="Your password" required>
	<div>
	<input type="checkbox" name="rememberMe" value="true"> Remember me
	</div>
	<button class="darkButton" type="submit">Login</button>
	<div id="errHolderTooLong" style="display:none"></div>
	<div class="formBottomLinks">
	<span id="forgetPwdLink" class="clickable">Forget Password</span> \| <span id="signupFormLink" class="clickable">Signup</span> \| <span id="learnMoreLink" class="clickable">Learn More</span>
	</div>
	</form>


	<!-- loginForm -->


	<!-- Signup Form -->

	{! Hide this form if page is login !}
	<form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
	<h1>Signup</h1>
	<p>
	<label for="username">Username</label>
	<input type="text" id="username" name="username" placeholder="Your username">
	</p>
	<p>
	<label for="email">Email</label>
	<input type="text" id="email" name="email" placeholder="Your email">
	</p>
	<p>
	<label for="password">Password</label>
	<input type="password" id="password" name="password" placeholder="Your password">
	</p>
	<p>
	<label for="passwordR">Re-type password</label>
	<input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
	</p>
	<div class="errHolder" style="display: none; color: red;"></div>
	<button class="darkButton" type="submit">Sign Up</button>
	<div id="errHolderTooLong" style="display:none"></div>


	</form>


	<form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
	<h1>Signup</h1>
	<p>
	<label for="username">Username</label>
	<input type="text" id="username" name="username" placeholder="Your username">
	</p>
	<p>
	<label for="email">Email</label>
	<input type="text" id="email" name="email" placeholder="Your email">
	</p>
	<p>
	<label for="password">Password</label>
	<input type="password" id="password" name="password" placeholder="Your password">
	</p>
	<p>
	<label for="passwordR">Re-type password</label>
	<input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
	</p>
	<div class="errHolder" style="display: none; color: red;"></div>
	<button class="darkButton" type="submit">Sign Up</button>
	<div id="errHolderTooLong" style="display:none"></div>


	</form>

	<form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
	<h1>Signup</h1>
	<p>
	<label for="username">Username</label>
	<input type="text" id="username" name="username" placeholder="Your username">
	</p>
	<p>
	<label for="email">Email</label>
	<input type="text" id="email" name="email" placeholder="Your email">
	</p>
	<p>
	<label for="password">Password</label>
	<input type="password" id="password" name="password" placeholder="Your password">
	</p>
	<p>
	<label for="passwordR">Re-type password</label>
	<input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
	</p>
	<div class="errHolder" style="display: none; color: red;"></div>
	<button class="darkButton" type="submit">Sign Up</button>
	<div id="errHolderTooLong" style="display:none"></div>


	</form>

	<form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
	<h1>Signup</h1>
	<p>
	<label for="username">Username</label>
	<input type="text" id="username" name="username" placeholder="Your username">
	</p>
	<p>
	<label for="email">Email</label>
	<input type="text" id="email" name="email" placeholder="Your email">
	</p>
	<p>
	<label for="password">Password</label>
	<input type="password" id="password" name="password" placeholder="Your password">
	</p>
	<p>
	<label for="passwordR">Re-type password</label>
	<input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
	</p>
	<div class="errHolder" style="display: none; color: red;"></div>
	<button class="darkButton" type="submit">Sign Up</button>
	<div id="errHolderTooLong" style="display:none"></div>

	</form>


	<form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
	<h1>Signup</h1>
	<p>
	<label for="username">Username</label>
	<input type="text" id="username" name="username" placeholder="Your username">
	</p>
	<p>
	<label for="email">Email</label>
	<input type="text" id="email" name="email" placeholder="Your email">
	</p>
	<p>
	<label for="password">Password</label>
	<input type="password" id="password" name="password" placeholder="Your password">
	</p>
	<p>
	<label for="passwordR">Re-type password</label>
	<input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
	</p>
	<div class="errHolder" style="display: none; color: red;"></div>
	<button class="darkButton" type="submit">Sign Up</button>
	<div id="errHolderTooLong" style="display:none"></div>

	</form>


	<form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
	<h1>Signup</h1>
	<p>
	<label for="username">Username</label>
	<input type="text" id="username" name="username" placeholder="Your username">
	</p>
	<p>
	<label for="email">Email</label>
	<input type="text" id="email" name="email" placeholder="Your email">
	</p>
	<p>
	<label for="password">Password</label>
	<input type="password" id="password" name="password" placeholder="Your password">
	</p>
	<p>
	<label for="passwordR">Re-type password</label>
	<input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
	</p>
	<div class="errHolder" style="display: none; color: red;"></div>
	<button class="darkButton" type="submit">Sign Up</button>
	<div id="errHolderTooLong" style="display:none"></div>


	</form>

	<form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
	<h1>Signup</h1>
	<p>
	<label for="username">Username</label>
	<input type="text" id="username" name="username" placeholder="Your username">
	</p>
	<p>
	<label for="email">Email</label>
	<input type="text" id="email" name="email" placeholder="Your email">
	</p>
	<p>
	<label for="password">Password</label>
	<input type="password" id="password" name="password" placeholder="Your password">
	</p>
	<p>
	<label for="passwordR">Re-type password</label>
	<input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
	</p>
	<div class="errHolder" style="display: none; color: red;"></div>
	<button class="darkButton" type="submit">Sign Up</button>
	<div id="errHolderTooLong" style="display:none"></div>


	</form>

	<form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
	<h1>Signup</h1>
	<p>
	<label for="username">Username</label>
	<input type="text" id="username" name="username" placeholder="Your username">
	</p>
	<p>
	<label for="email">Email</label>
	<input type="text" id="email" name="email" placeholder="Your email">
	</p>
	<p>
	<label for="password">Password</label>
	<input type="password" id="password" name="password" placeholder="Your password">
	</p>
	<p>
	<label for="passwordR">Re-type password</label>
	<input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
	</p>
	<div class="errHolder" style="display: none; color: red;"></div>
	<button class="darkButton" type="submit">Sign Up</button>
	<div id="errHolderTooLong" style="display:none"></div>


	</form>

	<form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
	<h1>Signup</h1>
	<p>
	<label for="username">Username</label>
	<input type="text" id="username" name="username" placeholder="Your username">
	</p>
	<p>
	<label for="email">Email</label>
	<input type="text" id="email" name="email" placeholder="Your email">
	</p>
	<p>
	<label for="password">Password</label>
	<input type="password" id="password" name="password" placeholder="Your password">
	</p>
	<p>
	<label for="passwordR">Re-type password</label>
	<input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
	</p>
	<div class="errHolder" style="display: none; color: red;"></div>
	<button class="darkButton" type="submit">Sign Up</button>
	<div id="errHolderTooLong" style="display:none"></div>


	</form>

	<form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
	<h1>Signup</h1>
	<p>
	<label for="username">Username</label>
	<input type="text" id="username" name="username" placeholder="Your username">
	</p>
	<p>
	<label for="email">Email</label>
	<input type="text" id="email" name="email" placeholder="Your email">
	</p>
	<p>
	<label for="password">Password</label>
	<input type="password" id="password" name="password" placeholder="Your password">
	</p>
	<p>
	<label for="passwordR">Re-type password</label>
	<input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
	</p>
	<div class="errHolder" style="display: none; color: red;"></div>
	<button class="darkButton" type="submit">Sign Up</button>
	<div id="errHolderTooLong" style="display:none"></div>


	</form>

	<form class="indexForms" id="signupForm" action="api/signup" {@eq key=page value="login"}style="display:none;"{/eq}>
	<h1>Signup</h1>
	<p>
	<label for="username">Username</label>
	<input type="text" id="username" name="username" placeholder="Your username">
	</p>
	<p>
	<label for="email">Email</label>
	<input type="text" id="email" name="email" placeholder="Your email">
	</p>
	<p>
	<label for="password">Password</label>
	<input type="password" id="password" name="password" placeholder="Your password">
	</p>
	<p>
	<label for="passwordR">Re-type password</label>
	<input type="password" id="passwordR" name="passwordR" placeholder="Re-type your password">
	</p>
	<div class="errHolder" style="display: none; color: red;"></div>
	<button class="darkButton" type="submit">Sign Up</button>
	<div id="errHolderTooLong" style="display:none"></div>


	</form>




	</div> <!-- formCont -->
	</div>

	{!end login form !}






	</div><!-- .global_wrapper -->

	<footer id="footer" class="spanAll" style="display:none">
	<div>
	<h1></h1>
	<p></p>
	</div>
	</footer>

	<script src="/assets/js/jquery.validate.min.js"></script>
	<script src="/assets/js/signUpCode.js"></script>
	<!-- end signUpForm -->
	</body>
	</html>