ajax-chat/template/legacyLogin.html

170 lines
5.9 KiB
HTML

<?xml version="1.0" encoding="[CONTENT_ENCODING/]"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="[LANG_CODE/]" lang="[LANG_CODE/]" dir="[BASE_DIRECTION/]">
<head>
<meta http-equiv="Content-Type" content="[CONTENT_TYPE/]" />
<title>[LANG]title[/LANG]</title>
<link rel="shortcut icon" href="favicon.ico" />
<style type="text/css">
@font-face {
font-family: Gothic;
src: url('../images/gothic.woff');
}
body {
padding:0;
margin:0;
}
a {
color: #FFF;
}
div.toplogo {
font-size: 30px;
background-image: linear-gradient(180deg, #190015/*#2F426C#FF2400*/, transparent);
padding-left: 10px;
padding-right: 10px;
font-family: "Century Gothic", Gothic, sans-serif;
position: fixed;
width: 100%;
z-index: 5;
}
div.toplogo a {
text-decoration: none;
}
div.topmenu {
float: right;
padding-right: 16px;
z-index: 6;
}
div.menu {
float: right;
text-align: right;
padding-right: 16px;
}
div.menu a {
color: #FFFFFF;
text-decoration: none;
transition: color 0.4s ease-in 0s, text-shadow 0.4s ease-in 0s;
}
div.menu a:hover {
text-shadow: 0px 0px 8px #F1F1F1;
}
div.menu a:active {
text-shadow: 0px 0px 8px #0042FF;
}
div.topmenu a {
color: #FFFFFF;
text-decoration: none;
transition: color 0.4s ease-in 0s, text-shadow 0.4s ease-in 0s, background-image 0.4s ease-in 0s;
z-index: 6;
}
div.topmenu a:hover {
text-shadow: 0px 0px 8px #F1F1F1;
background-image: linear-gradient(to bottom, #8800BB, transparent);
}
div.topmenu a:active {
text-shadow: 0px 0px 8px #0042FF;
background-image: linear-gradient(to bottom, #440077, transparent);
}
</style>
[STYLE_SHEETS/]
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="ie5-6.css" />
<![endif]-->
<script src="js/chat.js" type="text/javascript" charset="UTF-8"></script>
<script src="js/lang/[LANG_CODE/].js" type="text/javascript" charset="UTF-8"></script>
<script src="/?common=config" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
// <![CDATA[
function initializeLoginPage() {
document.getElementById('userNameField').focus();
if(!ajaxChat.isCookieEnabled()) {
var node = document.createElement('div');
var text = document.createTextNode(ajaxChatLang['errorCookiesRequired']);
node.appendChild(text);
document.getElementById('errorContainer').appendChild(node);
}
}
ajaxChatConfig.sessionName = '[SESSION_NAME/]';
ajaxChatConfig.cookieExpiration = parseInt('[COOKIE_EXPIRATION/]');
ajaxChatConfig.cookiePath = '[COOKIE_PATH/]';
ajaxChatConfig.cookieDomain = '[COOKIE_DOMAIN/]';
ajaxChatConfig.cookieSecure = '[COOKIE_SECURE/]';
ajaxChat.init(ajaxChatConfig, ajaxChatLang, true, true, false);
// ]]>
</script>
</head>
<body onload="initializeLoginPage();">
<div class="toplogo">
<span style="text-shadow: 0px 0px 8px #F1F1F1;"><a href="[CONF]flashiiUrl.home[/CONF]">Flashii</a></span>
<div class="topmenu">
<a href="[CONF]flashiiUrl.home[/CONF]">&nbsp;Home&nbsp;</a>
<a href="[CONF]flashiiUrl.news[/CONF]">&nbsp;News&nbsp;</a>
<a href="./">&nbsp;Chat&nbsp;</a>
<a href="[CONF]flashiiUrl.members[/CONF]">&nbsp;Members&nbsp;</a>
<a href="[CONF]flashiiUrl.donate[/CONF]">&nbsp;Donate&nbsp;</a>
<a href="[CONF]flashiiUrl.status[/CONF]">&nbsp;Status&nbsp;</a>
</div>
</div>
<div id="loginContent">
<div id="loginHeadlineContainer">
<h1>[LANG]title[/LANG]</h1>
</div>
<form id="loginForm" action="[LOGIN_URL/]" method="post" enctype="application/x-www-form-urlencoded">
<div id="loginFormContainer">
<input type="hidden" name="login" id="loginField" value="login"/>
<input type="hidden" name="redirect" id="redirectField" value="[REDIRECT_URL/]"/>
<div><label for="userNameField">[LANG]userName[/LANG]:</label><br />
<input disabled="disabled" type="text" name="userName" id="userNameField" maxlength="[USER_NAME_MAX_LENGTH/]" placeholder="[LANG]clickLogin[/LANG]" style="width: 300px;"/></div>
<div><label for="passwordField">[LANG]password[/LANG]*:</label><br />
<input disabled="disabled" type="password" name="password" id="passwordField" placeholder="*****" style="width: 300px;"/></div>
<div><label for="channelField">[LANG]channel[/LANG]:</label><br />
<select name="channelName" id="channelField">[CHANNEL_OPTIONS/]</select></div>
<div><label for="languageSelection">[LANG]language[/LANG]:</label><br />
<select id="languageSelection" name="lang" onchange="ajaxChat.switchLanguage(this.value);">[LANGUAGE_OPTIONS/]</select></div>
<div><input type="submit" name="submit" id="loginButton" value="[LANG]login[/LANG]"/></div>
<div id="loginRegisteredUsers">* [LANG]registeredUsers[/LANG]</div>
</div>
</form>
<div id="errorContainer">[ERROR_MESSAGES/]<noscript><div>[LANG]requiresJavaScript[/LANG]</div></noscript></div>
<!--
Please retain the full copyright notice below including the link to blueimp.net.
This not only gives respect to the amount of time given freely by the developer
but also helps build interest, traffic and use of AJAX Chat.
Thanks,
Sebastian Tschan
//-->
<div id="copyright">
[SANDSTORM/]
<div><a href="https://blueimp.net/ajax/">AJAX Chat</a> &copy; <a href="https://blueimp.net">blueimp.net</a></div>
<div>
Copyright &copy; 2013-2014 <a href="http://flash.moe/" target="_blank">Flashii Media</a><br />
<a href="[CONF]flashiiUrl.feedback[/CONF]">Feedback</a> |
<a href="[CONF]flashiiUrl.changelog[/CONF]">Changelog</a> |
<a href="[CONF]flashiiUrl.rules[/CONF]">Rules &amp; Info</a> |
<a href="[CONF]flashiiUrl.terms[/CONF]">Terms of Service</a> |
<a href="[CONF]flashiiUrl.contact[/CONF]">Contact</a> |
<a href="[CONF]flashiiUrl.test[/CONF]">DevSite</a> |
<a href="./">Classic Login</a>
</div>
</div>
</div>
</body>
</html>