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

disable windows save location for small screens

Browse source
This commit is contained in:
ReznoRMichael 2021-02-01 18:19:50 +01:00
parent 3d9049b4d1
commit d4072bca24
7 changed files with 1156 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

283
docs/app.js
View file

File diff suppressed because one or more lines are too long

137
docs/index.html
View file

File diff suppressed because one or more lines are too long

721
docs/main.css
View file

File diff suppressed because one or more lines are too long

16
src/css/style.css
View file

@ -108,12 +108,13 @@ h2 {
} }
#save-location-input { #save-location-input {
display: block;
font-family: 'Consolas', monospace; font-family: 'Consolas', monospace;
font-size: 0.75rem; font-size: 0.75rem;
text-align: center; text-align: center;
width: max-content; width: 100%;
max-width: 32em;
color: #fff; color: #fff;
display: block;
background-color: rgba(128, 128, 128, 0.5); background-color: rgba(128, 128, 128, 0.5);
margin: 0.4rem auto 0.6rem auto; margin: 0.4rem auto 0.6rem auto;
padding: 0.16rem 0.5rem 0.25rem 0.5rem; padding: 0.16rem 0.5rem 0.25rem 0.5rem;
@ -185,6 +186,7 @@ input[type="file"] {
#save-area { #save-area {
display: block; display: block;
width: 100%; width: 100%;
max-width: 542px;
height: 5.65rem; height: 5.65rem;
} }
@ -539,8 +541,10 @@ input[type="radio"] {
.tooltip { .tooltip {
position: relative; position: relative;
display: block;
margin: 0 auto; margin: 0 auto;
width: max-content; width: 100%;
max-width: 550px;
} }
.tooltip .tooltip-text { .tooltip .tooltip-text {
@ -577,6 +581,12 @@ input[type="radio"] {
opacity: 1; opacity: 1;
} }
@media screen and (max-width: 570px) {
.tooltip {
display: none;
}
}
.percent-box { .percent-box {
display: inline-block; display: inline-block;
text-align: center; text-align: center;

3
src/index.html
View file

@ -47,7 +47,8 @@
<br> <br>
<!-- <a href="https://pastebin.com/raw/shfZ4Vqs" target="_blank">[ Decoded 5% Save Example ]</a><br> --> <!-- <a href="https://pastebin.com/raw/shfZ4Vqs" target="_blank">[ Decoded 5% Save Example ]</a><br> -->
<div class="tooltip"> <div class="tooltip">
<input type="text" id="save-location-input" size="57" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\" readonly> <input type="text" id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\" 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> <span class="tooltip-text" id="save-location-input-tooltip">Click once to copy to clipboard</span>
</div> </div>
<p class="smalltext"> <p class="smalltext">

4
src/js/HKCheckCompletion.js
View file

@ -450,7 +450,7 @@ function CheckCompletionPercent(divId, completionPercentage) {
* Fills HTML with appropriate number of health mask images * Fills HTML with appropriate number of health mask images
* @param {object} divId ID of the HTML element for data appending * @param {object} divId ID of the HTML element for data appending
* @param {number} masks Number of max health masks from the save (baseline without charms and lifeblood) * @param {number} masks Number of max health masks from the save (baseline without charms and lifeblood)
* @param {number} permadeathMode Value of permadeathMode property. 0 = Normal, 1 = Steel Soul * @param {number} permadeathMode Value of permadeathMode property. 0 = Normal, 1 = Steel Soul, 2 = Steel Soul broken save
*/ */
function CheckHealthMasks(divId, masks = 5, permadeathMode = 0) { function CheckHealthMasks(divId, masks = 5, permadeathMode = 0) {
@ -461,7 +461,7 @@ function CheckHealthMasks(divId, masks = 5, permadeathMode = 0) {
let maskSteel = `<img src='${HEALTH_MASK_STEEL_IMAGE}' class='health-mask' alt='steel health mask image' title='Steel Health Mask'>`; let maskSteel = `<img src='${HEALTH_MASK_STEEL_IMAGE}' class='health-mask' alt='steel health mask image' title='Steel Health Mask'>`;
let maskImg = ""; let maskImg = "";
(permadeathMode === 1) ? maskImg = maskSteel: maskImg = maskNormal; (permadeathMode > 0) ? maskImg = maskSteel: maskImg = maskNormal;
for (let i = 0; i < masks; i++) { for (let i = 0; i < masks; i++) {
maskImages += maskImg; maskImages += maskImg;

2
src/partials/analytics.html
View file

@ -2,7 +2,7 @@
<script async src="https://www.googletagmanager.com/gtag/js?id=<%= ga_property_id %>"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=<%= ga_property_id %>"></script>
<script> <script>
// Temporarily disable the tracking for testing (set to false to enable Analytics) // Temporarily disable the tracking for testing (set to false to enable Analytics)
window['ga-disable-<%= ga_property_id %>'] = false; window['ga-disable-<%= ga_property_id %>'] = true;
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];