commit 69225f7799e94eba3644e92efe655789299282ef
parent 7e86d161553db08c8040c2e076f4c06f62706f0b
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date: Sat, 9 May 2020 10:44:46 -0700
Enforce style and conventions in reference tables.
Diffstat:
5 files changed, 65 insertions(+), 45 deletions(-)
diff --git a/Reference/index.html b/Reference/index.html
@@ -13,56 +13,58 @@
</head>
<body onload="Load()" onresize="setTableHeight()">
- <a id="title" href="../">Spanish-Quizzer v2.3.0</a>
- <br/>
- <label class="text">Reference Tables</label>
- <br/>
+ <h1 id="title" onclick="window.location='..\\'">Spanish-Quizzer v2.3.0</h1>
+ <h3 class="text">Reference Tables</h3>
<noscript>
- <br/>
- <label class="bad">You must have JavaScript enabled to run Spanish-Quizzer.</label>
- <br/>
+ <h4 class="bad">You must have JavaScript enabled to run Spanish-Quizzer.</h4>
</noscript>
- <br/>
- <select id="referenceSet" onchange="referenceSetChanged()">
- <option>Choose a vocab set</option>
- <optgroup label="Common Words">
- <option>Verbs</option>
- <option>Adjectives</option>
- <option>Adverbs</option>
- <option>Prepositions</option>
- <option>Transitions</option>
- </optgroup>
- <optgroup label="Spanish 1">
- <option>Colors</option>
- <option>Days</option>
- <option>Months</option>
- <option>Questions</option>
- <option>Weather</option>
- <option>Family</option>
- <option>Clothes</option>
- </optgroup>
- <optgroup label="Spanish 2">
- <option>Nature</option>
- <option>House</option>
- <option>Vacation</option>
- <option>Childhood</option>
- <option>Professions</option>
- <option>Health</option>
- </optgroup>
- </select>
- <input type="text" id="referenceFilter" onkeyup="referenceFilterChanged()" placeholder="Search">
- <br/>
+ <div id="controls">
+ <select id="referenceSet" onchange="referenceSetChanged()">
+ <option>Choose a vocab set</option>
+ <optgroup label="Common Words">
+ <option>Verbs</option>
+ <option>Adjectives</option>
+ <option>Adverbs</option>
+ <option>Prepositions</option>
+ <option>Transitions</option>
+ </optgroup>
+ <optgroup label="Spanish 1">
+ <option>Colors</option>
+ <option>Days</option>
+ <option>Months</option>
+ <option>Questions</option>
+ <option>Weather</option>
+ <option>Family</option>
+ <option>Clothes</option>
+ </optgroup>
+ <optgroup label="Spanish 2">
+ <option>Nature</option>
+ <option>House</option>
+ <option>Vacation</option>
+ <option>Childhood</option>
+ <option>Professions</option>
+ <option>Health</option>
+ </optgroup>
+ </select>
+ <input type="text" id="referenceFilter" onkeyup="referenceFilterChanged()" placeholder="Search">
+ </div>
- <br/>
<div id="referenceTable">
- <table id="referenceTableInner">
- </table>
+ <table id="referenceTableInner"></table>
</div>
<div class="footer">
- <a href="../">Home</a>
+ <div id="share" hidden>
+ <a href="mailto:?Subject=Spanish-Quizzer&Body=https://ashermorgan.github.io/Spanish-Quizzer/Reference">Email</a>
+ <a href="http://www.facebook.com/sharer.php?u=https://ashermorgan.github.io/Spanish-Quizzer/Reference" target="_blank">Facebook</a>
+ <a href="https://twitter.com/share?url=https://ashermorgan.github.io/Spanish-Quizzer/Reference&text=Spanish-Quizzer" target="_blank">Twitter</a>
+ <a href="http://reddit.com/submit?url=https://ashermorgan.github.io/Spanish-Quizzer/Reference&title=Spanish-Quizzer" target="_blank">Reddit</a>
+ <a id="shareSMS" href="sms:&body=https://ashermorgan.github.io/Spanish-Quizzer/Reference" hidden>SMS</a>
+ </div>
+ <a href="../">Home</a>
+ <a href="javascript:document.getElementById('share').hidden = false;">Share</a>
</div>
</body>
</html>
\ No newline at end of file
diff --git a/Scripts/Reference.js b/Scripts/Reference.js
@@ -13,6 +13,11 @@ function Load() {
// Set table height
setTableHeight();
+ // Add event Listeners
+ document.addEventListener("click", function (e) {
+ document.getElementById('share').hidden = true;
+ });
+
// Load CSVs
Sets = [];
Papa.parse("../Vocab/Verbs.csv", {
diff --git a/Styles/Global.css b/Styles/Global.css
@@ -49,10 +49,6 @@ button:disabled {
text-decoration: none;
}
-h3 {
- margin-bottom: 5px;
-}
-
.label {
font-weight: bold;
}
diff --git a/Styles/Reference.css b/Styles/Reference.css
@@ -1,4 +1,17 @@
/******** Reference Table styles ********/
+h1 {
+ margin-bottom: 0px;
+}
+
+h3 {
+ margin-top: 0px;
+ font-weight: normal;
+}
+
+#controls {
+ margin-bottom: 15px;
+}
+
#referenceTable {
margin: auto;
text-align: left;
diff --git a/Styles/Settings.css b/Styles/Settings.css
@@ -6,6 +6,10 @@
width: available;
}
+h3 {
+ margin-bottom: 5px;
+}
+
.centered {
text-align: center;
}
