Skip to content

Commit

Permalink
Merge pull request #35 from tybayn/feature/Guides-Updates
Browse files Browse the repository at this point in the history 
Redid spirit box section entirely, added better depth
  • Loading branch information
@tybayn
tybayn authored Mar 23, 2024
2 parents f6360ca + cd51da8 commit 3827603
Show file tree
Hide file tree
Showing 3 changed files with 162 additions and 62 deletions.
4 changes: 2 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
<link rel="stylesheet" href="styles-v4/style-mobile-v6.css"/>
<link rel="stylesheet" href="themes-v4/themes-v1.css"/>
<link rel="stylesheet" href="discord-v4/discord-v1.css" >
<link rel="stylesheet" href="wiki-v4/wiki-v4.css" >
<link rel="stylesheet" href="wiki-v4/wiki-v5.css" >
<link rel="stylesheet" href="events-v4/events-v1.css" >
<link rel="stylesheet" href="feed-v4/feed-v2.css" >
<link rel="stylesheet" href="styles-v4/sparkles-v1.css" >
Expand Down Expand Up @@ -663,7 +663,7 @@ <h3>Data Privacy</h3>

$(window).on('load', function() {
let load_wiki = new Promise((resolve, reject) => {
$("#wiki-body").load("wiki-v4/wiki-v4.html")
$("#wiki-body").load("wiki-v4/wiki-v5.html")
resolve("Ghost data loaded")
})
Promise.all([load_wiki,checkLink()])
Expand Down
24 changes: 22 additions & 2 deletions wiki-v4/wiki-v4.css → wiki-v4/wiki-v5.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,16 @@
content: "\2796";
}

.wiki_subtitle{
display: flex;
}

.wiki_crumb{
color:rgba(204, 204, 204, 0.26);
margin-left: -13px;
padding-right: 5px;
}

.wiki_details{
padding: 0px 10px 5px 10px;
width: calc(100% - 20px);
Expand Down Expand Up @@ -192,7 +202,7 @@
background-size: cover;
position: absolute;
bottom: 10px;
left: 215px;
left: 230px;
}

.tarot-img {
Expand Down Expand Up @@ -259,6 +269,16 @@
content: "\2796";
}

.wiki_subtitle{
display: flex;
}

.wiki_crumb{
color:rgba(204, 204, 204, 0.26);
margin-left: -15px;
padding-right: 10px;
}

.wiki_details{
padding: 0px 10px 5px 10px;
width: calc(100% - 20px);
Expand Down Expand Up @@ -423,7 +443,7 @@
background-size: cover;
position: absolute;
bottom: 10px;
left: 410px;
left: 440px;
}

.tarot-img {
Expand Down
196 changes: 138 additions & 58 deletions wiki-v4/wiki-v4.html → wiki-v4/wiki-v5.html
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,20 @@
<div class="wiki_title accordian" onclick="accordian(this)">Additional Ghost Data</div>
<div class="wiki_details" style="height: 0px;">
<h3>Obake Fingerprints</h3>
<div class="text">Obake has a 25% chance to <i>not</i> leave UV evidence and has the ability to make UV evidence disappear faster.</div>
<div class="text">This ghost also has a chance to leave behind unique finger/handprints:</div>
<h4>6 Fingered Handprint (Doors, Windows, Coolers)</h4>
<img src="https://zero-network.net/phasmophobia/static/imgs/wiki/obake_hand.png" style="max-width: 50%; padding: 10px;">
<h4>Double Fingerprint (Light Switches)</h4>
<img src="https://zero-network.net/phasmophobia/static/imgs/wiki/obake_switch.png" style="max-width: 50%; padding: 10px;">
<h4>5 Fingerprint (Keyboards, Cell Doors)</h4>
<img src="https://zero-network.net/phasmophobia/static/imgs/wiki/obake_keyboard.png" style="max-width: 50%; padding: 10px;">
<div class="wiki_title accordian" onclick="accordian(this)"><div class="wiki_subtitle"><div class="wiki_crumb">&#9492;</div> Obake Fingerprints</div></div>
<div class="wiki_details" style="height: 0px;">
<div class="text">Obake has a 25% chance to <i>not</i> leave UV evidence and has the ability to make UV evidence disappear faster.</div>
<div class="text">This ghost also has a chance to leave behind unique finger/handprints:</div>
<h4>6 Fingered Handprint (Doors, Windows, Coolers)</h4>
<img src="https://zero-network.net/phasmophobia/static/imgs/wiki/obake_hand.png" style="max-width: 50%; padding: 10px;">
<h4>Double Fingerprint (Light Switches)</h4>
<img src="https://zero-network.net/phasmophobia/static/imgs/wiki/obake_switch.png" style="max-width: 50%; padding: 10px;">
<h4>5 Fingerprint (Keyboards, Cell Doors)</h4>
<img src="https://zero-network.net/phasmophobia/static/imgs/wiki/obake_keyboard.png" style="max-width: 50%; padding: 10px;">
</div>
</div>
<div class="wiki_title accordian" onclick="accordian(this)">Hunts<div id="hunts_tab_footstep" style="display: none;"></div></div>
<div class="wiki_details" style="height: 0px;">
<div class="wiki_title accordian" onclick="accordian(this)">Flickering</div>
<div class="wiki_title accordian" onclick="accordian(this)"><div class="wiki_subtitle"><div class="wiki_crumb">&#9500;</div> Flickering</div></div>
<div class="wiki_details" style="height: 0px;">
<div class="text">During a hunt, ghosts will flicker in and out of existance, alternating between visible and invisible multiple times every few seconds. There are a couple of ghosts that can be identified by their flickering during a hunt: (1) an Oni will be more visible during a hunt and (2) the Phantom will be invisible for longer periods of time.</div>
<div class="text">Below you can see examples of the flicker timing of Phantom, Oni, and all other ghosts.</div>
Expand Down Expand Up @@ -45,7 +47,7 @@ <h4>5 Fingerprint (Keyboards, Cell Doors)</h4>
</div>
</div>
</div>
<div class="wiki_title accordian" onclick="accordian(this)">Ghost Speed Breakdowns<div id="hunts_tab_indent_footstep" style="display: none;"></div></div>
<div class="wiki_title accordian" onclick="accordian(this)"><div class="wiki_subtitle"><div class="wiki_crumb">&#9500;</div> Ghost Speed Breakdowns</div><div id="hunts_tab_indent_footstep" style="display: none;"></div></div>
<div class="wiki_details" style="height: 0px;">
<div class="text">Many ghosts have a range of speeds that they can be. These are usually dependant on some other factor (such as sanity or temperature) and will cause the speed to be somewhere in-between the speeds listed on the cards</div>

Expand Down Expand Up @@ -244,14 +246,14 @@ <h4>Thaye Speeds</h4>

</table>
</div>
<div class="wiki_title accordian" onclick="accordian(this)">Ghost Ranges</div>
<div class="wiki_title accordian" onclick="accordian(this)"><div class="wiki_subtitle"><div class="wiki_crumb">&#9500;</div> Ghost Ranges</div></div>
<div class="wiki_details" style="height: 0px;">
<div class="text">During a hunt, many ghosts have different behaviors depending on how far away they are from the player. ou can explore these ranges on any map using our new Map Explorer!</div>
<a id="map-explorer-link" target="_blank" href="https://zero-network.net/phasmo-cheat-sheet/map-explorer/">
<div id="map-explorer">Map Explorer »</div>
</a>
</div>
<div class="wiki_title accordian" onclick="accordian(this)">Hunt Duration</div>
<div class="wiki_title accordian" onclick="accordian(this)"><div class="wiki_subtitle"><div class="wiki_crumb">&#9500;</div> Hunt Duration</div></div>
<div class="wiki_details" style="height: 0px;">
<div class="text">The time that a ghost hunts depends on many factors including the Hunt Duration setting and the size of the map. Harder difficulties and larger maps result in longer hunt times.</div>

Expand Down Expand Up @@ -319,7 +321,7 @@ <h4>Kills Extend Hunts</h4>
</tr>
</table>
</div>
<div class="wiki_title accordian" onclick="accordian(this)">Speed & Line-of-sight (LOS)</div>
<div class="wiki_title accordian" onclick="accordian(this)"><div class="wiki_subtitle"><div class="wiki_crumb">&#9492;</div> Speed & Line-of-sight (LOS)</div></div>
<div class="wiki_details" style="height: 0px;">
<div class="text">Most ghosts will gradually increase their speed while they have line-of-sight (LOS) on a player up to a maximum of 1.65x their base speed. After breaking LOS, the ghost will maintain the increased speed until it reaches the last known player position. If it does not regain LOS at this point, the ghost will very slowly lose the increased speed.</div>
<div class="text">While using the BPM Finder, the cheat sheet will generate a plot of the speeds that you tapped over time. Many different hunting behaviors, including LOS, can be observed from this graph, as shown below.</div>
Expand Down Expand Up @@ -568,52 +570,130 @@ <h3>Questions</h3>

<div class="wiki_title accordian" onclick="accordian(this)">Spirit Box</div>
<div class="wiki_details" style="height: 0px;">
<div class="text">
<b>Aggression Questions:</b><br>
<p>The following questions can be asked to return a randomly chosen "aggresive" response</p>
<ul>
<li>"What do you want?"</li>
<li>"Why are you here?"</li>
<li>"Are you angry?"</li>
<li>"Do you want us to leave?"</li>
<li>"Are you friendly?"</li>
<li>"Are you dangerous?"</li>
</ul>
Responses:
<ul>
<li>"Kill", "Death", "Die", "Hate", "Hurt", "Attack"</li>
</ul>
<div class="wiki_title accordian" onclick="accordian(this)"><div class="wiki_subtitle"><div class="wiki_crumb">&#9500;</div> Using the Spirit Box</div></div>
<div class="wiki_details" style="height: 0px;">
<div class="wiki_title accordian" onclick="accordian(this)"><div class="wiki_subtitle"><div class="wiki_crumb">&#9500;</div> Tier 1</div></div>
<div class="wiki_details" style="height: 0px;">
<div class="text">
<b>Mic Indicator:</b><br>
A white/blue LED will light up near the microphone icon on the bottom right if the game is able to hear your mic.
<img loading="lazy" style="padding: 5px;" src="https://zero-network.net/phasmophobia/static/imgs/wiki/spirit_box_t1_active.gif">
<hr>
<b>No Response:</b><br>
The LED right of the ghost icon will light up red if the game recognized a valid question, but no response is given.
<img loading="lazy" style="padding: 5px;" src="https://zero-network.net/phasmophobia/static/imgs/wiki/spirit_box_t1_no_response.gif">
<hr>
<b>Response (Evidence):</b><br>
The LED right of the ghost icon will light up white if the ghost gave a response to your question.
<img loading="lazy" style="padding: 5px;" src="https://zero-network.net/phasmophobia/static/imgs/wiki/spirit_box_t1_response.gif">
</div>
</div>
<div class="wiki_title accordian" onclick="accordian(this)"><div class="wiki_subtitle"><div class="wiki_crumb">&#9500;</div> Tier 2</div></div>
<div class="wiki_details" style="height: 0px;">
<div class="text">
<b>Mic Indicator:</b><br>
A microphone icon at the top left will show if the game is able to hear your mic.
<img loading="lazy" style="padding: 5px;" src="https://zero-network.net/phasmophobia/static/imgs/wiki/spirit_box_t2_active.gif">
<hr>
<b>No Response:</b><br>
The 'X' icon at the bottom right will show if game recognized a valid question, but no response is given.
<img loading="lazy" style="padding: 5px;" src="https://zero-network.net/phasmophobia/static/imgs/wiki/spirit_box_t2_no_response.gif">
<hr>
<b>Response (Evidence):</b><br>
The ghost icon at the bottom right will show if the ghost gave a response to your question.
<img loading="lazy" style="padding: 5px;" src="https://zero-network.net/phasmophobia/static/imgs/wiki/spirit_box_t2_response.gif">
</div>
</div>
<div class="wiki_title accordian" onclick="accordian(this)"><div class="wiki_subtitle"><div class="wiki_crumb">&#9492;</div> Tier 3</div></div>
<div class="wiki_details" style="height: 0px;">
<div class="text">
<b>Mic Indicator:</b><br>
The LED below "Mic Input" will light up white if the game is able to hear your mic.
<img loading="lazy" style="padding: 5px;" src="https://zero-network.net/phasmophobia/static/imgs/wiki/spirit_box_t3_active.gif">
<hr>
<b>No Response:</b><br>
The array of LEDs below "Response" will light up red if the game recognized a valid question, but no response is given.
<img loading="lazy" style="padding: 5px;" src="https://zero-network.net/phasmophobia/static/imgs/wiki/spirit_box_t3_no_response.gif">
<hr>
<b>Response (Evidence):</b><br>
The array of LEDs below "Response" will light up white if the ghost gave a response to your question.
<img loading="lazy" style="padding: 5px;" src="https://zero-network.net/phasmophobia/static/imgs/wiki/spirit_box_t3_response.gif">
</div>
</div>
</div>
<div class="text">
<b>Location Questions:</b><br>
<p>The following questions can be asked to indicate how close you are to ghost and if the ghost is in the same room</p>
<ul>
<li>"Where are you?"</li>
<li>"Are you close?"</li>
<li>"Give us a sign."</li>
<li>"Are you here?"</li>
<li>"Is anybody here?"</li>
<li>"What is your location?"</li>
</ul>
Responses:
<ul>
<li>Within 3 meters:<br>"(I'm) here", "I'm close", "(I'm) behind you"</li>
<li>In same room, but further than 3 meters:<br>"Next to you", "Away", "Far"</li>
</ul>
<div class="wiki_title accordian" onclick="accordian(this)"><div class="wiki_subtitle"><div class="wiki_crumb">&#9500;</div> Aggression Questions</div></div>
<div class="wiki_details" style="height: 0px;">
<div class="text">
<p>The following questions can be asked to return a randomly chosen "aggresive" response</p>
<ul>
<li>"Are you friendly?"</li>
<li>"What do you want?"</li>
<li>"Why are you here?"</li>
<li>"Do you want to hurt us?"</li>
<li>"Should we leave?"</li>
</ul>
<p>Responses (Examples):</p>
<ul>
<li><i>"...getting <b>attacked</b> has left a..."</i></li>
<li><i>"...an <b>attack</b> was..."</i></li>
<li><i>"...in a tragic <b>death</b>..."</i></li>
<li><i>"...person <b>died</b>, and..."</i></li>
<li><i>"...act of <b>hate</b> reverberated..."</i></li>
<li><i>"...possible <b>hate</b> crime..."</i></li>
<li><i>"...left <b>hurt</b> after a destruct..."</i></li>
<li><i>"...<b>injured</b> in a..."</i></li>
<li><i>"...active <b>killing</b>..."</i></li>
<li><i>"...tragic <b>killing</b>,a ..."</i></li>
</ul>
</div>
</div>
<div class="text">
<b>Age Questions:</b><br>
<p>The following questions can be asked to return an age (not correlated to ghost model)</p>
<ul>
<li>"How old are you?"</li>
<li>"How young are you?"</li>
<li>"What is your age?"</li>
<li>"Are you old?"</li>
</ul>
Responses:
<ul>
<li>"Old", "Young"</li>
</ul>
<div class="wiki_title accordian" onclick="accordian(this)"><div class="wiki_subtitle"><div class="wiki_crumb">&#9500;</div> Location Questions</div></div>
<div class="wiki_details" style="height: 0px;">
<div class="text">
<p>The following questions can be asked to indicate how close you are to ghost and if the ghost is in the same room</p>
<ul>
<li>"Where are you?"</li>
<li>"Are you close?"</li>
<li>"Give us a sign."</li>
<li>"Are you here?"</li>
<li>"Is anybody here?"</li>
<li>"What is your location?"</li>
</ul>
<p>Responses (Examples):</p>
<ul>
<li>Within 2m:<br>
- <i>"...a <b>close</b> encounter..."</i><br>
- <i>"...were <b>close</b> to an abandoned..."</i><br>
- <i>"...from <b>behind</b>, unsuspectingly..."</i><br>
- <i>"...from <b>behind</b>, leaving..."</i>
</li>
<li>Between 2-5m (in same room):<br>
- <i>"...I was taken <b>away</b>, then..."</i><br>
- <i>"...the <b>far</b>-reaching..."</i><br>
- <i>"...found <b>far</b> from their home..."</i><br>
- <i>"...<b>far</b> and wide..."</i>
</ul>
</div>
</div>
<div class="wiki_title accordian" onclick="accordian(this)"><div class="wiki_subtitle"><div class="wiki_crumb">&#9492;</div> Age Questions</div></div>
<div class="wiki_details" style="height: 0px;">
<div class="text">
<p>The following questions can be asked to return an age (not correlated to ghost model)</p>
<ul>
<li>"How old are you?"</li>
<li>"Are you a child?"</li>
<li>"Are you young?"</li>
<li>"Are you old?"</li>
</ul>
<p>Responses (Examples):</p>
<ul>
<li><i>"...an <b>elderly</b> individual..."</i></li>
<li><i>"...an <b>elderly</b> victim..."</i></li>
<li><i>"...an <b>elderly</b> resident..."</i></li>
<li><i>"...of a <b>young</b> individual..."</i></li>
<li><i>"...when a <b>young</b> assailant..."</i></li>
</ul>
</div>
</div>
</div>

Expand Down

0 comments on commit 3827603

Please sign in to comment.