mikl/hollow-knight-silksong-completion-check
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

- Edit the main packag

Browse source 
- publishing
- change the version to 0.1.0
This commit is contained in:
Alba6rek 2025-09-30 22:49:26 +03:00
commit 690410b8f1
32 changed files with 3913 additions and 789 deletions
Download patch file Download diff file Expand all files Collapse all files

1885
build/app.js
View file

File diff suppressed because it is too large Load diff

2
build/app.js.map
View file

File diff suppressed because one or more lines are too long

BIN
build/favicon.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Before After
Before After

61
build/index.html
View file

@ -126,7 +126,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Heebo:wght@300;400;500;700&display=swap" rel="stylesheet">
<title>Save Completion Analyzer for Hollow Knight Online</title>
<title>Save Completion Analyzer for Hollow Knight: Silksong Online</title>
<meta name="description"
content="A simple open source tool for checking every single thing you missed for your Game Completion Percentage.">
@ -136,7 +136,7 @@
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="Save Completion Analyzer for Hollow Knight Online">
<meta property="og:title" content="Save Completion Analyzer for Hollow Knight: Silksong Online">
<meta property="og:description"
content="A simple open source tool for checking what you missed for your Game Completion Percentage.">
<meta property="og:image"
@ -144,7 +144,7 @@
<meta property="og:url" content="https://reznormichael.github.io/hollow-knight-completion-check/">
<!-- Twitter -->
<meta property="twitter:title" content="Save Completion Analyzer for Hollow Knight Online">
<meta property="twitter:title" content="Save Completion Analyzer for Hollow Knight: Silksong Online">
<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">
@ -166,9 +166,14 @@
<div id="content">
<h1 id="h1-title">Save Completion Analyzer</h1>
<div id="sub-title">for Hollow Knight</div>
<div id="sub-title">for Hollow Knight: Silksong</div>
<p class="smalltext">
<p class="smalltext">
<a class="link-social" href="https://github.com/Alba6rek/hollow-knight-silksong-completion-check" target="_blank"><i
class="simpleicon-github"></i>GitHub<i class="simpleicon-github"></i></a>
</p>
<!--
<p class="smalltext">
<a class="link-social" href="https://www.paypal.me/ReznoRMichael" target="_blank"><i
class="simpleicon-paypal"></i>Support Analyzer and get Featured!<i class="simpleicon-paypal"></i></a>
<br>
@ -183,10 +188,12 @@
<a class="link-social" href="https://github.com/ReznoRMichael/hollow-knight-completion-check" target="_blank"><i
class="simpleicon-github"></i>GitHub</a>
<br>
-->
<!-- <a href="https://pastebin.com/raw/shfZ4Vqs" target="_blank">[ Decoded 5% Save Example ]</a><br> -->
<div class="tooltip">
<input type="text" id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\"
<input type="text" id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight Silksong\"
readonly>
<!-- <textarea id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\" readonly></textarea> -->
<span class="tooltip-text" id="save-location-input-tooltip">Click once to copy to clipboard</span>
@ -211,7 +218,7 @@
<button id="save-area-read" class="button button-large hidden" type="button" title="Press this button after pasting your Save Text from the Save Editor into the text box below.">Analyze Save Text</button>
<a class="button button-square" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520"
<a class="button button-square" href="https://store.steampowered.com/account/remotestorageapp/?appid=1030300"
target="_blank" title="Download a Save File from your Steam Cloud Storage for Hollow Knight."><i class="icon-download-cloud"></i></a>
</div>
@ -236,13 +243,15 @@
<!-- </div> -->
<div class="checkboxes">
<input type="hidden" name="checkboxes" id="checkbox-hints" value="hints-off">
<!-- The hint are removed for the current time -->
<!--
<input type="checkbox" name="checkboxes" id="checkbox-hints" value="hints-off">
<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><strong>Hints</strong>
</label>
</label>-->
<input type="checkbox" name="checkboxes" id="checkbox-spoilers" value="spoilers-off">
<label for="checkbox-spoilers" class="checkbox-label"
@ -266,35 +275,23 @@
<div style="margin-bottom: 20px;"></div>
<h6>Secrets!</h6>
<!--<h6>Secrets!</h6>
<p class="smalltext">
Did you know? You can press <strong>Ctrl + Shift + I</strong> and choose the <strong>Console Tab</strong> to view some extra secret
data not currently shown in the tool. (after loading any save file)
</p>
</p>-->
<div style="margin-bottom: 20px;"></div>
<div class="hall-of-fame-border">
<h6 class="hall-of-fame">Analyzer Supporters</h6>
<h6 class="hall-of-fame">Thank you</h6>
<p class="smalltext">
<b class="pp-gold">Klaudia</b>&nbsp;(Lvl&nbsp;45) -
<b class="pp-silver">Rohit</b>&nbsp;(Lvl&nbsp;7) -
<b class="pp-silver">Dominic</b>&nbsp;(Lvl&nbsp;6) -
<b class="pp-silver">David</b>&nbsp;(Lvl&nbsp;5) -
<b class="pp-silver">Peter</b>&nbsp;(Lvl&nbsp;5) -
<b class="pp-silver">Ruben</b>&nbsp;(Lvl&nbsp;5) -
<b class="pp-bronze">AnonymousCanada</b>&nbsp;(Lvl&nbsp;3) -
<b class="pp-bronze">Mozzie</b>&nbsp;(Lvl&nbsp;2)
</p>
Thank you <a href="https://github.com/ReznoRMichael/hollow-knight-completion-check"
target="_blank">rezno[R]</a> for your hardwork and thank you to everyone who support this community
<p class="smalltext">
You too can get immortalized here. <a href="https://www.paypal.me/ReznoRMichael" target="_blank"><i
class="simpleicon-paypal"></i>Donate<i
class="simpleicon-paypal"></i></a> at least $1 for the Analyzer!<br>
Lvl indicates your amount of support.
</p>
</div>
@ -302,15 +299,17 @@
<div style="margin-bottom: 20px;"></div>
<p class="smalltext">
v2.2.0. Work-In-Progress. Ideas &amp; Bug Reports: <a
v0.1.0. Work-In-Progress. <!--Ideas &amp; Bug Reports: <a
href="https://steamcommunity.com/app/367520/discussions/0/2915472677711090083/" target="_blank"><i
class="simpleicon-steam"></i>Steam Discussions</a> <a
href="https://steamcommunity.com/sharedfiles/filedetails/?id=2209910193" target="_blank"><i
class="simpleicon-steam"></i>Steam Guide</a>.<br>
class="simpleicon-steam"></i>Steam Guide</a>.--><br>
Programmed, written and created by 🉑 <a href="https://github.com/ReznoRMichael/hollow-knight-completion-check"
target="_blank">rezno[R]</a> &copy; 2020–2022<br>
<a href="https://store.steampowered.com/app/367520/Hollow_Knight/" target="_blank">Hollow Knight</a> by <a
href="https://teamcherry.com.au/" target="_blank">Team Cherry</a> &copy; 2017–2022<br>
Redesigned by <a href="https://github.com/Alba6rek/hollow-knight-silksong-completion-check"
target="_blank">Alba6rek</a> &copy; 2025<br>
<a href="https://store.steampowered.com/app/1030300/Hollow_Knight_Silksong/" target="_blank">Hollow Knight: Silksong</a> by <a
href="https://teamcherry.com.au/" target="_blank">Team Cherry</a> &copy; 2017–2025<br>
</p>
</div> <!-- end content -->

92
build/main.css
View file

@ -195,7 +195,7 @@
*/
:root {
--rt-main: #1e4d6c;
--rt-main: #1e6c38;
cursor: default;
}
@ -218,11 +218,11 @@ body {
}
::-webkit-scrollbar-thumb {
background-color: #1e4d6c;
background-color: #1e6c38;
}
::-webkit-scrollbar-thumb:hover {
background-color: #2e5d7c;
background-color: #2e7c38;
}
::-webkit-scrollbar-track,
@ -231,8 +231,8 @@ body {
}
::-webkit-resizer {
background-color: #050d19;
color: #1e4d6c;
background-color: #051905;
color: #1e6c38;
}
#background {
@ -261,7 +261,7 @@ body {
b {
font-weight: 500;
color: #aac7d4;
color: #aad4b4;
}
p {
@ -330,12 +330,12 @@ h6 {
font-weight: 400;
font-size: 1.6rem;
line-height: 1.6rem;
color: rgb(0, 255, 221);
color: rgb(0, 255, 98);
margin-bottom: 1rem;
}
.hall-of-fame-border {
border: 0.2rem solid rgba(0, 255, 220, 0.6);
border: 0.2rem solid rgba(0, 255, 106, 0.6);
border-radius: 1rem;
border-style: double;
padding: 0.7rem 1.3rem 0.7rem 1.3rem;
@ -343,7 +343,7 @@ h6 {
}
#hk-hints {
border: 0.2rem solid rgba(231, 251, 255, 0.33);
border: 0.2rem solid rgba(231, 255, 234, 0.33);
border-radius: 1rem;
border-style: double;
padding: 1.3rem;
@ -366,7 +366,7 @@ h6 {
text-align: center;
font-size: 0.8rem;
margin: 0 1.3rem 1.3rem 1.3rem;
color: rgba(129, 221, 224, 0.85);
color: rgba(129, 224, 134, 0.85);
}
#save-location-input {
@ -374,8 +374,8 @@ h6 {
font-family: 'Consolas', monospace;
font-size: 0.75rem;
text-align: center;
width: 32em;
max-width: 32em;
width: 37em;
max-width: 37em;
color: #fff;
background-color: rgba(128, 128, 128, 0.5);
margin: 0.4rem auto 0.6rem auto;
@ -563,9 +563,9 @@ input[type="file"] {
font-weight: 500;
font-family: 'Heebo', sans-serif;
text-align: center;
background-color: #1e4d6c;
color: #aac7d4;
border: 2px solid #183c55;
background-color: #1e6c38;
color: #aad4b4;
border: 2px solid #185520;
border-radius: 2px;
padding: 0.3rem 1rem;
margin: 0.25rem 0.5rem 0.25rem 0.25rem;
@ -577,17 +577,17 @@ input[type="file"] {
}
.button:hover {
color: #d9f3ff;
background-color: #2e5d7c;
border-color: #2e5d7c;
color: #d9ffdc;
background-color: #2e7c38;
border-color: #2e7c38;
cursor: pointer;
}
.button:focus,
.input-file:focus+label {
/* outline: 2px solid #5e8dac; */
/* outline: 2px solid #5eac65; */
outline: 0;
border-color: #5e8dac;
border-color: #5eac65;
/* outline-offset: -2px; */
}
@ -606,13 +606,13 @@ input[type="file"] {
.tab-switch {
background-color: rgba(0, 0, 0, 0);
color: rgb(0, 180, 156);
color: rgb(0, 180, 69);
border: 2px solid rgba(0, 0, 0, 0);
border-radius: 1rem 0 1rem 0;
}
.tab-switch:hover {
background-color: rgb(0, 180, 156);
background-color: rgb(0, 180, 69);
color: rgb(0, 0, 0);
border: 2px solid rgba(0, 0, 0, 0);
}
@ -621,13 +621,13 @@ input[type="file"] {
background-color: rgb(235, 235, 235);
color: rgb(0, 39, 34);
border: 2px solid rgba(0, 0, 0, 0);
box-shadow: 0 0 1rem rgb(0, 180, 156);
text-shadow: 0 0 0.5rem #97fff1;
box-shadow: 0 0 1rem rgb(0, 180, 69);
text-shadow: 0 0 0.5rem #9aff97;
}
.tab-switch:focus {
outline: 0;
border-color: rgb(0, 255, 221);
border-color: rgb(0, 255, 98);
}
.tab-switch:focus:not(:focus-visible) {
@ -693,14 +693,14 @@ a,
a:active,
a:visited {
display: inline-block;
color: #aac7d4;
color: #aad4b4;
font-weight: 700;
text-decoration: none;
transition: all 0.3s ease;
}
a:hover {
color: #d9f3ff;
color: #d9ffdc;
text-decoration: none;
text-shadow: 0 0 0.6em #1bff73;
}
@ -741,12 +741,12 @@ a.wiki {
}
.icon-info-circled {
color: #479ae7;
color: #47e762;
}
.icon-download-cloud,
.icon-doc-text-inv {
color: #d9f3ff;
color: #d9ffdc;
}
.flex-container {
@ -811,7 +811,7 @@ a.wiki {
width: 50px;
height: 50px;
text-decoration: none;
background-color: #1e4d6c;
background-color: #1e6c38;
border: 0;
border-radius: 2px;
outline: 0;
@ -824,7 +824,7 @@ a.wiki {
}
.scroll-up-button:hover {
background-color: #2e5d7c;
background-color: #2e7c38;
cursor: pointer;
}
@ -834,7 +834,7 @@ a.wiki {
top: 3px;
width: 12px;
height: 12px;
border: solid #aac7d4;
border: solid #aad4b4;
border-width: 2px 0px 0px 2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
@ -938,8 +938,8 @@ input[type="radio"] {
left: 0.27em;
height: 1.3em;
width: 1.3em;
background-color: #aac7d4;
border: 1px solid #1e4d6c;
background-color: #aad4b4;
border: 1px solid #1e6c38;
border: 1px solid var(--rt-main);
transition: all 0.3s ease;
}
@ -961,21 +961,21 @@ input[type="radio"] {
/* On mouse-over change background color */
.radio-label:hover .radiomark,
.checkbox-label:hover .checkmark {
background-color: #d9f3ff;
background-color: #d9ffdc;
}
/* When the checkbox is checked change background color */
input:checked + label .radiomark,
input:checked + label .checkmark {
background-color: #1e4d6c;
background-color: #1e6c38;
background-color: var(--rt-main);
}
/* When the checkbox is checked change background color on hover */
input:checked + label:hover .radiomark,
input:checked + label:hover .checkmark {
background-color: #2e5d7c;
border-color: #2e5d7c;
background-color: #2e7c38;
border-color: #2e7c38;
}
/* Create the checkmark/indicator (hidden when not checked) */
@ -998,7 +998,7 @@ input:checked + label .checkmark:after {
top: 2px;
width: 6px;
height: 12px;
border: solid #aac7d4;
border: solid #aad4b4;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
@ -1018,7 +1018,7 @@ input:checked + label .checkmark:after {
input[type="checkbox"]:focus + label,
input[type="radio"]:focus + label {
outline: 0;
box-shadow: 0 0 0.2rem #aac7d4;
box-shadow: 0 0 0.2rem #aad4b4;
}
input[type="checkbox"]:focus:not(:focus-visible) + label,
@ -1037,8 +1037,8 @@ input[type="radio"]:focus:not(:focus-visible) + label {
.tooltip .tooltip-text {
visibility: hidden;
width: max-content;
background-color: #1e4d6c;
color: #d9f3ff;
background-color: #1e6c38;
color: #d9ffdc;
font-size: 0.85rem;
text-align: center;
border-radius: 3px;
@ -1060,7 +1060,7 @@ input[type="radio"]:focus:not(:focus-visible) + label {
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #1e4d6c transparent transparent transparent;
border-color: #1e6c38 transparent transparent transparent;
}
.tooltip:hover .tooltip-text {
@ -1081,11 +1081,11 @@ input[type="radio"]:focus:not(:focus-visible) + label {
font-size: 1.1rem;
font-weight: 700;
vertical-align: middle;
color: #d9f3ff;
color: #d9ffdc;
margin: 0 0.5rem 0rem 0.5rem;
padding: 0.2rem 1.2rem 0.2rem 1.2rem;
background: #1e4d6c;
border: 2px solid #3e6d8c;
background: #1e6c38;
border: 2px solid #3e8c4b;
border-radius: 4px;
}

2
build/main.css.map
View file

File diff suppressed because one or more lines are too long