hollow-knight-completion-check/index.html
2021-01-22 23:33:54 +01:00

114 lines
5.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link href="favicon.png" rel="icon">
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&display=swap" rel="stylesheet">
<link href="css/fontello.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<title>Hollow Knight: Analyze Save Completion</title>
<meta name="description" content="A simple open source tool for checking what you missed for your Game Completion Percentage.">
<meta name="keywords" content="hollow knight, tool, online, save, game, completion, check, checker, percentage, percent, left">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="Hollow Knight: Analyze Save Completion">
<meta property="og:description" content="A simple open source tool for checking what you missed for your Game Completion Percentage.">
<meta property="og:image" content="https://reznormichael.github.io/hollow-knight-completion-check/img/thumbnail1200x628.jpg">
<meta property="og:url" content="https://reznormichael.github.io/hollow-knight-completion-check/">
<!-- Twitter -->
<meta property="twitter:title" content="Hollow Knight: Analyze Save Completion">
<meta property="twitter:description" content="A simple open source tool for checking what you missed for your Game Completion Percentage.">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:image" content="https://reznormichael.github.io/hollow-knight-completion-check/img/thumbnail1200x628.jpg">
<meta property="twitter:url" content="https://reznormichael.github.io/hollow-knight-completion-check/">
<meta name="author" content="ReznoR Michael">
</head>
<body>
<div id="background"></div>
<div id="content">
<h1 id="h1-title">Hollow Knight: Analyze Save Completion</h1>
<p class="smalltext">
Please check the <a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2209910193" target="_blank">[ Official Steam Guide ]</a> on how to use this Tool.<br>
Shortcuts: <a href="https://bloodorca.github.io/hollow/" target="_blank">[ Decode ]</a> your Hollow Knight user*.dat <a href="https://store.steampowered.com/account/remotestorageapp/?appid=367520" target="_blank">[ Save File ]</a><br>
<a href="https://pastebin.com/raw/shfZ4Vqs" target="_blank">[ Decoded 5% Save Example ]</a><br>
<a href="https://www.paypal.me/ReznoRMichael" target="_blank">Support Tool development</a> 🉑 <a href="https://www.youtube.com/c/MichaelReznoR" target="_blank">Youtube</a> 🉑 <a href="https://github.com/ReznoRMichael/hollow-knight-completion-check" target="_blank">Source Code</a>
</p>
<div>
<textarea name="save-area" id="save-area" rows="6" autofocus spellcheck="false" placeholder="Paste (Ctrl + V) your decoded save here..." autofocus></textarea>
<div class="buttons">
<!-- <button id="save-area-file" class="button" onclick="">Load Save</button> -->
<button id="save-area-read" class="button" onclick="HKReadTextArea();">Analyze</button>
<input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this)">
<div class="checkboxes">
<label for="checkbox-hints" class="checkbox-label" title="Check to see an optional clue for your first playthrough based on your save's progress.">
<input type="checkbox" name="checkboxes" id="checkbox-hints" value="hints-off" onclick="CheckboxHintsToggle();">
<span class="checkmark"></span>Hints
</label>
<label for="checkbox-locations" class="checkbox-label" title="Check to show every item's locations and costs. Hidden by default.">
<input type="checkbox" name="checkboxes" id="checkbox-locations" value="locations-off" onclick="CheckboxLocationsToggle();">
<span class="checkmark"></span>Spoilers
</label>
</div>
</div>
</div>
<div style="margin-bottom: 20px;"></div>
<!-- ========== Main Generated Content =========== -->
<div id="generated"></div>
<div style="margin-bottom: 20px;"></div>
<p class="smalltext">
Work-In-Progress. Please report any incorrect data <a href="https://steamcommunity.com/app/367520/discussions/0/2915472677711090083/" target="_blank">here</a> or under the <a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2209910193" target="_blank">Steam Guide</a>.<br>
Programmed, written and created by 🉑 <a href="https://github.com/ReznoRMichael/hollow-knight-completion-check" target="_blank">rezno[R]</a> © 2020<br>
<a href="https://www.paypal.me/ReznoRMichael" target="_blank">Support Tool development</a>
</p>
</div> <!-- end content -->
</body>
</html>
<!-- AES JS -->
<script src="files/aes-js.js"></script>
<!-- Instantly load test file (Debugging script) -->
<!-- <script src="js/LoadJson.js"></script> -->
<!-- Load Save File testing -->
<script src="js/LoadSaveFile.js"></script>
<!-- Main script -->
<script src="js/HKCheckCompletion.js"></script>
<!-- Populate HTML at load (before img and css) -->
<script>
document.addEventListener("DOMContentLoaded", InitialHTMLPopulate(DIV_ID));
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-136831794-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-136831794-2');
</script>