spanish-quizzer

commit 7148ac4a1406cd31b47a54272eb89f01122dcc68
parent a0886a21cd8455cc2e3b15be9ae2b3348a6248b7
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Tue, 30 Jun 2020 09:57:54 -0700

Update instructions to study offline.

Diffstat:
M
Offline/index.html
 | 
14
++++++++------
M
Styles/Offline.css
 | 
2
+-

2 files changed, 9 insertions(+), 7 deletions(-)
diff --git a/Offline/index.html b/Offline/index.html
@@ -16,7 +16,7 @@
             <h1 onclick="window.location='../'">Spanish-Quizzer</h1>
         </div>
 
-        <h2>How to study offline</h2>
+        <h2>How to Study Offline</h2>
 
         <div id="instructions">
             <h4>Safari (iOS)</h4>
@@ -25,15 +25,17 @@
                 <li>Tap the share icon and select "Add to Reading List".</li>
                 <li>Open the Settings app and select "Safari".</li>
                 <li>Scroll down to the "Reading List" section and enable "Automatically Save Offline".</li>
-                <li>When you are offline, return to the <a href="../">homepage</a> to study offline.</li>
+                <li>When you are offline, open Safari, go to your Reading List, and tap on Spanish-Quizzer.</li>
             </ol>
-            <h4>Chrome / Firefox / Edge</h4>
+            <h4>Firefox</h4>
             <ol>
                 <li>Go to the <a href="../">Spanish-Quizzer homepage</a>.</li>
-                <li>Click on the star on the right side of the address bar.</li>
-                <li>Click "Done".</li>
-                <li>When you are offline, return to the <a href="../">homepage</a> to study offline.</li>
+                <li>When you are offline, click on the hamburger menu in the top right corner, click on "Web Developer", and enable "Work Offline".</li>
+                <li>Return to the <a href="../">homepage</a> to study offline.</li>
+                <li>When you get back online, you must disable "Work Offline" in order to browse the internet again.</li>
             </ol>
+            <h4>Chrome / Edge</h4>
+            <p>Offline studying is not supported on Google Chrome or Microsoft Edge. Spanish-Quizzer will not work if it is saved as an HTML document.</p>
         </div>
 
         <div class="footer">
diff --git a/Styles/Offline.css b/Styles/Offline.css
@@ -10,6 +10,6 @@ h4 {
     margin-bottom: 0px;
 }
 
-ol {
+ol, p {
     margin-top: 5px;
 }