spanish-quizzer

An app to quiz you on Spanish vocabulary and verb conjugations
git clone https://git.ashermorgan.net/spanish-quizzer/
Log | Files | Refs | README
commit eba393680f4d304377d7c39067e0c5ec756aefbe
parent ffc24f5b2f76c378cc647cfa8e7efa0b585b9992
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Thu, 11 Jun 2020 08:43:26 -0700

Add title bar.

Diffstat:

MReference/index.html | 5++++-


MStyles/Global.css | 11+++++++++++


MStyles/Reference.css | 6+-----


Mindex.html | 4+++-


4 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/Reference/index.html b/Reference/index.html
@@ -13,7 +13,10 @@
     </head>
 
     <body onload="Load()" onresize="setTableHeight()">
-        <h1 id="title" onclick="window.location='..\\'">Spanish-Quizzer v2.4.0</h1>
+        <div id="title">
+            <h1 onclick="window.location='..\\'">Spanish-Quizzer</h1>
+        </div>
+        
         <h3 class="text">Reference Tables</h3>
         
         <noscript>
diff --git a/Styles/Global.css b/Styles/Global.css
@@ -16,6 +16,7 @@ body {
     background-color: var(--background-color);
     margin-bottom: 50px;
     touch-action: manipulation;
+    margin-top: 80px;
 }
 
 
@@ -42,11 +43,21 @@ button:disabled {
 
 /******** Other styles ********/
 #title {
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    background-color: #00aad4;
+}
+
+h1 {
     font-size: 25px;
     font-weight: bold;
     cursor: pointer;
     color: inherit;
     text-decoration: none;
+    margin-top: 15px;
+    margin-bottom: 15px;
 }
 
 .label {
diff --git a/Styles/Reference.css b/Styles/Reference.css
@@ -1,8 +1,4 @@
 /******** Reference Table styles ********/
-h1 {
-    margin-bottom: 0px;
-}
-
 h3 {
     margin-top: 0px;
     font-weight: normal;
@@ -44,7 +40,7 @@ h3 {
         --hover-color: #FFFFFF;
     }
 
-    #title, #referenceFilter, #referenceSet, .footer, label, br {
+    #title, h3, #referenceFilter, #referenceSet, .footer, label, br {
         display: none;
     }
     
diff --git a/index.html b/index.html
@@ -16,7 +16,9 @@
     </head>
 
     <body onload="Load()">
-        <h1 id="title" onclick="Reload()">Spanish-Quizzer v2.4.0</h1>
+        <div id="title">
+            <h1 onclick="Reload()">Spanish-Quizzer</h1>
+        </div>
 
         <noscript>
             <h4 class="bad">