Commit 2ea85e9f authored by Eric Schewe's avatar Eric Schewe
Browse files

Moved CSS into seperate style sheet, updated str/weak per

PhasmoCalc.com's wording, fixed a typo, added numbers to the evidence
types to match the amount of clicks in the journal to select that
evidence.
parent 9f52f8f0
......@@ -7,98 +7,22 @@
<meta name="keywords" content="Phasmophobia, Ghost, Calculator, Calc, Evidence, Eliminator" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="favicon.png">
<style>
html *
{
font-family: 'Courier' !important;
font-weight: 600;
background-color: #121212;
color: #9E9E9E;
}
p
{
color: #9E9E9E;
font-size: 1em;
clear: both;
}
button
{
background-color:#121212;
border-radius:28px;
border:2px solid #9E9E9E;
display:inline-block;
cursor:pointer;
color: #9E9E9E;
font-size:19px;
padding:10px 15px;
text-decoration:none;
}
table, tr
{
border: none;
}
td {
border: none;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 0px;
}
/* unvisited link */
a:link {
color: #c21b10;
}
/* visited link */
a:visited {
color: #8B0000;
}
/* mouse over link */
a:hover {
color: #8B0000;
}
#reset
{
background-color:#8B0000;
}
/* Ghostname colour */
#ghostName
{
color: #8924a3;
}
/* Remaining evidence colour */
#evidence {
color: #349c27;
}
/* Ghost weakness text colour */
#weakness {
color: #c98134;
}
/* Ghost strength text colour */
#strength {
color: #c21b10;
}
.left {
float: left;
}
#vanWarning {
color: #afa51c;
}
</style>
<link rel="stylesheet" href="styles.css">
<script>
var ghostArray =
[
["Spirit", 2, 4, 5, "Smudge", "None"],
["Spirit", 2, 4, 5, "Smudge Sticks stop hunting a long time", "None"],
["Wraith", 3, 4, 5, "Salt", "No footprints"],
["Phantom", 0, 1, 3, "Photos", "Sanity drop"],
["Poltergeist", 1, 4, 5, "Empty room", "Throws lots of objects"],
["Banshee", 0, 3, 5, "Crucifix", "Only one targets"],
["Jinn", 0, 1, 4, "Power outage", "Fast Travel"],
["Mare", 1, 3, 4, "Lights", "Dark"],
["Revenant", 0, 2, 5, "Hiding", "Fast"],
["Shade", 0, 1, 2, "Too many people", "Hard to find"],
["Demon", 2, 3, 4, "Ouija board", "A T T A C K"],
["Yurei", 1, 2, 3, "Smudging", "Sanity"],
["Oni", 0, 2, 4, "Activity", "More people, more active"]
["Phantom", 0, 1, 3, "Taking photos will make it disappear", "Sanity drops fast if you look at it"],
["Poltergeist", 1, 4, 5, "Empty rooms", "Throws lots of objects"],
["Banshee", 0, 3, 5, "Crucifix makes them less active", "Targets one person at a time"],
["Jinn", 0, 1, 4, "Turning off power blocks their ability", "Fast travel if target is far away"],
["Mare", 1, 3, 4, "Lights", "Darkness"],
["Revenant", 0, 2, 5, "Hiding will slow this ghost", "Fast ghost - cant be outran"],
["Shade", 0, 1, 2, "Won\'t hunt if too many people around", "Shy, hard to find"],
["Demon", 2, 3, 4, "Sanity cant be lowered by Ouija board", "Attacks A LOT!"],
["Yurei", 1, 2, 3, "Smudging room delays movement", "Sanity will drop fast"],
["Oni", 0, 2, 4, "More people around = Easier to find", "More people around = More activity"]
];
var buttonArray =
[
......@@ -262,17 +186,18 @@
</head>
<body>
<button class="left" id="reset" onClick="buttonReset()">Reset</button>
<button class="left" id="0" onClick="buttonClick(0)">EMF5</button>
<button class="left" id="4" onClick="buttonClick(4)">Box</button>
<button class="left" id="5" onClick="buttonClick(5)">Prints</button>
<button class="left" id="1" onClick="buttonClick(1)">Orbs</button>
<button class="left" id="2" onClick="buttonClick(2)">Writing</button>
<button class="left" id="3" onClick="buttonClick(3)">Temps</button>
<button class="left" id="0" onClick="buttonClick(0)">1 EMF5</button>
<button class="left" id="4" onClick="buttonClick(4)">2 Box</button>
<button class="left" id="5" onClick="buttonClick(5)">3 Prints</button>
<button class="left" id="1" onClick="buttonClick(1)">4 Orbs</button>
<button class="left" id="2" onClick="buttonClick(2)">5 Writing</button>
<button class="left" id="3" onClick="buttonClick(3)">6 Temps</button>
<p id="Ghosts">
<br/>Please select evidence<br/>
<br/>The number before the evidence is the amount of times you have to click the right arrow in the journal to select it
</p>
<p id="vanWarning">
<br/>Don't forget to fillout your journal before entering the van!<br/>
<br/>Don't forget to fill out your journal before entering the van!<br/>
</p>
<p>
With permission, forked from <a href="https://PhasmoCalc.com">PhasmoCalc.com</a> | <a href="https://git.pickysysadmin.ca/FiZi/phasmophobia-evidence-eliminator">Source code</a> | <a href="privacy.html">Privacy policy</a>
......
......@@ -7,33 +7,7 @@
<meta name="keywords" content="Phasmophobia, Ghost, Calculator, Calc, Evidence, Eliminator" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="favicon.png">
<style>
html *
{
font-family: 'Courier' !important;
font-weight: 600;
background-color: #121212;
color: #9E9E9E;
}
p
{
color: #9E9E9E;
font-size: 1em;
clear: both;
}
/* unvisited link */
a:link {
color: #c21b10;
}
/* visited link */
a:visited {
color: #8B0000;
}
/* mouse over link */
a:hover {
color: #8B0000;
}
</style>
<link rel="stylesheet" href="styles.css">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
......
html *
{
font-family: 'Courier' !important;
font-weight: 600;
background-color: #121212;
color: #9E9E9E;
}
p
{
color: #9E9E9E;
font-size: 1em;
clear: both;
}
button
{
background-color:#121212;
border-radius:28px;
border:2px solid #9E9E9E;
display:inline-block;
cursor:pointer;
color: #9E9E9E;
font-size:19px;
padding:10px 15px;
text-decoration:none;
}
table, tr
{
border: none;
}
td {
border: none;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 0px;
}
/* unvisited link */
a:link {
color: #c21b10;
}
/* visited link */
a:visited {
color: #8B0000;
}
/* mouse over link */
a:hover {
color: #8B0000;
}
#reset
{
background-color:#8B0000;
}
/* Ghostname colour */
#ghostName
{
color: #8924a3;
}
/* Remaining evidence colour */
#evidence {
color: #349c27;
}
/* Ghost weakness text colour */
#weakness {
color: #c98134;
}
/* Ghost strength text colour */
#strength {
color: #c21b10;
}
.left {
float: left;
}
#vanWarning {
color: #afa51c;
}
\ 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