commit 792b77fb7d136415134d84583643dce19b3f01d2
parent 703f578e6b2bbb18c2f9193239b5371dd70e543d
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date: Fri, 25 Sep 2020 15:36:40 -0700
Remove instructions for Offline studying.
Instructions produced unreliable results.
Diffstat:
5 files changed, 0 insertions(+), 133 deletions(-)
diff --git a/Offline/index.html b/Offline/index.html
@@ -1,60 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="utf-8"/>
- <title>Spanish-Quizzer</title>
- <meta name="description" content="Quiz yourself on Spanish vocabulary through a free and highly customizable web interface.">
- <meta name="viewport" content="width=device-width, user-scalable=no"/>
- <link rel="icon" type="image/png" href="../Images/favicon-32.png">
- <link rel="apple-touch-icon" sizes="180x180" href="../Images/apple-touch-icon.png">
- <link rel="stylesheet" href="../Styles/Global.css">
- <link rel="stylesheet" href="../Styles/Offline.css">
- <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
- <script src="../Scripts/Offline.js"></script>
- </head>
-
- <body onload="Load();">
- <div id="app">
- <header onclick="window.location='../'">Spanish-Quizzer</header>
-
- <main>
- <h1>How to Study Offline</h1>
-
- <div id="instructions">
- <h2>Safari (iOS)</h2>
- <ol>
- <li>Go to the <a href="../">Spanish-Quizzer homepage</a>.</li>
- <li>Tap on either Conjugations, Vocab, or the Reference Tables.</li>
- <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, open Safari, go to your Reading List, and tap on Spanish-Quizzer.</li>
- </ol>
- <h2>Firefox</h2>
- <ol>
- <li>Go to the <a href="../">Spanish-Quizzer homepage</a>.</li>
- <li>Click on either Conjugations, Vocab, or the Reference Tables.</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 page you clicked on to study offline.</li>
- <li>When you get back online, you must disable "Work Offline" in order to browse the internet again.</li>
- </ol>
- <h2>Chrome / Edge</h2>
- <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>
- </main>
-
- <footer>
- <div id="share" hidden>
- <a href="mailto:?Subject=Spanish-Quizzer&Body=https://ashermorgan.github.io/Spanish-Quizzer">Email</a>
- <a href="http://www.facebook.com/sharer.php?u=https://ashermorgan.github.io/Spanish-Quizzer" target="_blank">Facebook</a>
- <a href="https://twitter.com/share?url=https://ashermorgan.github.io/Spanish-Quizzer&text=Spanish-Quizzer" target="_blank">Twitter</a>
- <a href="http://reddit.com/submit?url=https://ashermorgan.github.io/Spanish-Quizzer&title=Spanish-Quizzer" target="_blank">Reddit</a>
- <a id="shareSMS" href="sms:&body=https://ashermorgan.github.io/Spanish-Quizzer" hidden>SMS</a>
- </div>
- <a href="../">Home</a>
- <a href="../reference.html">Reference Tables</a>
- <a href="javascript:document.getElementById('share').hidden = false; void 0;">Share</a>
- </footer>
- </div>
- </body>
-</html>
diff --git a/Scripts/Offline.js b/Scripts/Offline.js
@@ -1,54 +0,0 @@
-// Declare global variables
-let app;
-
-
-
-/**
- * Load the document.
- */
-function Load() {
- // Initialize Vue
- app = new Vue({
- el: "#app", // Mount to app div
-
- data: {
- darkTheme: false
- },
-
- watch: {
- /**
- * Update the app theme.
- */
- darkTheme: function() {
- // Get theme from localStorage if null
- if (this.darkTheme === null) {
- this.darkTheme = JSON.parse(localStorage.getItem("darkTheme"));
- }
-
- // Detect preferred color scheme if null
- if (this.darkTheme === null) {
- this.darkTheme = (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)
- }
-
- // Apply theme
- if (this.darkTheme) {
- document.body.classList.add("dark");
- }
- else {
- document.body.classList.remove("dark");
- }
-
- // Save theme
- localStorage.setItem("darkTheme", this.darkTheme);
- }
- }
- });
-
- // Load settings
- app.darkTheme = null; // Force theme to update
-
- // Add event Listeners
- document.addEventListener("click", function (e) {
- document.getElementById('share').hidden = true;
- });
-}
diff --git a/Styles/Offline.css b/Styles/Offline.css
@@ -1,16 +0,0 @@
-/******** Instruction styles ********/
-/* Headers */
-h1 {
- font-size: 24px;
-}
-h2 {
- font-size: 18px;
- margin-top: 15px;
- margin-bottom: 5px;
-}
-
-/* Instructions */
-#instructions {
- max-width: 500px;
- text-align: left;
-}
-\ No newline at end of file
diff --git a/index.html b/index.html
@@ -171,7 +171,6 @@
<a rel="noopener" href="http://reddit.com/submit?url=https://ashermorgan.github.io/Spanish-Quizzer&title=Spanish-Quizzer" target="_blank">Reddit</a>
<a id="shareSMS" href="sms:&body=https://ashermorgan.github.io/Spanish-Quizzer" hidden>SMS</a>
</div>
- <a href="Offline">Study Offline</a>
<a href="javascript:document.getElementById('share').hidden = false; void 0;">Share</a>
</footer>
</div>
diff --git a/reference.html b/reference.html
@@ -75,7 +75,6 @@
<a id="shareSMS" href="sms:&body=https://ashermorgan.github.io/Spanish-Quizzer/Reference" hidden>SMS</a>
</div>
<a href="./">Home</a>
- <a href="Offline">Study Offline</a>
<a href="javascript:document.getElementById('share').hidden = false; void 0;">Share</a>
</footer>
</div>
