Beautified html, fixed minor issues

This commit is contained in:
Stijn Bannink 2024-04-14 19:59:09 +02:00
parent 40a3b0de94
commit a43fd49839
Signed by: SBDeveloper
GPG key ID: B730712F2C3A9D7A

View file

@ -9,10 +9,10 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css" <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css"
integrity="sha512-jnSuA4Ss2PkkikSOLtYs8BlYIeeIK1h99ty4YfvRPAlzr377vr3CXDb7sb7eEEBYjDtcYj+AjBH3FLv5uSJuXg==" integrity="sha512-jnSuA4Ss2PkkikSOLtYs8BlYIeeIK1h99ty4YfvRPAlzr377vr3CXDb7sb7eEEBYjDtcYj+AjBH3FLv5uSJuXg=="
crossorigin="anonymous" referrerpolicy="no-referrer" /> crossorigin="anonymous" referrerpolicy="no-referrer"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
crossorigin="anonymous" referrerpolicy="no-referrer" /> crossorigin="anonymous" referrerpolicy="no-referrer"/>
<link rel="stylesheet" href="dist/css/beautify.min.css"> <link rel="stylesheet" href="dist/css/beautify.min.css">
<link rel="stylesheet" href="dist/css/styles.min.css"> <link rel="stylesheet" href="dist/css/styles.min.css">
<link rel="icon" href="https://sbdevelopment.tech/wp-content/uploads/2021/06/cropped-logo1-favicon-1-32x32.png" <link rel="icon" href="https://sbdevelopment.tech/wp-content/uploads/2021/06/cropped-logo1-favicon-1-32x32.png"
@ -20,25 +20,27 @@
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="jumbotron my-4"> <div class="jumbotron my-4">
<h1 class="display-4 pb-1"><img src="https://sbdevelopment.tech/wp-content/uploads/2023/09/logo2-light.png" <h1 class="display-4 pb-1"><img src="https://sbdevelopment.tech/wp-content/uploads/2023/09/logo2-light.png"
alt="SBDevelopment logo" class="pe-1 pb-2" style="width: 3em;"> Model File Generator</h1> alt="SBDevelopment logo" class="pe-1 pb-2" style="width: 3em;"> Model File
Generator</h1>
<p class="lead">Generate the resourcepack asset files for your VehiclesPlus models.</p> <p class="lead">Generate the resourcepack asset files for your VehiclesPlus models.</p>
<hr class="mb-3"> <hr class="mb-3">
<p class="fst-italic">You indicate which item you want to use and the path to the models models for each <p class="fst-italic">You indicate which item you want to use and the path to the models for each
value. This tool then value. This tool then
creates the .json file for you.</p> creates the .json file for you.</p>
</div> </div>
<form id="calculatorForm"> <form id="calculatorForm">
<div class="mb-3 w-50" ?> <div class="mb-3 w-50">
<label for="custommodeldata">Custom model data (1.14+):</label> <label for="custommodeldata">Custom model data (1.14+):</label>
<div class="form-check form-switch form-switch-lg"> <div class="form-check form-switch form-switch-lg">
<input class="form-check-input" type="checkbox" role="switch" id="custommodeldata" checked> <input class="form-check-input" type="checkbox" role="switch" id="custommodeldata" checked>
</div> </div>
<div class="form-text" id="namespace-help">1.14+ supports custom model data, which is preferred by <div class="form-text" id="custommodeldata-help">1.14+ supports custom model data, which is preferred by
VehiclesPlus. If you VehiclesPlus. If you
use 1.13 or lower, the calculator works with damage values.</div> use 1.13 or lower, the calculator works with damage values.
</div>
</div> </div>
<div class="mb-3 w-50"> <div class="mb-3 w-50">
<label for="namespace">Namespace:</label> <label for="namespace">Namespace:</label>
@ -54,7 +56,8 @@
<option value="" selected>Select an item...</option> <option value="" selected>Select an item...</option>
</select> </select>
<div class="form-text" id="item-help">Select the item you want to use. If you want to support colors, <div class="form-text" id="item-help">Select the item you want to use. If you want to support colors,
use a Leather item.</div> use a Leather item.
</div>
</div> </div>
<div id="formItems" style="display: none;"> <div id="formItems" style="display: none;">
<div class="mb-3 w-50"> <div class="mb-3 w-50">
@ -88,7 +91,7 @@
<pre id="content" class="mb-3 w-50">Fill in the form above to get an output.</pre> <pre id="content" class="mb-3 w-50">Fill in the form above to get an output.</pre>
<button id="copyButton" class="btn btn-primary mb-3 mr-3">Copy</button> <button id="copyButton" class="btn btn-primary mb-3 mr-3">Copy</button>
<a id="downloadButton" class="btn btn-secondary mb-3" href="#">Download</a> <a id="downloadButton" class="btn btn-secondary mb-3" href="#">Download</a>
</div> </div>
</body> </body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="