meta thumbnail adding
This commit is contained in:
ReznoRMichael
parent
4e547e91fa
commit
2a7426abb2
8 changed files with 857 additions and 4 deletions
200
docs/app.js
200
docs/app.js
File diff suppressed because one or more lines are too long
BIN
docs/img/thumbnail1200x628.jpg
Normal file
BIN
docs/img/thumbnail1200x628.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 380 KiB |
131
docs/index.html
131
docs/index.html
|
|
@ -1 +1,130 @@
|
||||||
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><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"><title>Hollow Knight: Analyze Save Completion Online</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: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/"><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"><link rel="icon" href="favicon.png"><link href="main.css" rel="stylesheet"></head><body><div id="background"></div><div id="content"><h1 id="h1-title">Hollow Knight: Analyze Save Completion</h1><p class="smalltext"><a href="https://www.paypal.me/ReznoRMichael" target="_blank">💰 Support Tool (PayPal)</a><br><a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2209910193" target="_blank">⭐ Official Steam Guide</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><br><code>%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\</code><br>Choose a HK user*.dat save OR <a href="https://bloodorca.github.io/hollow/" target="_blank">[ Decode ]</a> it manually. <a href="https://store.steampowered.com/account/remotestorageapp/?appid=367520" target="_blank">[ HK Steam Cloud storage ]</a></p><div><div class="buttons centered"><div class="input-buttons"><input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);"></div></div><textarea name="save-area" id="save-area" rows="6" spellcheck="false" placeholder="Choose a user*.dat save file OR paste (Ctrl + V) your decoded save here manually..." autofocus></textarea><div class="buttons"><div class="input-buttons"><button id="save-area-read" class="button" onclick="HKReadTextArea();">Analyze Text</button></div><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><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 (PayPal) 💲</a></p></div><script src="app.js"></script></body></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="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 Online</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">
|
||||||
|
<link rel="icon" href="favicon.png"><link href="main.css" rel="stylesheet"></head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="background"></div>
|
||||||
|
|
||||||
|
<div id="content">
|
||||||
|
|
||||||
|
<h1 id="h1-title">Hollow Knight: Analyze Save Completion</h1>
|
||||||
|
|
||||||
|
<p class="smalltext">
|
||||||
|
<a href="https://www.paypal.me/ReznoRMichael" target="_blank">💰 Support Tool (PayPal)</a><br>
|
||||||
|
<a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2209910193" target="_blank">⭐ Official Steam Guide</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><br>
|
||||||
|
<!-- <a href="https://pastebin.com/raw/shfZ4Vqs" target="_blank">[ Decoded 5% Save Example ]</a><br> -->
|
||||||
|
<code>%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\</code><br>
|
||||||
|
Choose a HK user*.dat save OR <a href="https://bloodorca.github.io/hollow/" target="_blank">[ Decode ]</a> it manually. <a href="https://store.steampowered.com/account/remotestorageapp/?appid=367520" target="_blank">[ HK Steam Cloud storage ]</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<div class="buttons centered">
|
||||||
|
|
||||||
|
<div class="input-buttons">
|
||||||
|
<input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<textarea name="save-area" id="save-area" rows="6" spellcheck="false" placeholder="Choose a user*.dat save file OR paste (Ctrl + V) your decoded save here manually..." autofocus></textarea>
|
||||||
|
|
||||||
|
<div class="buttons">
|
||||||
|
|
||||||
|
<div class="input-buttons">
|
||||||
|
<!-- <button id="save-area-file" class="button" onclick="">Load Save</button> -->
|
||||||
|
<!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this)"> -->
|
||||||
|
<button id="save-area-read" class="button" onclick="HKReadTextArea();">Analyze Text</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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 (PayPal) 💲</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div> <!-- end content -->
|
||||||
|
|
||||||
|
<script src="app.js"></script></body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
<!-- All in one -->
|
||||||
|
<!-- <script src="js/app.js"></script> -->
|
||||||
|
|
||||||
|
<!-- AES JS -->
|
||||||
|
<!-- <script src="js/aes-js.js"></script> -->
|
||||||
|
|
||||||
|
<!-- Instantly load test file (Debugging script) -->
|
||||||
|
<!-- <script src="js/LoadJson.js"></script> -->
|
||||||
|
|
||||||
|
<!-- Load Save File for opening files, decoding, decryption -->
|
||||||
|
<!-- <script src="js/LoadSaveFile.js"></script> -->
|
||||||
|
|
||||||
|
<!-- Main script for analyzing the decoded save file -->
|
||||||
|
<!-- <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> -->
|
||||||
|
|
|
||||||
508
docs/main.css
508
docs/main.css
File diff suppressed because one or more lines are too long
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<link href="favicon.png" rel="icon">
|
<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="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/fontello.css" rel="stylesheet"> -->
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,16 @@
|
||||||
/* global require */
|
/* global require */
|
||||||
|
// CSS
|
||||||
require("../css/fontello.css");
|
require("../css/fontello.css");
|
||||||
require("../css/style.css");
|
require("../css/style.css");
|
||||||
|
|
||||||
|
// meta tags (social)
|
||||||
|
require("../img/thumbnail1200x628.jpg");
|
||||||
|
|
||||||
// Instantly load test file (Debugging script)
|
// Instantly load test file (Debugging script)
|
||||||
// require("./LoadJson.js");
|
// require("./LoadJson.js");
|
||||||
|
|
||||||
// Load Save File for opening files, decoding, decryption
|
// Load Save File for opening files, decoding, decryption
|
||||||
require("./LoadSaveFile.js");
|
require("./LoadSaveFile.js");
|
||||||
|
|
||||||
// Main script for analyzing the decoded save file
|
// Main script for analyzing the decoded save file
|
||||||
require("./HKCheckCompletion.js");
|
require("./HKCheckCompletion.js");
|
||||||
|
|
@ -52,6 +52,13 @@ module.exports = {
|
||||||
// 'sass-loader',
|
// 'sass-loader',
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
test: /thumbnail1200x628.jpg/,
|
||||||
|
type: 'asset/resource',
|
||||||
|
generator: {
|
||||||
|
filename: 'img/thumbnail1200x628.jpg'
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
test: /\.(svg|jpg|png|ttf|eot|woff|woff2)$/,
|
test: /\.(svg|jpg|png|ttf|eot|woff|woff2)$/,
|
||||||
type: 'asset'
|
type: 'asset'
|
||||||
|
|
|
||||||
|
|
@ -63,6 +63,13 @@ module.exports = {
|
||||||
// 'sass-loader',
|
// 'sass-loader',
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
test: /thumbnail1200x628.jpg/,
|
||||||
|
type: 'asset/resource',
|
||||||
|
generator: {
|
||||||
|
filename: 'img/thumbnail1200x628.jpg'
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
test: /\.(svg|jpg|png|ttf|eot|woff|woff2)$/,
|
test: /\.(svg|jpg|png|ttf|eot|woff|woff2)$/,
|
||||||
type: 'asset',
|
type: 'asset',
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue