yellows111
/
icondumper2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cosmetic update to HTML refclient 

* changed inline-grid to table-cell, I like it better, and older browsers like it better since its not technically flex-width
- removed inflator-installed id from inflator script, as it was unused
* changed pako version to es5 version, since it works with the absolute minimum version browsers that we technically target, and performance isn't the most important thing when you only need to decompress the data once per export file.

Author's comments: Wondering how LZARI works. Not much I can add to that part of the conversation. Once it's done, it's done. Until then, progress may be stale...
This commit is contained in:
yellows111 2023-12-08 23:00:36 +00:00
parent 1b5f483df8
commit 73e618369b
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
index.htm
View File

@ -7,7 +7,7 @@
<title>icondumper2 - HTML reference client</title> <title>icondumper2 - HTML reference client</title>
<script src="icon.js"></script> <script src="icon.js"></script>
<!-- If you need pako to be optional, remove/comment the bottom line. This will disable support for CBS reading, however --> <!-- If you need pako to be optional, remove/comment the bottom line. This will disable support for CBS reading, however -->
<script src="https://cdn.jsdelivr.net/npm/pako/dist/pako_inflate.min.js" integrity="sha512-mlnC6JeOvg9V4vBpWMxGKscsCdScB6yvGVCeFF2plnQMRmwH69s9F8SHPbC0oirqfePmRBhqx2s3Bx7WIvHfWg==" crossorigin="anonymous" id="inflator-installed"></script> <script src="https://cdn.jsdelivr.net/npm/pako/dist/pako_inflate.es5.min.js" integrity="sha512-tHdgbM+jAAm3zeGYP67IjUouqHYEMuT/Wg/xvTrfEE7zsSX2GJj0G26pyobvn8Hb2LVWGp+UwsLM2HvXwCY+og==" crossorigin="anonymous"></script>
<style> <style>
html {color: #ccc; background: black; font-family: sans-serif} html {color: #ccc; background: black; font-family: sans-serif}
#title1, #title2 { #title1, #title2 {
@ -23,11 +23,15 @@
#version {text-shadow: 1px 1px 2px black;} #version {text-shadow: 1px 1px 2px black;}
a {color: #ccc;} a {color: #ccc;}
.inputbox { .inputbox {
display: inline-grid; display: table-cell;
margin-right: 0.25em; margin-right: 0.25em;
border: 1px gray solid; border: 1px gray solid;
padding: 0.175em 0.25em 0 0.25em; padding: 0.175em 0.25em 0 0.25em;
margin-bottom: 4px; margin-bottom: 4px;
border-right: 0;
}
.last-input {
border-right: 1px gray solid;
} }
</style> </style>
<meta data-comment="WebGL Shader: Icon"> <meta data-comment="WebGL Shader: Icon">
@ -136,7 +140,7 @@
<label for="input">icon.sys goes here:</label> <label for="input">icon.sys goes here:</label>
<input type="file" id="input" name="input" accept=".sys" /> <input type="file" id="input" name="input" accept=".sys" />
</div> </div>
<div class="inputbox"> <div class="inputbox last-input">
<label for="icon">raw icon file goes here:</label> <label for="icon">raw icon file goes here:</label>
<input type="file" id="icon" name="icon" accept=".icn, .ico" /> <input type="file" id="icon" name="icon" accept=".icn, .ico" />
</div> </div>
@ -154,7 +158,7 @@
<label for="spsinput">SharkPort/X-Port export file (.sps, .xps) goes here:</label> <label for="spsinput">SharkPort/X-Port export file (.sps, .xps) goes here:</label>
<input type="file" id="spsinput" name="spsinput" accept=".sps, .xps" /> <input type="file" id="spsinput" name="spsinput" accept=".sps, .xps" />
</div> </div>
<div class="inputbox"> <div class="inputbox last-input">
<label for="cbsinput">CodeBreaker Save export file (.cbs) goes here:</label> <label for="cbsinput">CodeBreaker Save export file (.cbs) goes here:</label>
<input type="file" id="cbsinput" name="cbsinput" accept=".cbs" /> <input type="file" id="cbsinput" name="cbsinput" accept=".cbs" />
</div> </div>
@ -712,7 +716,7 @@
<span id="version">icondumper2 <a href="./documentation" id="iconjsVersion">(unknown icon.js version)</a> [C: <span id="clientVersion">Loading...</span>] &mdash; &copy; <span id="currentYear">2023</span> yellows111</span> <span id="version">icondumper2 <a href="./documentation" id="iconjsVersion">(unknown icon.js version)</a> [C: <span id="clientVersion">Loading...</span>] &mdash; &copy; <span id="currentYear">2023</span> yellows111</span>
<script> <script>
document.getElementById("iconjsVersion").textContent = exports.version; document.getElementById("iconjsVersion").textContent = exports.version;
document.getElementById("clientVersion").textContent = "0.7.0"; document.getElementById("clientVersion").textContent = "0.7.0+u1";
document.getElementById("currentYear").textContent = (new Date()).getFullYear().toString(); document.getElementById("currentYear").textContent = (new Date()).getFullYear().toString();
</script> </script>
</body> </body>