129 lines
4.9 KiB
HTML
129 lines
4.9 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">
|
|
<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" type="text/css">
|
|
<link href="style.css" rel="stylesheet" type="text/css">
|
|
<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">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<link rel="icon" href="../favicon.png">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- To do:
|
|
- Populate all items on page load
|
|
- Calculate all % in all categories from save data
|
|
- Single Pale Ore locations? (required for completion)
|
|
- Single Keys/Pass locations? (required for completion)
|
|
- Spoiler-free hints where to go next? (ala Elderbug)
|
|
1. (before False Knight) Explore Forgotten Crossroads.
|
|
-->
|
|
|
|
<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>
|
|
<button id="save-area-read" onclick="HKReadTextArea();">Analyze</button>
|
|
</div>
|
|
|
|
<div style="margin-bottom: 20px;"></div>
|
|
|
|
<h2>Game Status</h2>
|
|
<div id="hk-intro"></div>
|
|
|
|
<h2>Bosses (14%)</h2>
|
|
<div id="hk-bosses"></div>
|
|
|
|
<h2>Charms (36%)</h2>
|
|
<div id="hk-charms"></div>
|
|
|
|
<h2>Equipment (14%)</h2>
|
|
<div id="hk-equipment"></div>
|
|
|
|
<h2>Nail Upgrades (4%)</h2>
|
|
<div id="hk-nailupgrades"></div>
|
|
|
|
<h2>Nail Arts (3%)</h2>
|
|
<div id="hk-nailarts"></div>
|
|
|
|
<h2>Spells (6%)</h2>
|
|
<div id="hk-spells"></div>
|
|
|
|
<h2>Mask Shards (4%)</h2>
|
|
<div id="hk-maskshards"></div>
|
|
|
|
<h2>Vessel Fragments (3%)</h2>
|
|
<div id="hk-vesselfragments"></div>
|
|
|
|
<h2>Dreamers (3%)</h2>
|
|
<div id="hk-dreamers"></div>
|
|
|
|
<h2>Colosseum of Fools (3%)</h2>
|
|
<div id="hk-colosseum"></div>
|
|
|
|
<h2>Dream Nail and Essence (3%)</h2>
|
|
<div id="hk-dreamnail"></div>
|
|
|
|
<h2>Warrior Dreams (7%)</h2>
|
|
<div id="hk-warriordreams"></div>
|
|
|
|
<h2>Grimm Troupe Content Pack (6%)</h2>
|
|
<div id="hk-grimmtroupe"></div>
|
|
|
|
<h2>Lifeblood Content Pack (1%)</h2>
|
|
<div id="hk-lifeblood"></div>
|
|
|
|
<h2>Godmaster Content Pack (5%)</h2>
|
|
<div id="hk-godmaster"></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>
|
|
|
|
<!-- Instantly load test file (Debugging script) -->
|
|
<!-- <script src="loadJson.js"></script> -->
|
|
|
|
<!-- Main script -->
|
|
<script src="HKCheckCompletion.js"></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>
|
|
|
|
</html>
|