2015-02-21 12:53:05 +00:00
<!DOCTYPE html>
<html>
<head>
<!-- META -->
2015-03-29 16:25:18 +00:00
<meta charset=" { { sakura . charset } } " />
2015-03-08 05:03:39 +00:00
<title> { { page . title } } </title>
2015-02-21 12:53:05 +00:00
<meta name="description" content="Any community that gets its laughs by pretending to be idiots will eventually be flooded by actual idiots who mistakenly believe that they're in good company. Welcome to Flashii." />
<meta name="keywords" content="Flashii, Media, Flashwave, Murasaki, Misaka, Circle, Zeniea, MalwareUp, Cybernetics, Saibateku, Community" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<!-- CSS -->
2015-03-08 05:01:03 +00:00
<link rel="stylesheet" type="text/css" href="// { { sakura . urls . content } } /global.css" />
2015-03-08 05:24:56 +00:00
<link rel="stylesheet" type="text/css" href="// { { sakura . urls . content } } /css/yuuno/yuuno.css" />
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
2015-02-21 12:53:05 +00:00
<!-- JS -->
2015-03-29 17:33:06 +00:00
<script type="text/javascript" src="// { { sakura . urls . content } } /js/yuuno.js"></script>
<script type="text/javascript">
2015-03-29 18:27:46 +00:00
{ % if user . loggedin ! = true % }
2015-03-29 18:39:22 +00:00
// Setting the shit so clicking the login link doesn't redirect to /login
function initLoginForm() {
2015-03-29 17:33:06 +00:00
2015-03-29 18:39:22 +00:00
var headerLoginLink = document.getElementById('headerLoginLink');
2015-03-29 18:43:53 +00:00
headerLoginLink.setAttribute('href', 'javascript:;');
headerLoginLink.setAttribute('onclick', 'toggleLoginForm();');
2015-03-29 18:39:22 +00:00
}
// Toggling the dynamic login form
2015-03-29 17:33:06 +00:00
function toggleLoginForm() {
2015-03-29 18:39:22 +00:00
2015-03-29 17:33:06 +00:00
var headerLoginForm = document.getElementById('headerLoginForm');
headerLoginForm.className = (headerLoginForm.className == 'hidden' ? '' : 'hidden');
2015-03-29 18:39:22 +00:00
2015-03-29 17:33:06 +00:00
}
2015-03-29 18:51:31 +00:00
// Execute initLoginForm() on load
window.onload = function() { initLoginForm ( ) ; } ;
2015-03-29 17:33:06 +00:00
{ % endif % }
</script>
2015-02-21 12:53:05 +00:00
</head>
<body>
<div id="container">
<span id="top"></span>
<div class="header" id="header">
<a class="logo" href="/"></a>
<div class="menu">
<div class="menu-nav" id="navMenuSite">
<!-- Navigation menu, displayed on left side of the bar. -->
2015-03-08 05:01:03 +00:00
<a class="menu-item" href="http:// { { sakura . urls . main } } /" title="Return to the front page of Flashii">Home</a>
<a class="menu-item" href="http:// { { sakura . urls . main } } /news" title="Here you can read updates on Flashii">News</a>
2015-02-21 12:53:05 +00:00
</div>
<div class="menu-ucp" id="navMenuUser">
2015-03-29 18:35:28 +00:00
<!-- User menu, displayed on right side of the bar. -->
2015-03-29 18:51:31 +00:00
<a class="menu-item" id="headerLoginLink" href="http:// { { sakura . urls . main } } /login" title="Login to Flashii">Login</a>
2015-03-08 05:01:03 +00:00
<a class="menu-item" href="http:// { { sakura . urls . main } } /register" title="Create an account">Register</a>
2015-02-21 12:53:05 +00:00
</div>
<div class="menu-mob">
<a class="menu-item" id="mobileNavToggle" href="javascript:;" onclick="mobileMenu(true);">Open Menu</a>
</div>
<div class="clear"></div>
</div>
</div>
2015-03-29 17:33:06 +00:00
<div id="contentwrapper">
2015-03-29 18:27:46 +00:00
{ % if user . loggedin ! = true % }
2015-03-29 17:33:06 +00:00
<div class="hidden" id="headerLoginForm">
2015-03-29 18:55:23 +00:00
<form method="post" action="/login">
<input type="hidden" name="redirect" value=" { { sakura . currentpage } } " />
<div class="leftAlign">
<label for="headerLoginUserName">Username:</label>
</div>
<div class="centreAlign">
<input class="inputStyling" type="text" id="headerLoginUserName" name="username" />
</div>
<div class="leftAlign">
<label for="headerLoginPassword">Password:</label>
</div>
<div class="centreAlign">
<input class="inputStyling" type="password" id="headerLoginPassword" name="password" />
</div>
<div class="centreAlign">
<input class="inputStyling" type="submit" id="headerLoginButton" name="submit" value="Login" />
</div>
</form>
2015-03-29 17:33:06 +00:00
</div>
2015-03-29 18:55:23 +00:00
{ % endif % }
