Commit 77d3b5eb authored by Eric Schewe's avatar Eric Schewe
Browse files

More CSS clean-up and layout tweaking, changed colour of reset button,

changed some page text to reduce word count
parent 7d6aad4b
......@@ -10,14 +10,10 @@
html *
{
font-family: 'Courier' !important;
font-weight: 600;
background-color: black;
color: white;
}
body
{
background-color: black;
font-size: 1em;
}
p
{
color: white;
......@@ -32,10 +28,13 @@
display:inline-block;
cursor:pointer;
color:#ffffff;
font-size:17px;
padding:16px 31px;
font-size:19px;
padding:10px 15px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
#reset
{
background-color:#8B0000;
}
table, tr, td
{
......@@ -104,10 +103,10 @@
for (i = 0; i < buttonArray.length; i++)
{
buttonArray[i][0] = 0;
document.getElementById(i).style.background='#000000';
document.getElementById(i).style.background='#000000';
}
document.getElementById("Ghosts").innerHTML = "<br/>Please click / tap an evidence above.<br/><br/>Black = Not found<br/>Green = Found evidence";
document.getElementById("reset").innerHTML = "Reset Evidence";
document.getElementById("Ghosts").innerHTML = "<br/>Please select evidence<br/><br/>Black = Not found<br/>Green = Found evidence";
document.getElementById("reset").innerHTML = "Reset";
ghostsLeft = JSON.parse(JSON.stringify(ghostArray));
};
function buttonClick(id)
......@@ -120,7 +119,7 @@
}
else
{
document.getElementById(id).style.background='#009900';
document.getElementById(id).style.background='#045e04';
}
var Evidence = "ev_" + buttonArray[id][1];
......@@ -153,8 +152,8 @@
if (ghostsLeft.length == ghostArray.length)
{
document.getElementById("Ghosts").innerHTML = "<br/>Please click / tap an evidence above.<br/><br/>Black = Unknown<br/>Green = I found this evidence";
document.getElementById("reset").innerHTML = "Reset Evidence";
document.getElementById("Ghosts").innerHTML = "<br/>Please select evidence<br/><br/>Black = Unknown<br/>Green = I found this evidence";
document.getElementById("reset").innerHTML = "Reset";
}
else
......@@ -162,11 +161,11 @@
var outputList = "";
var needComma;
outputList += "<br/><table><tr><td><u>Remaining:</u></td><td></td></tr>";
outputList += "<br/><table><tr><td><u>Remaining:</u><br/><br/></td><td></td></tr>";
if (ghostsLeft.length == 0)
{
outputList += "<tr><td>No ghosts found</td><td></td></tr>";
document.getElementById("reset").innerHTML = "Reset Evidence";
document.getElementById("reset").innerHTML = "Reset";
}
else
{
......@@ -194,11 +193,11 @@
outputList += buttonArray[ghostsLeft[k][3]][1];
}
outputList += ")</span></td>";
document.getElementById("reset").innerHTML = "Reset Evidence";
document.getElementById("reset").innerHTML = "Reset";
}
else
{
document.getElementById("reset").innerHTML = "Reset Evidence";
document.getElementById("reset").innerHTML = "Reset";
}
outputList += "</tr>";
}
......@@ -210,21 +209,29 @@
</script>
</head>
<body>
<div><button id="0" class="left" onClick="buttonClick(0)">EMF 5</button>
<button id="1" class="left" onClick="buttonClick(1)">Ghost Orbs</button>
<button id="2" class="left" onClick="buttonClick(2)">Ghost Writing</button>
<button id="3" class="left" onClick="buttonClick(3)">Freezing Temps</button>
<button id="4" class="left" onClick="buttonClick(4)">Spirit Box</button>
<button id="5" class="left" onClick="buttonClick(5)">Finger Prints</button></div>
<div>
<button id="0" class="left" onClick="buttonClick(0)">EMF 5</button>
<button id="1" class="left" onClick="buttonClick(1)">Ghost Orbs</button>
<button id="2" class="left" onClick="buttonClick(2)">Ghost Writing</button>
<button id="3" class="left" onClick="buttonClick(3)">Freezing Temps</button>
<button id="4" class="left" onClick="buttonClick(4)">Spirit Box</button>
<button id="5" class="left" onClick="buttonClick(5)">Finger Prints</button>
</div>
<div>
<p id="Ghosts">
<br/>Please click / tap an evidence above.<br/><br/>
<br/>Please select evidence<br/><br/>
Black = Not found<br/>
Green = Found evidence
</p>
</div>
<div style="clear: both;"><button id="reset" onClick="buttonReset()">Reset Evidence</button></div>
<div style="clear: both;">
<br/><button id="reset" onClick="buttonReset()">Reset</button>
</div>
<br/>
<p><div style="clear: both;">With permission, edited from <a href="https://PhasmoCalc.com">PhasmoCalc.com</a> | <a href="https://git.pickysysadmin.ca/FiZi/phasmophobia-evidence-eliminator">Source code</a></div></p>
<p>
<div style="clear: both;">
With permission, edited from <a href="https://PhasmoCalc.com">PhasmoCalc.com</a> | <a href="https://git.pickysysadmin.ca/FiZi/phasmophobia-evidence-eliminator">Source code</a>
</div>
</p>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment