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

blurred red spoilers

Browse source
This commit is contained in:
ReznoRMichael 2021-07-12 21:38:25 +02:00
parent d40e51f86e
commit 68afb0b5fb
6 changed files with 48 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
build/app.js
View file

@ -5218,6 +5218,7 @@ function GenerateInnerHTML(db) {
var entries = {}; var entries = {};
var obj = { var obj = {
icon: "", icon: "",
iconClass: "",
textPrefix: "", textPrefix: "",
textSuffix: "", textSuffix: "",
wiki: "", wiki: "",
@ -5431,8 +5432,24 @@ function GenerateInnerHTML(db) {
obj.textPrefix = entries[_entry].name; obj.textPrefix = entries[_entry].name;
obj.textSuffix = "\u2014 ".concat(entries[_entry].spoiler); obj.textSuffix = "\u2014 ".concat(entries[_entry].spoiler);
obj.wiki = entries[_entry].wiki; obj.wiki = entries[_entry].wiki;
/* assign the appropriate spoiler class name depending on the completion check (for blurring names) */
if (entries[_entry].hasOwnProperty("icon")) {
switch (entries[_entry].icon) {
case "red":
case "none":
obj.iconClass = " spoiler-red blurred";
break;
default:
obj.iconClass = "";
}
} else {
obj.iconClass = "";
}
obj.p = "<span class='p-left-small'></span>"; obj.p = "<span class='p-left-small'></span>";
obj.b = ["<a class=\"wiki\" href=\"".concat(WIKI_LINK).concat(obj.wiki, "\" target=\"_blank\">"), "</a>"]; obj.b = ["<a class=\"wiki".concat(obj.iconClass, "\" href=\"").concat(WIKI_LINK).concat(obj.wiki, "\" target=\"_blank\">"), "</a>"];
obj.span = ["<span class='spoiler-span'>", "</span>"]; obj.span = ["<span class='spoiler-span'>", "</span>"];
obj.spoiler = ["<span class='spoiler-text'>", "</span>"]; obj.spoiler = ["<span class='spoiler-text'>", "</span>"];
obj.div = div; obj.div = div;

2
build/app.js.map
View file

File diff suppressed because one or more lines are too long

5
build/main.css
View file

@ -331,6 +331,11 @@ input[type="file"] {
font-style: italic; font-style: italic;
} }
.blurred {
filter: blur(5px);
-webkit-filter: blur(5px);
}
.hint::first-letter { .hint::first-letter {
position: absolute; position: absolute;
float: left; float: left;

2
build/main.css.map
View file

File diff suppressed because one or more lines are too long

5
src/css/style.css
View file

@ -224,6 +224,11 @@ input[type="file"] {
font-style: italic; font-style: italic;
} }
.blurred {
filter: blur(5px);
-webkit-filter: blur(5px);
}
.hint::first-letter { .hint::first-letter {
position: absolute; position: absolute;
float: left; float: left;

19
src/js/page-functions.js
View file

@ -143,6 +143,7 @@ function GenerateInnerHTML(db) {
let entries = {}; let entries = {};
let obj = { let obj = {
icon: "", icon: "",
iconClass: "",
textPrefix: "", textPrefix: "",
textSuffix: "", textSuffix: "",
wiki: "", wiki: "",
@ -382,8 +383,24 @@ function GenerateInnerHTML(db) {
obj.textSuffix = `— ${entries[entry].spoiler}`; obj.textSuffix = `— ${entries[entry].spoiler}`;
obj.wiki = entries[entry].wiki; obj.wiki = entries[entry].wiki;
/* assign the appropriate spoiler class name depending on the completion check (for blurring names) */
if (entries[entry].hasOwnProperty("icon")) {
switch (entries[entry].icon) {
case "red":
case "none":
obj.iconClass = " spoiler-red blurred";
break;
default:
obj.iconClass = "";
}
} else {
obj.iconClass = "";
}
obj.p = "<span class='p-left-small'></span>"; obj.p = "<span class='p-left-small'></span>";
obj.b = [`<a class="wiki" href="${WIKI_LINK}${obj.wiki}" target="_blank">`, "</a>"]; obj.b = [`<a class="wiki${obj.iconClass}" href="${WIKI_LINK}${obj.wiki}" target="_blank">`, "</a>"];
obj.span = ["<span class='spoiler-span'>", "</span>"]; obj.span = ["<span class='spoiler-span'>", "</span>"];
obj.spoiler = ["<span class='spoiler-text'>", "</span>"]; obj.spoiler = ["<span class='spoiler-text'>", "</span>"];
obj.div = div; obj.div = div;