mirror of
https://github.com/SapphireServer/Sapphire.git
synced 2025-04-29 07:37:45 +00:00
Updated Sapphire Launcher HTML with New Look
Updated the Sapphire HTML with a New Look https://uploads.ninty.ninja/i/q8zyy.png
This commit is contained in:
Biscuit Boy
GitHub
parent
e18813a027
commit
25ff8595b3
9 changed files with 299 additions and 82 deletions
11
bin/web/assets/bootstrap/css/bootstrap.min.css
vendored
Normal file
11
bin/web/assets/bootstrap/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
bin/web/assets/bootstrap/js/bootstrap.min.js
vendored
Normal file
7
bin/web/assets/bootstrap/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
137
bin/web/assets/css/global.css
Normal file
137
bin/web/assets/css/global.css
Normal file
|
|
@ -0,0 +1,137 @@
|
||||||
|
body{
|
||||||
|
font-family:Verdana;
|
||||||
|
font-size:10pt;
|
||||||
|
line-height:14pt;
|
||||||
|
height:100%;
|
||||||
|
background-image:url(../../assets/img/background.png);
|
||||||
|
background-color:#282828;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.contentContainer{
|
||||||
|
width:50%;
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.info{
|
||||||
|
width:320px;
|
||||||
|
height:100%;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
text-align:center;
|
||||||
|
padding:20px;
|
||||||
|
background-color:lightgrey;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.infoFooter{
|
||||||
|
width:400px;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
text-align:right;
|
||||||
|
padding:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.edit{
|
||||||
|
width:50%;
|
||||||
|
min-width:600px;
|
||||||
|
margin-top:20px;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
text-align:center;
|
||||||
|
padding:20px;
|
||||||
|
background-color:lightgrey;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.inner{
|
||||||
|
position:relative;
|
||||||
|
max-width:1250px;
|
||||||
|
margin:0px auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
line-height:23px;
|
||||||
|
font-size:23px;
|
||||||
|
padding:5px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2{
|
||||||
|
line-height:17px;
|
||||||
|
font-size:14px;
|
||||||
|
font-weight:bold;
|
||||||
|
padding:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3{
|
||||||
|
line-height:14px;
|
||||||
|
font-size:12px;
|
||||||
|
font-weight:bold;
|
||||||
|
padding:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header.top{
|
||||||
|
padding:20px 0px;
|
||||||
|
background:none repeat scroll 0% 0% lavender;
|
||||||
|
position:relative;
|
||||||
|
z-index:999;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.center{
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.infoForm{
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.editForm{
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.editForm input{
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.editForm select{
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
td{
|
||||||
|
padding:3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
th{
|
||||||
|
padding:3px;
|
||||||
|
text-decoration:underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
p{
|
||||||
|
padding:2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p.errorMessage{
|
||||||
|
color:darkred;
|
||||||
|
font-weight:bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
p.pageTitle{
|
||||||
|
font-weight:bold;
|
||||||
|
font-size:28px;
|
||||||
|
line-height:20px;
|
||||||
|
padding:0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p.pageTitle a{
|
||||||
|
text-decoration:none;
|
||||||
|
color:black;
|
||||||
|
}
|
||||||
|
|
||||||
|
p.pageSubTitle{
|
||||||
|
font-size:10px;
|
||||||
|
line-height:18px;
|
||||||
|
padding:0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#recaptcha_area{
|
||||||
|
margin:0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
65
bin/web/assets/css/styles.css
Normal file
65
bin/web/assets/css/styles.css
Normal file
|
|
@ -0,0 +1,65 @@
|
||||||
|
div#TopDiv{
|
||||||
|
padding:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img{
|
||||||
|
display:block;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2.text-center{
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1.text-center{
|
||||||
|
color:#FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.login-card{
|
||||||
|
background-color:#282828;
|
||||||
|
}
|
||||||
|
|
||||||
|
p{
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
input.input-sm{
|
||||||
|
display:block;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#Conttwo.container{
|
||||||
|
display:block;
|
||||||
|
width:300px;
|
||||||
|
background-color:rgba(17, 17, 17, 0.77);
|
||||||
|
}
|
||||||
|
|
||||||
|
div#Split{
|
||||||
|
padding:2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p{
|
||||||
|
display:block;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
input{
|
||||||
|
display:block;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.btn.btn-default{
|
||||||
|
display:block;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
color:#000;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#space{
|
||||||
|
padding:3px;
|
||||||
|
}
|
||||||
|
|
||||||
BIN
bin/web/assets/img/background.png
Normal file
BIN
bin/web/assets/img/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 537 KiB |
BIN
bin/web/assets/img/sapphire_logo.png
Normal file
BIN
bin/web/assets/img/sapphire_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 344 KiB |
5
bin/web/assets/js/jquery.min.js
vendored
Normal file
5
bin/web/assets/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -1,9 +1,13 @@
|
||||||
<!DOCTYPE HTML>
|
<!DOCTYPE html>
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>FFXIV 1.0 Login</title>
|
<meta charset="utf-8">
|
||||||
<link rel="stylesheet" type="text/css" href="css/reset.css" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="stylesheet" type="text/css" href="css/global.css" />
|
<title>Sapphire Create Account</title>
|
||||||
|
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/styles.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/global.css">
|
||||||
<script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
|
<script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
|
||||||
<script>
|
<script>
|
||||||
function doLogin(){
|
function doLogin(){
|
||||||
|
|
@ -19,7 +23,7 @@
|
||||||
var parsed = JSON.parse(response);
|
var parsed = JSON.parse(response);
|
||||||
window.external.Boot(parsed.sId, parsed.lobbyHost, parsed.frontierHost);
|
window.external.Boot(parsed.sId, parsed.lobbyHost, parsed.frontierHost);
|
||||||
}catch(err){
|
}catch(err){
|
||||||
document.getElementById("errorMessage").innerHTML = "Login failed.";
|
document.getElementById("Error").innerHTML = "Create User failed.";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -40,34 +44,27 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body oncontextmenu="return false;">
|
|
||||||
<div style="width: 80%; height: 300px; margin-left: auto; margin-right: auto; margin-top: 20%">
|
|
||||||
<div class="contentContainer" >
|
|
||||||
<img style="width: 100%;" src="./sapphire_logo.png" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="contentContainer">
|
<body>
|
||||||
<div class="info">
|
<div id="TopDiv"></div>
|
||||||
<br />
|
<div class="container"><img src="assets/img/sapphire_logo.png" width="40%" height="40%"></div>
|
||||||
<table class="infoForm">
|
<div class="container" id="Conttwo">
|
||||||
<tr>
|
<div></div>
|
||||||
<td>Username:</td>
|
<h1 class="text-center">Create Account</h1>
|
||||||
|
<p class="text-center">Username: </p>
|
||||||
<td><input type="text" name="username" /></td>
|
<td><input type="text" name="username" /></td>
|
||||||
</tr>
|
<div id="Split"></div>
|
||||||
<tr>
|
<p class="text-center">Password: </p>
|
||||||
<td>Password:</td>
|
|
||||||
<td><input type="password" name="password" /></td>
|
<td><input type="password" name="password" /></td>
|
||||||
</tr>
|
<div id="space"></div>
|
||||||
<tr>
|
<button class="btn btn-default" input id="submitButton" onclick="doLogin()">Create User</button>
|
||||||
<td colspan="2">
|
<p id="Error" class="text-center"></p>
|
||||||
<input id="submitButton" type="button" value="Create User" onclick="doLogin();" />
|
<div id="Split">
|
||||||
</td>
|
<p id="CreateUser"><a href="login.html"><span style="text-decoration: underline;">Back to Login</span></a></p>
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
<p class="errorMessage" id="errorMessage"></p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<script src="assets/js/jquery.min.js"></script>
|
||||||
|
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -1,9 +1,13 @@
|
||||||
<!DOCTYPE HTML>
|
<!DOCTYPE html>
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>FFXIV 1.0 Login</title>
|
<meta charset="utf-8">
|
||||||
<link rel="stylesheet" type="text/css" href="css/reset.css" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="stylesheet" type="text/css" href="css/global.css" />
|
<title>Sapphire login</title>
|
||||||
|
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/styles.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/global.css">
|
||||||
<script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
|
<script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
|
||||||
<script>
|
<script>
|
||||||
function doLogin(){
|
function doLogin(){
|
||||||
|
|
@ -19,7 +23,7 @@
|
||||||
var parsed = JSON.parse(response);
|
var parsed = JSON.parse(response);
|
||||||
window.external.Boot(parsed.sId, parsed.lobbyHost, parsed.frontierHost);
|
window.external.Boot(parsed.sId, parsed.lobbyHost, parsed.frontierHost);
|
||||||
}catch(err){
|
}catch(err){
|
||||||
document.getElementById("errorMessage").innerHTML = "Login failed.";
|
document.getElementById("Error").innerHTML = "Login failed.";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -40,36 +44,27 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body oncontextmenu="return false;">
|
|
||||||
<div style="width: 80%; height: 300px; margin-left: auto; margin-right: auto; margin-top: 20%">
|
|
||||||
<div class="contentContainer" >
|
|
||||||
<img style="width: 100%;" src="./sapphire_logo.png" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="contentContainer">
|
<body>
|
||||||
<div class="info">
|
<div id="TopDiv"></div>
|
||||||
<br />
|
<div class="container"><img src="assets/img/sapphire_logo.png" width="40%" height="40%"></div>
|
||||||
<table class="infoForm">
|
<div class="container" id="Conttwo">
|
||||||
<tr>
|
<div></div>
|
||||||
<td>Username:</td>
|
<h1 class="text-center">Login To Account</h1>
|
||||||
|
<p class="text-center">Username: </p>
|
||||||
<td><input type="text" name="username" /></td>
|
<td><input type="text" name="username" /></td>
|
||||||
</tr>
|
<div id="Split"></div>
|
||||||
<tr>
|
<p class="text-center">Password: </p>
|
||||||
<td>Password:</td>
|
|
||||||
<td><input type="password" name="password" /></td>
|
<td><input type="password" name="password" /></td>
|
||||||
</tr>
|
<div id="space"></div>
|
||||||
<tr>
|
<button class="btn btn-default" input id="submitButton" onclick="doLogin()">Login</button>
|
||||||
<td colspan="2">
|
<p id="Error" class="text-center"></p>
|
||||||
<input id="submitButton" type="button" value="Login" onclick="doLogin();" />
|
<div id="Split">
|
||||||
</td>
|
<p id="CreateUser"><a href="createUser.html"><span style="text-decoration: underline;">Create Account</span></a></p>
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
<p class="errorMessage" id="errorMessage"></p>
|
|
||||||
<br>
|
|
||||||
<a href="createUser.html">Create Account</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<script src="assets/js/jquery.min.js"></script>
|
||||||
|
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Add table
Reference in a new issue