favicon
This commit is contained in:
parent
80334abd0e
commit
e854f85962
7 changed files with 65 additions and 12 deletions
|
|
@ -6,7 +6,8 @@ module.exports = {
|
|||
},
|
||||
"extends": "eslint:recommended",
|
||||
"parserOptions": {
|
||||
"ecmaVersion": 2015
|
||||
"ecmaVersion": 2015,
|
||||
"sourceType": "module",
|
||||
},
|
||||
"rules": {
|
||||
}
|
||||
|
|
|
|||
51
docs/app.js
51
docs/app.js
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 250 KiB After Width: | Height: | Size: 250 KiB |
|
|
@ -130,7 +130,7 @@ body {
|
|||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url(e7ea69e5fd6e22b5f29b.jpg);
|
||||
background-image: url(img/e7ea69e5fd6e22b5f29b.jpg);
|
||||
background-size: auto 100%;
|
||||
background-position: center top;
|
||||
background-repeat: no-repeat;
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
<meta property="twitter:url" content="https://reznormichael.github.io/hollow-knight-completion-check/">
|
||||
|
||||
<meta name="author" content="ReznoR Michael">
|
||||
<link href="index.css" rel="stylesheet"></head>
|
||||
<link rel="icon" href="favicon.png"><link href="index.css" rel="stylesheet"></head>
|
||||
<body>
|
||||
|
||||
<div id="background"></div>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,11 @@
|
|||
/* eslint-disable no-unused-vars */
|
||||
/* eslint-disable no-prototype-builtins */
|
||||
|
||||
import healthMaskImage from "../img/health-mask.png";
|
||||
import healthMaskSteelImage from "../img/health-mask-steel.png";
|
||||
import soulOrbImage from "../img/soul-orb.png";
|
||||
import geoImage from "../img/geo.png";
|
||||
|
||||
// ---------------- Constants ----------------- //
|
||||
|
||||
const DATA_UNKNOWN = "Data unknown";
|
||||
|
|
@ -834,8 +839,8 @@ function CheckHealthMasks(divId, masks, permadeathMode) {
|
|||
let icon = SYMBOL_EMPTY;
|
||||
let textFill = "<span>Health:</span>";
|
||||
let maskImages = "";
|
||||
let maskNormal = "<img src='img/health-mask.png' class='health-mask'>";
|
||||
let maskSteel = "<img src='img/health-mask-steel.png' class='health-mask'>";
|
||||
let maskNormal = `<img src='${healthMaskImage}' class='health-mask'>`;
|
||||
let maskSteel = `<img src='${healthMaskSteelImage}' class='health-mask'>`;
|
||||
let maskImg = "";
|
||||
|
||||
(permadeathMode === 1) ? maskImg = maskSteel: maskImg = maskNormal;
|
||||
|
|
@ -857,7 +862,7 @@ function CheckSoulOrbs(divId, totalSoul) {
|
|||
let icon = SYMBOL_EMPTY;
|
||||
let textFill = "<span>Soul:</span>";
|
||||
let soulImages = "";
|
||||
let soulNormal = "<img src='img/soul-orb.png' class='soul-orb'>";
|
||||
let soulNormal = `<img src='${soulOrbImage}' class='soul-orb'>`;
|
||||
let soulImg = soulNormal;
|
||||
|
||||
for (let i = 0, total = totalSoul / 33; i < total; i++) {
|
||||
|
|
@ -875,7 +880,7 @@ function CheckSoulOrbs(divId, totalSoul) {
|
|||
function CheckGeo(divId, geoValue) {
|
||||
|
||||
let icon = SYMBOL_EMPTY;
|
||||
let textFill = "<span>Geo:</span><img src='img/geo.png' class='geo-symbol'><b>" + geoValue + "</b>";
|
||||
let textFill = `<span>Geo:</span><img src='${geoImage}' class='geo-symbol'><b>${geoValue}</b>`;
|
||||
|
||||
document.getElementById(divId.id).innerHTML += divStartCenter + icon + textFill + divEnd;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@ module.exports = {
|
|||
output: {
|
||||
path: `${__dirname}/docs`,
|
||||
filename: 'app.js',
|
||||
assetModuleFilename: 'img/[hash][ext][query]',
|
||||
},
|
||||
plugins: [
|
||||
new MiniCssExtractPlugin(),
|
||||
|
|
@ -17,7 +18,8 @@ module.exports = {
|
|||
template: './src/index.html',
|
||||
inject: true,
|
||||
chunks: ['index'],
|
||||
filename: 'index.html'
|
||||
filename: 'index.html',
|
||||
favicon: "./src/favicon.png",
|
||||
})
|
||||
],
|
||||
module: {
|
||||
|
|
@ -46,7 +48,7 @@ module.exports = {
|
|||
},
|
||||
{
|
||||
test: /\.(svg|jpg|png|ttf|eot|woff|woff2)$/,
|
||||
type: 'asset/resource',
|
||||
type: 'asset',
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in a new issue