Applying edits to make the site more mobile-friendly

_includes/header.html

@@ -19,7 +19,5 @@
     <div class="wrapper">
       <header>
         <h1>{{ site.title | default: site.github.repository_name }}</h1>
-        <p>A tool to help with negotiations in Persona 5. (Incomplete. Work-in-progress.)</p>
-        <p>Credit goes to GooberSD/Chompobar for giving me permission to use <a href="https://docs.google.com/document/d/1Fq00lkODNAam7RZoczHU2kFyU3CZvyW59F0PwLnJoz8/">their guide</a> to update this guide.</p>
         <p class="view"><a href="{{ site.github.repository_url }}">View this joyce-chen Project on GitHub <small>{{ github_name }}</small></a></p>
       </header>

index.md

@@ -1,3 +1,5 @@
+<!-- If you are seeing this from Github, there is a user-friendly version of this page with an embeded search function at: http://joyce-chen.github.io/persona5-negotiation/ -->
+
 <div class="input-group">
 	<input class="form-control py-2 border-right-0 border" type="text" id="searchBar" onkeyup="filterQuestions()" placeholder="Search for questions or responses.." title="Type in a question or response">
 	<span class="input-group-append">
@@ -1483,24 +1485,6 @@ function filterQuestions() {
 		<td></td>
 	</tr>
 </table>
-<table>
-	<tr>
-		<th colspan="2">I'll make you into soup.</th>
-	</tr>
-	<tr>
-		<td>OK, I'll make you into soup.</td>
-		<td>BAD - IRRITABLE</td>
-	</tr>
-	<tr>
-		<td>Fine, I'll grill you.</td>
-		<td>GOOD - GLOOMY
-		<br>GOOD - IRRITABLE</td>
-	</tr>
-	<tr>
-		<td>Alright, I'll mince you.</td>
-		<td></td>
-	</tr>
-</table>
 <table>
 	<tr>
 		<th colspan="2">I'm a man with a complicated background. The people I know, well...</th>

info.md

@@ -1,3 +1,10 @@
+##### This Project & Credits
+This is a tool/guide to help with negotiations in Persona 5. As of March 18, it is still incomplete and a work-in-progress. If you find any mistakes please feel free to open a Pull Request on Github.
+
+Thank you to GooberSD/Chompobar for giving me permission to use <a href="https://docs.google.com/document/d/1Fq00lkODNAam7RZoczHU2kFyU3CZvyW59F0PwLnJoz8/">their guide</a> to update this guide.
+
+---
+
 ##### Shadows
 The Shadows will initially have a title or description, but once you've has captured it, its title will turn into its Persona name. A list of the Shadows you'll encounter by area can be viewed on the <a href="shadows">SHADOWS page</a>.
 
@@ -11,7 +18,7 @@ Negotiations are dependent on the Shadow's personality. There are four types of
 | Timid     | Kind    | Vague, Funny    |
 | Upbeat    | Funny   | Serious, Vague  |
 
-#### Responses
+##### Responses
 During negotiations, a Shadow will ask you two questions. For each, you're given three responses to chopse from. Depending on which answer you choose, the Shadow will react in the following ways:
 
 - **Good:** Marked by golden musical notes 🎶. This is always the best answer. If you get this for the second question, you will obtain the Shadow as a new Persona.
@@ -19,5 +26,3 @@ During negotiations, a Shadow will ask you two questions. For each, you're given
 - **OK:** Marked by light blue sweat marks 💦. When you answer the second question with the OK option, you will most likely end the negotiation with an item as a reward. The Persona will then flee after giving the item. However, there is a very small chance, that the Shadow will join you with an OK answer.
 
 - **Bad:** Marked by red angry vein marks 💢. It is okay to get a bad answer for the first question. However, if you get a bad answer for the second question you will fail the negotiation and the monster will either run away or you’ll have to fight it again. Once you have a party member hit around level 3 - 4 as a confidant, your characters will be able to potentially step in and save a negotiation should things go south. This ability will usually give you a second chance at negotiating with the Shadow.
-
-

shadows.md

@@ -682,7 +682,7 @@ function filterShadows() {
    </tr>
    <tr>
       <td>Mara</td>
-      <td>Torn King of Desires</td>
+      <td>Throbbing King of Desire</td>
       <td>Tower</td>
       <td>Irritable</td>
    </tr>