mirror of
https://github.com/ND-Framework/ND_Core.git
synced 2026-08-17 05:56:01 +01:00
Update index.html
Minor changes and added more comments
This commit is contained in:
Andyyy7666
GitHub
@@ -9,6 +9,7 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<script>
|
<script>
|
||||||
|
// spawning script
|
||||||
function spawnMenu(bool) {
|
function spawnMenu(bool) {
|
||||||
if (bool) {
|
if (bool) {
|
||||||
$("#characterCreator").hide();
|
$("#characterCreator").hide();
|
||||||
@@ -40,119 +41,98 @@
|
|||||||
<div id="logoContainer">
|
<div id="logoContainer">
|
||||||
<img src="Logo.png" id="logo">
|
<img src="Logo.png" id="logo">
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
<h1 id="serverName"></h1>
|
<h1 id="serverName"></h1>
|
||||||
<p id="aop" class="mainPage" style="margin-bottom: -1vh;"></p>
|
<p id="aop" class="mainPage" style="margin-bottom: -1vh;"></p>
|
||||||
<p class="mainPage">Select or create a character:</p>
|
<p class="mainPage">Select or create a character:</p>
|
||||||
</div>
|
|
||||||
<div>
|
<button class="homeScreenButton" id="newCharacterButton"><a class="fas fa-plus-circle" style="color:white;"></a> Create New Character <a id="playerAmount"></a></button>
|
||||||
<button class="homeScreenButton" id="newCharacterButton"><a class="fas fa-plus-circle" style="color:white;"></a> Create New Character <a id="playerAmount"></a></button>
|
<br>
|
||||||
<br>
|
<button class="homeScreenButton" id="quitGameButton"><a class="fas fa-sign-out-alt" style="color:white;"></a> Quit Game</button>
|
||||||
<button class="homeScreenButton" id="quitGameButton"><a class="fas fa-sign-out-alt" style="color:white;"></a> Quit Game</button>
|
|
||||||
</div>
|
|
||||||
<div id="charactersSection">
|
<div id="charactersSection">
|
||||||
|
<!--Characters will be added here-->
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!--Create character menu design-->
|
<!--Create character menu design-->
|
||||||
<form id="characterCreator" class="characterMenu">
|
<form id="characterCreator" class="characterMenu">
|
||||||
<div>
|
<p id="characterCreatorTopText"><a class="fas fa-user-edit" style="color:white;"></a> Character Creation</p>
|
||||||
<p id="characterCreatorTopText"><a class="fas fa-user-edit" style="color:white;"></a> Character Creation</p>
|
<hr id="characterCreatorTopTextLine">
|
||||||
<hr id="characterCreatorTopTextLine">
|
|
||||||
</div>
|
|
||||||
<div id="characterInfoContainer">
|
<div id="characterInfoContainer">
|
||||||
<div>
|
<!--First & last name-->
|
||||||
<label class="firstRowText" style="margin-right: 15.7vw;" for="firstname">First Name</label>
|
<label class="firstRowText" style="margin-right: 15.7vw;" for="firstname">First Name</label>
|
||||||
<label class="firstRowText" style="margin-right: 15.7vw;" for="lastname">Last Name</label>
|
<label class="firstRowText" style="margin-right: 15.7vw;" for="lastname">Last Name</label>
|
||||||
<input id="firstName" class="firstRowInput" style="margin-right: 4.1vw;" type="text" placeholder="First Name" name="firstname" required>
|
<input id="firstName" class="firstRowInput" style="margin-right: 4.1vw;" type="text" placeholder="First Name" name="firstname" required>
|
||||||
<input id="lastName" class="firstRowInput" style="margin-right: 4.1vw;" type="text" placeholder="Last Name" name="lastname" required>
|
<input id="lastName" class="firstRowInput" style="margin-right: 4.1vw;" type="text" placeholder="Last Name" name="lastname" required>
|
||||||
</div>
|
|
||||||
<div>
|
<!--Dob and gender-->
|
||||||
<label class="secondRowText" style="margin-right: 15vw;" for="dob">Date of Birth</label>
|
<label class="secondRowText" style="margin-right: 15vw;" for="dob">Date of Birth</label>
|
||||||
<label class="secondRowText" style="margin-right: 15vw;" for="gender">Gender</label>
|
<label class="secondRowText" style="margin-right: 15vw;" for="gender">Gender</label>
|
||||||
<input id="dateOfBirth" class="secondRowInput" style="margin-right: 4.35vw;" type="date" name="dob" required>
|
<input id="dateOfBirth" class="secondRowInput" style="margin-right: 4.35vw;" type="date" name="dob" required>
|
||||||
<select id="gender" class="secondRowInput" style="margin-right: 4.35vw;" name="gender" required>
|
<select id="gender" class="secondRowInput" style="margin-right: 4.35vw;" name="gender" required>
|
||||||
<option class="secondRowInput">Male</option>
|
<option class="secondRowInput">Male</option>
|
||||||
<option class="secondRowInput">Female</option>
|
<option class="secondRowInput">Female</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
|
||||||
<div>
|
<!--Twotter name and department-->
|
||||||
<label class="thirdRowText" style="margin-right: 14.38vw;" for="twotter">Twotter Name</label>
|
<label class="thirdRowText" style="margin-right: 14.38vw;" for="twotter">Twotter Name</label>
|
||||||
<label class="thirdRowText" style="margin-right: 14.38vw;" for="department">Department</label>
|
<label class="thirdRowText" style="margin-right: 14.38vw;" for="department">Department</label>
|
||||||
<input id="twtName" class="thirdRowInput" style="margin-right: 4.2vw;" type="text" placeholder="Twotter Name" name="twotter" required>
|
<input id="twtName" class="thirdRowInput" style="margin-right: 4.2vw;" type="text" placeholder="Twotter Name" name="twotter" required>
|
||||||
<select id="department" class="thirdRowInput departments" style="margin-right: 4.2vw;" name="department" required></select>
|
<select id="department" class="thirdRowInput departments" style="margin-right: 4.2vw;" name="department" required></select>
|
||||||
</div>
|
|
||||||
<div>
|
<!--Starting cash and bank-->
|
||||||
<label class="fourthRowText" style="margin-right: 18.2vw;" for="startingcash">Cash</label>
|
<label class="fourthRowText" style="margin-right: 18.2vw;" for="startingcash">Cash</label>
|
||||||
<label class="fourthRowText" style="margin-right: 18.2vw;" for="startingbank">Bank</label>
|
<label class="fourthRowText" style="margin-right: 18.2vw;" for="startingbank">Bank</label>
|
||||||
<input id="startingCash" class="fourthRowInput" style="margin-right: 4.2vw;" type="number" pattern="[0-9]+" placeholder="$2500" name="startingcash" required>
|
<input id="startingCash" class="fourthRowInput" style="margin-right: 4.2vw;" type="number" pattern="[0-9]+" placeholder="$2500" name="startingcash" required>
|
||||||
<input id="startingBank" class="fourthRowInput" style="margin-right: 4.2vw;" type="number" pattern="[0-9]+" placeholder="$8000" name="startingbank" required>
|
<input id="startingBank" class="fourthRowInput" style="margin-right: 4.2vw;" type="number" pattern="[0-9]+" placeholder="$8000" name="startingbank" required>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<hr id="characterCreatorTopTextLine" style="margin-top: 5vh;">
|
|
||||||
<button id="submitCharacterCreation" class="characterSubmitButton" type="submit" form="characterCreator"><a class="fas fa-plus-circle" style="color:white;"></a> Create Character</button>
|
|
||||||
<button id="cancelCharacterCreation" class="characterResetButton" type="reset"><a class="fas fa-times-circle" style="color:white;"></a> Cancel</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
<hr id="characterCreatorTopTextLine" style="margin-top: 5vh;">
|
||||||
|
<button id="submitCharacterCreation" class="characterSubmitButton" type="submit" form="characterCreator"><a class="fas fa-plus-circle" style="color:white;"></a> Create Character</button>
|
||||||
|
<button id="cancelCharacterCreation" class="characterResetButton" type="reset"><a class="fas fa-times-circle" style="color:white;"></a> Cancel</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<!--Edit character menu design-->
|
<!--Edit character menu design-->
|
||||||
<form id="characterEditor" class="characterMenu">
|
<form id="characterEditor" class="characterMenu">
|
||||||
<div>
|
<p id="characterCreatorTopText"><a class="fas fa-user-edit" style="color:white;"></a> Character Editor</p>
|
||||||
<p id="characterCreatorTopText"><a class="fas fa-user-edit" style="color:white;"></a> Character Editor</p>
|
<hr id="characterCreatorTopTextLine">
|
||||||
<hr id="characterCreatorTopTextLine">
|
|
||||||
</div>
|
|
||||||
<div id="characterInfoContainer">
|
<div id="characterInfoContainer">
|
||||||
<div>
|
<!--First & last name-->
|
||||||
<label class="firstRowText" style="margin-right: 15.7vw;" for="firstname">First Name</label>
|
<label class="firstRowText" style="margin-right: 15.7vw;" for="firstname">First Name</label>
|
||||||
<label class="firstRowText" style="margin-right: 15.7vw;" for="lastname">Last Name</label>
|
<label class="firstRowText" style="margin-right: 15.7vw;" for="lastname">Last Name</label>
|
||||||
<input id="newFirstName" class="firstRowInput" style="margin-right: 4.1vw;" type="text" placeholder="First Name" name="firstname" required>
|
<input id="newFirstName" class="firstRowInput" style="margin-right: 4.1vw;" type="text" placeholder="First Name" name="firstname" required>
|
||||||
<input id="newLastName" class="firstRowInput" style="margin-right: 4.1vw;" type="text" placeholder="Last Name" name="lastname" required>
|
<input id="newLastName" class="firstRowInput" style="margin-right: 4.1vw;" type="text" placeholder="Last Name" name="lastname" required>
|
||||||
</div>
|
|
||||||
<div>
|
<!--Dob and gender-->
|
||||||
<label class="secondRowText" style="margin-right: 15vw;" for="dob">Date of Birth</label>
|
<label class="secondRowText" style="margin-right: 15vw;" for="dob">Date of Birth</label>
|
||||||
<label class="secondRowText" style="margin-right: 15vw;" for="gender">Gender</label>
|
<label class="secondRowText" style="margin-right: 15vw;" for="gender">Gender</label>
|
||||||
<input id="newDateOfBirth" class="secondRowInput" style="margin-right: 4.35vw;" type="date" name="dob" required>
|
<input id="newDateOfBirth" class="secondRowInput" style="margin-right: 4.35vw;" type="date" name="dob" required>
|
||||||
<select id="newGender" class="secondRowInput" style="margin-right: 4.35vw;" name="gender" required>
|
<select id="newGender" class="secondRowInput" style="margin-right: 4.35vw;" name="gender" required>
|
||||||
<option class="secondRowInput">Male</option>
|
<option class="secondRowInput">Male</option>
|
||||||
<option class="secondRowInput">Female</option>
|
<option class="secondRowInput">Female</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
|
||||||
<div>
|
<!--Twotter name and department-->
|
||||||
<label class="thirdRowText" style="margin-right: 14.38vw;" for="twotter">Twotter Name</label>
|
<label class="thirdRowText" style="margin-right: 14.38vw;" for="twotter">Twotter Name</label>
|
||||||
<label class="thirdRowText" style="margin-right: 14.38vw;" for="department">Department</label>
|
<label class="thirdRowText" style="margin-right: 14.38vw;" for="department">Department</label>
|
||||||
<input id="newTwtName" class="thirdRowInput" style="margin-right: 4.2vw;" type="text" placeholder="Twotter Name" name="twotter" required>
|
<input id="newTwtName" class="thirdRowInput" style="margin-right: 4.2vw;" type="text" placeholder="Twotter Name" name="twotter" required>
|
||||||
<select id="newDepartment" class="thirdRowInput departments" style="margin-right: 4.2vw;" name="department" required></select>
|
<select id="newDepartment" class="thirdRowInput departments" style="margin-right: 4.2vw;" name="department" required></select>
|
||||||
</div>
|
|
||||||
<!--
|
|
||||||
<div>
|
|
||||||
<label class="fourthRowText" style="margin-right: 18.2vw;" for="startingcash">Cash</label>
|
|
||||||
<label class="fourthRowText" style="margin-right: 18.2vw;" for="startingbank">Bank</label>
|
|
||||||
<input id="newStartingCash" class="fourthRowInput" style="margin-right: 4.2vw;" type="number" pattern="[0-9]+" placeholder="$2500" name="startingcash" required>
|
|
||||||
<input id="newStartingBank" class="fourthRowInput" style="margin-right: 4.2vw;" type="number" pattern="[0-9]+" placeholder="$8000" name="startingbank" required>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<hr id="characterCreatorTopTextLine" style="margin-top: 5vh;">
|
|
||||||
<button id="submitCharacterEditing" class="characterSubmitButton" type="submit" form="characterEditor"><a class="fas fa-plus-circle" style="color:white;"></a> Save Changes</button>
|
|
||||||
<button id="cancelCharacterEditing" class="characterResetButton" type="reset"><a class="fas fa-times-circle" style="color:white;"></a> Cancel</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
<hr id="characterCreatorTopTextLine" style="margin-top: 5vh;">
|
||||||
|
<button id="submitCharacterEditing" class="characterSubmitButton" type="submit" form="characterEditor"><a class="fas fa-plus-circle" style="color:white;"></a> Save Changes</button>
|
||||||
|
<button id="cancelCharacterEditing" class="characterResetButton" type="reset"><a class="fas fa-times-circle" style="color:white;"></a> Cancel</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<!--Character Spawn options-->
|
<!--Character Spawn options-->
|
||||||
<section id="spawnLocation" class="spawnMenu">
|
<section id="spawnLocation" class="spawnMenu">
|
||||||
<div>
|
<p id="characterCreatorTopText"><a class="fas fa-map-marker-alt" style="color:white;"></a> Spawn Location</p>
|
||||||
<p id="characterCreatorTopText"><a class="fas fa-map-marker-alt" style="color:white;"></a> Spawn Location</p>
|
<hr id="characterCreatorTopTextLine">
|
||||||
<hr id="characterCreatorTopTextLine">
|
|
||||||
</div>
|
|
||||||
<div id="spawnMenuContainer">
|
<div id="spawnMenuContainer">
|
||||||
|
<!--Spawn locations will be added here-->
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<hr id="characterCreatorTopTextLine" style="margin-top: 3vh;">
|
||||||
<hr id="characterCreatorTopTextLine" style="margin-top: 3vh;">
|
<button id="tpDoNot" class="characterSubmitButton" style="margin-left: 26vw; margin-bottom: 2vh;"><a class="fas fa-compass" style="color:white;"></a> Do not teleport</button>
|
||||||
<button id="tpDoNot" class="characterSubmitButton" style="margin-left: 26vw; margin-bottom: 2vh;"><a class="fas fa-compass" style="color:white;"></a> Do not teleport</button>
|
<button id="tpCancel" class="characterResetButton"><a class="fas fa-times-circle" style="color:white;"></a> Cancel</button>
|
||||||
<button id="tpCancel" class="characterResetButton"><a class="fas fa-times-circle" style="color:white;"></a> Cancel</button>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!--Confirm exit game menu design-->
|
<!--Confirm exit game menu design-->
|
||||||
|
|||||||
Reference in New Issue
Block a user