FumeNodes/ND_Core
1
0
Fork 0
mirror of https://github.com/ND-Framework/ND_Core.git synced 2026-08-17 05:56:01 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update index.html

Browse Source 
Minor changes and added more comments
This commit is contained in:
Andyyy7666
2021-12-24 22:29:08 +01:00
committed by GitHub
parent 79c90dfd52
commit 1fb5fb7edf
1 changed files with 74 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
ND_Core/source/ui/index.html
View File

@@ -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,34 +41,32 @@
<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>
@@ -75,41 +74,36 @@
<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>
<div>
<hr id="characterCreatorTopTextLine" style="margin-top: 5vh;"> <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="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> <button id="cancelCharacterCreation" class="characterResetButton" type="reset"><a class="fas fa-times-circle" style="color:white;"></a> Cancel</button>
</div>
</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>
@@ -117,42 +111,28 @@
<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>
<!--
<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;"> <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="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> <button id="cancelCharacterEditing" class="characterResetButton" type="reset"><a class="fas fa-times-circle" style="color:white;"></a> Cancel</button>
</div>
</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-->