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
d75370515a
commit
f5d0264ee5
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>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>FFXIV 1.0 Login</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/reset.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/global.css" />
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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>
|
||||
function doLogin(){
|
||||
|
|
@ -19,7 +23,7 @@
|
|||
var parsed = JSON.parse(response);
|
||||
window.external.Boot(parsed.sId, parsed.lobbyHost, parsed.frontierHost);
|
||||
}catch(err){
|
||||
document.getElementById("errorMessage").innerHTML = "Login failed.";
|
||||
document.getElementById("Error").innerHTML = "Create User failed.";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -39,35 +43,28 @@
|
|||
return data;
|
||||
}
|
||||
</script>
|
||||
</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>
|
||||
</head>
|
||||
|
||||
<div class="contentContainer">
|
||||
<div class="info">
|
||||
<br />
|
||||
<table class="infoForm">
|
||||
<tr>
|
||||
<td>Username:</td>
|
||||
<body>
|
||||
<div id="TopDiv"></div>
|
||||
<div class="container"><img src="assets/img/sapphire_logo.png" width="40%" height="40%"></div>
|
||||
<div class="container" id="Conttwo">
|
||||
<div></div>
|
||||
<h1 class="text-center">Create Account</h1>
|
||||
<p class="text-center">Username: </p>
|
||||
<td><input type="text" name="username" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Password:</td>
|
||||
<div id="Split"></div>
|
||||
<p class="text-center">Password: </p>
|
||||
<td><input type="password" name="password" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input id="submitButton" type="button" value="Create User" onclick="doLogin();" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<p class="errorMessage" id="errorMessage"></p>
|
||||
</div>
|
||||
<div id="space"></div>
|
||||
<button class="btn btn-default" input id="submitButton" onclick="doLogin()">Create User</button>
|
||||
<p id="Error" class="text-center"></p>
|
||||
<div id="Split">
|
||||
<p id="CreateUser"><a href="login.html"><span style="text-decoration: underline;">Back to Login</span></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,9 +1,13 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>FFXIV 1.0 Login</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/reset.css" />
|
||||
<link rel="stylesheet" type="text/css" href="css/global.css" />
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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>
|
||||
function doLogin(){
|
||||
|
|
@ -19,7 +23,7 @@
|
|||
var parsed = JSON.parse(response);
|
||||
window.external.Boot(parsed.sId, parsed.lobbyHost, parsed.frontierHost);
|
||||
}catch(err){
|
||||
document.getElementById("errorMessage").innerHTML = "Login failed.";
|
||||
document.getElementById("Error").innerHTML = "Login failed.";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -39,37 +43,28 @@
|
|||
return data;
|
||||
}
|
||||
</script>
|
||||
</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>
|
||||
</head>
|
||||
|
||||
<div class="contentContainer">
|
||||
<div class="info">
|
||||
<br />
|
||||
<table class="infoForm">
|
||||
<tr>
|
||||
<td>Username:</td>
|
||||
<body>
|
||||
<div id="TopDiv"></div>
|
||||
<div class="container"><img src="assets/img/sapphire_logo.png" width="40%" height="40%"></div>
|
||||
<div class="container" id="Conttwo">
|
||||
<div></div>
|
||||
<h1 class="text-center">Login To Account</h1>
|
||||
<p class="text-center">Username: </p>
|
||||
<td><input type="text" name="username" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Password:</td>
|
||||
<div id="Split"></div>
|
||||
<p class="text-center">Password: </p>
|
||||
<td><input type="password" name="password" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<input id="submitButton" type="button" value="Login" onclick="doLogin();" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<p class="errorMessage" id="errorMessage"></p>
|
||||
<br>
|
||||
<a href="createUser.html">Create Account</a>
|
||||
</div>
|
||||
<div id="space"></div>
|
||||
<button class="btn btn-default" input id="submitButton" onclick="doLogin()">Login</button>
|
||||
<p id="Error" class="text-center"></p>
|
||||
<div id="Split">
|
||||
<p id="CreateUser"><a href="createUser.html"><span style="text-decoration: underline;">Create Account</span></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Reference in a new issue