166 lines
5.8 KiB
PHP
166 lines
5.8 KiB
PHP
<?php
|
|
require("./include/set_get_key.php");
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<title>
|
|
<?php echo $MSG_REGISTER; ?> - <?php echo $OJ_NAME; ?>
|
|
</title>
|
|
<?php require("./template/bshark/header-files.php"); ?>
|
|
<style>
|
|
body {
|
|
background-image: url(<?php echo $THEME_LOGIN_BG; ?>);
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
background-size: cover;
|
|
background-color: #464646;
|
|
}
|
|
|
|
.input-o {
|
|
background-color: rgba(255, 255, 255, .3);
|
|
width: 300px;
|
|
height: 40px;
|
|
border-radius: 20px;
|
|
border: 2px solid rgba(255, 255, 255, 0.2);
|
|
padding: 5px 20px;
|
|
color: #fff !important;
|
|
margin-bottom: 20px;
|
|
transition: all 0.5s;
|
|
backdrop-filter: blur(3px);
|
|
}
|
|
|
|
.input-o:hover {
|
|
border: 2px solid rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.input-o input {
|
|
background-color: rgba(0, 0, 0, 0) !important;
|
|
outline: 0;
|
|
border: 0;
|
|
line-height: 26px;
|
|
width: 220px;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.button-login {
|
|
background-color: #0067f4;
|
|
color: #fff;
|
|
border: 0;
|
|
height: 40px;
|
|
width: 300px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.is-valid {
|
|
border: 2px solid rgba(71, 175, 80, 0.5) !important;
|
|
}
|
|
|
|
input::-webkit-input-placeholder {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
input:-moz-placeholder {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
input:-ms-input-placeholder {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
.more-links {
|
|
display: block;
|
|
width: 300px;
|
|
margin-top: 20px;
|
|
color: #fff;
|
|
}
|
|
|
|
.more-links a {
|
|
color: #ccc;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<center>
|
|
<div style="margin-top:20px;">
|
|
<h2 style="color:#fff">
|
|
<?php echo $MSG_REGISTER; ?>
|
|
</h2>
|
|
<form action="/register.php" method="post" role="form">
|
|
<div class="input-o" style="display:inline-block">
|
|
<i class="iconfont icon-user"></i>
|
|
<input placeholder="<?php echo $MSG_USER_ID; ?>" autocomplete="off" name="user_id" type="text">
|
|
</div>
|
|
<br>
|
|
<div class="input-o" style="display:inline-block">
|
|
<i class="iconfont icon-user"></i>
|
|
<input placeholder="<?php echo $MSG_NICK; ?>" autocomplete="off" name="nick" type="text">
|
|
</div>
|
|
<br>
|
|
<div class="input-o" style="display:inline-block">
|
|
<i class="iconfont icon-key"></i>
|
|
<input placeholder="<?php echo $MSG_PASSWORD; ?>" autocomplete="new-password" type="password"
|
|
name="password">
|
|
</div>
|
|
<br>
|
|
<div class="input-o" style="display:inline-block">
|
|
<i class="iconfont icon-key"></i>
|
|
<input placeholder="<?php echo $MSG_REPEAT_PASSWORD; ?>" autocomplete="new-password" type="password"
|
|
name="rptpassword">
|
|
</div>
|
|
<br>
|
|
<div class="input-o" style="display:inline-block">
|
|
<i class="iconfont icon-shu"></i>
|
|
<input placeholder="<?php echo $MSG_SCHOOL; ?>" autocomplete="off" type="text" name="school"
|
|
required>
|
|
</div>
|
|
<br>
|
|
<div class="input-o" style="display:inline-block">
|
|
<i class="iconfont icon-mail"></i>
|
|
<input placeholder="<?php echo $MSG_EMAIL; ?>" autocomplete="off" type="email" name="email"
|
|
required>
|
|
</div>
|
|
<br>
|
|
<?php if ($OJ_VCODE) { ?>
|
|
<div class="input-o" style="position: relative;">
|
|
<i class="iconfont icon-ecurityCode"></i>
|
|
<input name="vcode" placeholder="<?php echo $MSG_VCODE; ?>" type="text" autocomplete=off >
|
|
<img id="vcode-img" src="vcode.php" onclick="this.src='vcode.php?'+Math.random()" height="26px"
|
|
style="position: absolute; right: 10px; ">
|
|
</div>
|
|
<?php } ?>
|
|
<button class="button-login">
|
|
<?php echo $MSG_REGISTER; ?>
|
|
</button>
|
|
<div class="more-links">
|
|
<div class="ui two column grid">
|
|
<div class="column left aligned">
|
|
<a href="<?php echo $OJ_HOME; ?>">返回<?php echo $MSG_HOME; ?></a>
|
|
</div>
|
|
<div class="column right aligned">
|
|
<a href="loginpage.php">
|
|
<?php echo $MSG_LOGIN . $MSG_USER; ?>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<script src="<?php echo $OJ_CDN_URL ?>/include/md5-min.js"></script>
|
|
<script>
|
|
function jsMd5() {
|
|
if ($("input[name=password]").val() == "") return false;
|
|
$("input[name=password]").val(hex_md5($("input[name=password]").val()));
|
|
return true;
|
|
}
|
|
</script>
|
|
</div>
|
|
</center>
|
|
<?php require("./template/bshark/footer-files.php"); ?>
|
|
|
|
</body>
|
|
|
|
</html>
|