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>
|
||||
<body>
|
||||
<script>
|
||||
// spawning script
|
||||
function spawnMenu(bool) {
|
||||
if (bool) {
|
||||
$("#characterCreator").hide();
|
||||
@@ -40,34 +41,32 @@
|
||||
<div id="logoContainer">
|
||||
<img src="Logo.png" id="logo">
|
||||
</div>
|
||||
<div>
|
||||
|
||||
<h1 id="serverName"></h1>
|
||||
<p id="aop" class="mainPage" style="margin-bottom: -1vh;"></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>
|
||||
<br>
|
||||
<button class="homeScreenButton" id="quitGameButton"><a class="fas fa-sign-out-alt" style="color:white;"></a> Quit Game</button>
|
||||
</div>
|
||||
|
||||
<div id="charactersSection">
|
||||
<!--Characters will be added here-->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Create character menu design-->
|
||||
<form id="characterCreator" class="characterMenu">
|
||||
<div>
|
||||
<p id="characterCreatorTopText"><a class="fas fa-user-edit" style="color:white;"></a> Character Creation</p>
|
||||
<hr id="characterCreatorTopTextLine">
|
||||
</div>
|
||||
<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="lastname">Last Name</label>
|
||||
<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>
|
||||
</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="gender">Gender</label>
|
||||
<input id="dateOfBirth" class="secondRowInput" style="margin-right: 4.35vw;" type="date" name="dob" required>
|
||||
@@ -75,41 +74,36 @@
|
||||
<option class="secondRowInput">Male</option>
|
||||
<option class="secondRowInput">Female</option>
|
||||
</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="department">Department</label>
|
||||
<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>
|
||||
</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="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="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>
|
||||
</form>
|
||||
|
||||
<!--Edit character menu design-->
|
||||
<form id="characterEditor" class="characterMenu">
|
||||
<div>
|
||||
<p id="characterCreatorTopText"><a class="fas fa-user-edit" style="color:white;"></a> Character Editor</p>
|
||||
<hr id="characterCreatorTopTextLine">
|
||||
</div>
|
||||
<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="lastname">Last Name</label>
|
||||
<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>
|
||||
</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="gender">Gender</label>
|
||||
<input id="newDateOfBirth" class="secondRowInput" style="margin-right: 4.35vw;" type="date" name="dob" required>
|
||||
@@ -117,42 +111,28 @@
|
||||
<option class="secondRowInput">Male</option>
|
||||
<option class="secondRowInput">Female</option>
|
||||
</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="department">Department</label>
|
||||
<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>
|
||||
</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>
|
||||
</form>
|
||||
|
||||
<!--Character Spawn options-->
|
||||
<section id="spawnLocation" class="spawnMenu">
|
||||
<div>
|
||||
<p id="characterCreatorTopText"><a class="fas fa-map-marker-alt" style="color:white;"></a> Spawn Location</p>
|
||||
<hr id="characterCreatorTopTextLine">
|
||||
</div>
|
||||
<div id="spawnMenuContainer">
|
||||
<!--Spawn locations will be added here-->
|
||||
</div>
|
||||
<div>
|
||||
<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="tpCancel" class="characterResetButton"><a class="fas fa-times-circle" style="color:white;"></a> Cancel</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--Confirm exit game menu design-->
|
||||
|
||||
Reference in New Issue
Block a user