Add: maestro login

This commit is contained in:
2018-06-25 11:01:29 +09:00
parent 7e85b7d639
commit a5ee18440f
5 changed files with 137 additions and 28 deletions
+1 -25
View File
@@ -3,38 +3,14 @@
<head>
<title>마우스 타자 연습</title>
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="./src/web/css/module.css">
<link rel="stylesheet" type="text/css" href="./src/web/css/color_button.css">
<script type="text/javascript" src="./resources/jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#header").load("./src/web/module/header.html");
$("#section").load("./src/web/module/home_section.html");
$("#footer").load("./src/web/module/footer.html");
});
location.href = "./src/web/main/index.html";
</script>
</head>
<body bgcolor="white">
<div id="wrapper">
<header id="header">
</header>
<section id="section">
</section>
<footer id="footer">
</footer>
</div>
</body>
+41
View File
@@ -0,0 +1,41 @@
<html>
<head>
<title>마에스트로 로그인</title>
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="./../css/module.css">
<link rel="stylesheet" type="text/css" href="./../css/color_button.css">
<script type="text/javascript" src="./../../../resources/jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#header").load("./../module/header.html");
$("#section").load("./../module/maestro_login_section.html");
$("#footer").load("./../module/footer.html");
});
</script>
</head>
<body bgcolor="white">
<div id="wrapper">
<header id="header">
</header>
<section id="section">
</section>
<footer id="footer">
</footer>
</div>
</body>
</html>
+48
View File
@@ -0,0 +1,48 @@
<html>
<head>
<title>마우스 타자 연습</title>
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="./../css/module.css">
<link rel="stylesheet" type="text/css" href="./../css/color_button.css">
<script type="text/javascript" src="./../../../resources/jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#home").click(function(event) {
console.log("home clicked");
})
$("#header").load("./../module/header.html");
$("#section").load("./../module/home_section.html");
$("#footer").load("./../module/footer.html");
console.log("ready");
});
</script>
</head>
<body bgcolor="white">
<div id="wrapper">
<header id="header">
</header>
<section id="section">
</section>
<footer id="footer">
</footer>
</div>
</body>
</html>
+3 -3
View File
@@ -1,14 +1,14 @@
<div class="container">
<span class="col two">
<a href="#" id="home" class="btn btn-orange" style="padding: 1.1em;">첫 화면</a>
<a href="./../main/index.html" id="home" class="btn btn-orange" style="padding: 1.1em;">첫 화면</a>
</span>
<span class="col two" style="float: right;">
<a href="#" id="login_maestro" class="btn btn-sea">마에스트로<br/>로그인</a>
<a href="./../maestro/login.html" id="login_maestro" class="btn btn-sea">마에스트로<br/>로그인</a>
</span>
<span class="col two" style="float: right;">
<a href="#" id="login_player" class="btn btn-rouge">플레이어<br/>로그인</a>
<a href="./../client/login.html" target="_blank" id="login_player" class="btn btn-rouge">플레이어<br/>로그인</a>
</span>
</div>
+44
View File
@@ -0,0 +1,44 @@
<div class="container">
<div class="player_free">
<span class="col four" style="float: center;">
<a href="#" id="faq" class="btn btn-rouge">플레이어<br/>무료체험</a>
</span>
</div>
<div class="maestro_free">
<div class="col four" style="float: center;">
<a href="#" id="faq" class="btn btn-sea">마에스트로<br/>무료체험</a>
</div>
<ol>
<li>
플레이어 관리
</li>
<li>
과목 관리
</li>
<li>
랭킹
</li>
<li>
기록
</li>
</ol>
&nbsp;
&nbsp;
&nbsp;
<div class="col four" style="float: center;">
<a href="#" id="faq" class="btn btn-sea">마에스트로<br/>가입</a>
</div>
<ol>
<li>
1만원 : 플레이어 20명
</li>
<li>
2만원 : 플레이어 50명
</li>
<li>
3만원 : 플레이어 100명
</li>
</ol>
</div>
</div>