102 lines
4.6 KiB
HTML
102 lines
4.6 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="style.css" rel="stylesheet">
|
|
<title>Hollow Knight Completion Check Tool</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">
|
|
|
|
<meta property="og:title" content="Hollow Knight Completion Check Tool">
|
|
<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="http://reznortech.rf.gd/favicon.png">
|
|
<meta property="og:url" content="http://reznortech.rf.gd/hollow-knight-completion">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta property="og:site_name" content="rezno[R].tech">
|
|
<meta name="twitter:image:alt" content="Hollow Knight Completion Check Tool">
|
|
<meta name="author" content="ReznoR Michael">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- To do:
|
|
- Upload a save file directly (option)
|
|
- Calculate all % in all categories from save data
|
|
- Single Pale Ore locations? (required for completion)
|
|
- Single Keys/Pass locations? (required for completion)
|
|
-->
|
|
|
|
<div id="content">
|
|
|
|
<h1 id="h1-title">Hollow Knight Completion % Check</h1>
|
|
|
|
<p class="smalltext">Check what you have left for completion.<br>
|
|
Use bloodorca's amazing <a href="https://bloodorca.github.io/hollow/" target="_blank">[ Online Hollow Knight Save Editor ]</a> to decode your save file.<br>
|
|
CTRL+A, CTRL+C the decoded save data and CTRL+V it into the text box below to analyze.<br>
|
|
<a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2209910193" target="_blank">Steam Guide</a> 🉑 <a href="https://github.com/ReznoRMichael/hollow-knight-completion-check" target="_blank">Source Code</a> 🉑 <a href="https://www.youtube.com/channel/UCLnrPljl95kEpi8HdBU_Pfw" target="_blank">Youtube</a>
|
|
</p>
|
|
|
|
<div>
|
|
<textarea name="save-area" id="save-area"></textarea>
|
|
|
|
<div class="buttons">
|
|
|
|
<button id="save-area-read" class="button" onclick="HKReadTextArea();">Analyze Text</button>
|
|
<!-- <button id="save-area-file" class="button" onclick="">Choose File</button> -->
|
|
|
|
<div class="checkboxes">
|
|
<label for="checkbox-hints" class="checkbox-label">
|
|
<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">
|
|
<input type="checkbox" name="checkboxes" id="checkbox-locations" value="locations-off" onclick="CheckboxLocationsToggle();">
|
|
<span class="checkmark"></span>Locations
|
|
</label>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div style="margin-bottom: 20px;"></div>
|
|
|
|
<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>
|
|
Written and created by <a href="https://github.com/ReznoRMichael/hollow-knight-completion-check" target="_blank">🉑 rezno[R]</a> © 2020
|
|
</p>
|
|
|
|
</div> <!-- end content -->
|
|
|
|
</body>
|
|
</html>
|
|
|
|
<!-- Instantly load test file (Debugging script) -->
|
|
<script src="loadJson.js"></script>
|
|
|
|
<!-- Main script -->
|
|
<script src="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>
|