189 lines
10 KiB
Smarty
189 lines
10 KiB
Smarty
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!-- META -->
|
|
<meta charset="{{ sakura.charset }}" />
|
|
<title>{{ page.title }}</title>
|
|
<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, Circle, Zeniea, MalwareUp, Cybernetics, Saibateku, Community" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
|
{% if page.redirect %}
|
|
<meta http-equiv="refresh" content="3; URL={{ page.redirect }}" />
|
|
{% endif %}
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" type="text/css" href="//{{ sakura.urls.content }}/global.css" />
|
|
<link rel="stylesheet" type="text/css" href="{{ sakura.resources }}/css/yuuno.css" />
|
|
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
|
|
{% if page.style %}
|
|
<style type="text/css">
|
|
{% for element,properties in page.style %}
|
|
{{ element|raw }} {
|
|
{% for property,value in properties %}
|
|
{{ property|raw }}: {{ value|raw }};
|
|
{% endfor %}
|
|
}
|
|
{% endfor %}
|
|
</style>
|
|
{% endif %}
|
|
<!-- JS -->
|
|
<script type="text/javascript" src="{{ sakura.resources }}/js/yuuno.js"></script>
|
|
<script type="text/javascript">
|
|
{% if not user.checklogin and not sakura.lockauth %}
|
|
|
|
// Setting the shit so clicking the login link doesn't redirect to /login
|
|
function initHeaderLoginForm() {
|
|
|
|
var headerLoginForm = document.getElementById('headerLoginForm');
|
|
var headerLoginLink = document.getElementById('headerLoginLink');
|
|
var createInput = document.createElement('input');
|
|
|
|
createInput.setAttribute('name', 'ajax');
|
|
createInput.setAttribute('value', 'true');
|
|
createInput.setAttribute('type', 'hidden');
|
|
headerLoginForm.appendChild(createInput);
|
|
|
|
headerLoginLink.setAttribute('href', 'javascript:void(0);');
|
|
headerLoginLink.setAttribute('onclick', 'toggleLoginForm();');
|
|
|
|
}
|
|
|
|
// Toggling the dynamic login form
|
|
function toggleLoginForm() {
|
|
|
|
var headerLoginForm = document.getElementById('headerLoginForm');
|
|
|
|
headerLoginForm.className = (headerLoginForm.className == 'hidden' ? '' : 'hidden');
|
|
|
|
}
|
|
|
|
{% elseif user.checklogin %}
|
|
|
|
// Prepare header logout stuff
|
|
function initHeaderLoginForm() {
|
|
|
|
var headerLogoutLink = document.getElementById('headerLogoutLink');
|
|
|
|
headerLogoutLink.setAttribute('href', 'javascript:void(0);');
|
|
headerLogoutLink.setAttribute('onclick', 'doHeaderLogout();');
|
|
|
|
}
|
|
|
|
function doHeaderLogout() {
|
|
|
|
generateForm("headerLogoutForm", {"class":"hidden","method":"post","action":"//{{ sakura.urls.main }}/logout"},{"mode":"logout","ajax":"true","time":"{{ php.time }}","session":"{{ php.sessionid }}","redirect":"{{ sakura.currentpage }}"},"contentwrapper");
|
|
|
|
setTimeout(function(){
|
|
submitPost("headerLogoutForm", true, "Logging out...")
|
|
}, 10);
|
|
|
|
}
|
|
|
|
{% endif %}
|
|
// Space for things that need to happen onload
|
|
window.onload = function() {
|
|
|
|
// Login form under header and ajax logout
|
|
initHeaderLoginForm();
|
|
|
|
{% if php.self == '/authenticate.php' and not sakura.lockauth %}
|
|
// AJAX Form Submission
|
|
var forms = {
|
|
{% if not auth.changingPass %}
|
|
"loginForm": 'Logging in...',
|
|
{% if not sakura.disableregister %}"registerForm": 'Processing registration...',{% endif %}
|
|
{% if not sakura.requireactive %}"resendForm": 'Attempting to resend activation...',{% endif %}
|
|
"passwordForm": 'Sending password recovery mail...'
|
|
{% else %}
|
|
"passwordForm": 'Changing password...'
|
|
{% endif %}
|
|
};
|
|
|
|
for(var i in forms) {
|
|
var form = document.getElementById(i);
|
|
var submit = form.querySelector('[type="submit"]');
|
|
|
|
form.setAttribute('onkeydown', 'formEnterCatch(event, \''+ submit.id +'\');');
|
|
|
|
submit.setAttribute('href', 'javascript:void(0);');
|
|
submit.setAttribute('onclick', 'submitPost(\''+ i +'\', true, \''+ forms[i] +'\');');
|
|
submit.setAttribute('type', 'button');
|
|
|
|
var createInput = document.createElement('input');
|
|
createInput.setAttribute('name', 'ajax');
|
|
createInput.setAttribute('value', 'true');
|
|
createInput.setAttribute('type', 'hidden');
|
|
form.appendChild(createInput);
|
|
}
|
|
{% endif %}
|
|
|
|
};
|
|
</script>
|
|
</head>
|
|
<body{% if page.background %} style="background: url('{{ page.background }}') no-repeat fixed center center / cover inherit !important;"{% endif %}>
|
|
<div id="container">
|
|
<span id="top"></span>
|
|
<div class="header" id="header">
|
|
<a class="logo" href="/">{{ sakura.sitename }}</a>
|
|
<div class="menu">
|
|
<div class="menu-nav" id="navMenuSite">
|
|
<!-- Navigation menu, displayed on left side of the bar. -->
|
|
<a class="menu-item" href="//{{ sakura.urls.main }}/" title="Return to the front page of Flashii">Home</a>
|
|
<a class="menu-item" href="//{{ sakura.urls.main }}/news" title="Here you can read updates on Flashii">News</a>
|
|
<a class="menu-item" href="//{{ sakura.urls.chat }}/" title="Chat with other Flashii members">Chat</a>
|
|
{% if user.checklogin %}
|
|
<a class="menu-item" href="//{{ sakura.urls.main }}/members" title="View a list with all the activated user accounts">Members</a>
|
|
<a class="menu-item menu-donate" href="//{{ sakura.urls.main }}/support" title="Give us money to keep the site (and other services) up and running">Support us</a>
|
|
{% endif %}
|
|
</div>
|
|
<div class="menu-ucp" id="navMenuUser">
|
|
<!-- User menu, displayed on right side of the bar. -->
|
|
{% if user.checklogin %}
|
|
<a class="menu-item avatar" href="//{{ sakura.urls.main }}/u/{{ user.data.id }}" title="View and edit your own profile" style="background-image: url('//{{ sakura.urls.main }}/a/{{ user.data.id }}'); width: auto; color: {{ user.colour }}; font-weight: 700;">{{ user.data.username }}</a>
|
|
<a class="menu-item" href="//{{ sakura.urls.main }}/settings" title="Change your settings">Settings</a>
|
|
<a class="menu-item" href="//{{ sakura.urls.main }}/logout?mode=logout&time={{ php.time }}&session={{ php.sessionid }}&redirect={{ sakura.currentpage }}" title="End your login session" id="headerLogoutLink">Logout</a>
|
|
{% else %}
|
|
{% if sakura.lockauth %}
|
|
<div class="menu-item" style="padding-left: 10px; padding-right: 10px;">Authentication is locked</div>
|
|
{% else %}
|
|
<a class="menu-item" id="headerLoginLink" href="//{{ sakura.urls.main }}/login" title="Login to Flashii">Login</a>
|
|
<a class="menu-item" href="//{{ sakura.urls.main }}/register" title="Create an account">Register</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
</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>
|
|
<div id="contentwrapper">
|
|
{% if not user.checklogin %}
|
|
<form method="post" action="/authenticate" class="hidden" id="headerLoginForm" onkeydown="formEnterCatch(event, 'headerLoginButton');">
|
|
<input type="hidden" name="redirect" value="{{ sakura.currentpage }}" />
|
|
<input type="hidden" name="session" value="{{ php.sessionid }}" />
|
|
<input type="hidden" name="time" value="{{ php.time }}" />
|
|
<input type="hidden" name="mode" value="login" />
|
|
<div>
|
|
<label for="headerLoginUserName">Username:</label>
|
|
<input type="text" id="headerLoginUserName" name="username" class="inputStyling" placeholder="Username" />
|
|
</div>
|
|
<div>
|
|
<label for="headerLoginPassword">Password:</label>
|
|
<input type="password" id="headerLoginPassword" name="password" class="inputStyling" placeholder="Password" />
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" name="remember" id="headerLoginRemember" />
|
|
<label for="headerLoginRemember">Remember me</label>
|
|
</div>
|
|
<div>
|
|
<input type="button" onclick="submitPost('headerLoginForm', true, 'Logging in...');" id="headerLoginButton" name="submit" class="inputStyling small" value="Login" />
|
|
</div>
|
|
</form>
|
|
{% endif %}
|
|
<noscript>
|
|
<div class="headerNotify">
|
|
<h1>You have JavaScript disabled!</h1>
|
|
<p>A lot of things on this site require JavaScript to be enabled (e.g. the chat), we try to keep both sides happy but it is highly recommended that you enable it (you'll also have to deal with this message being here if you don't enable it).</p>
|
|
</div>
|
|
</noscript>
|