From e5f482231fa140a15aa55c421da3ee03841ca176 Mon Sep 17 00:00:00 2001
From: "J. Gerhards" <g1.jasger@gmail.com>
Date: Fri, 2 Feb 2024 17:51:19 +0100
Subject: [PATCH 1/3] fix page reload when copying results

---
 results.html | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/results.html b/results.html
index 2b74e70d..dd53f037 100644
--- a/results.html
+++ b/results.html
@@ -18,11 +18,9 @@ <h1 class="boxed" id="header-title"><span class="">Spellcheck</span></h1>
 <div class="content">
   <h3 class="boxed-black error">Rezults</h3>
   <h1 id="results"></h1>
-  <a href="">
-    <div class="btn boxed" id="copy-btn">
-      <i class="fa fa-copy" style="font-size:10pt;"></i>&ensp;<span class="error">coppee</span> results to clipboard
-    </div>
-  </a>
+  <div class="btn boxed" id="copy-btn">
+	  <i class="fa fa-copy" style="font-size:10pt;"></i>&ensp;<span class="error">coppee</span> results to clipboard
+  </div>
   <br>
   <a href="mode_select.html">
     <div class="btn boxed">
@@ -51,4 +49,4 @@ <h3 class="boxed-black">Your Typos</h3>
 </div>
   <script src="assets/scripts/results.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>

From 3f0e8a3458ea34669e8912c2d9fc39439a742052 Mon Sep 17 00:00:00 2001
From: "J. Gerhards" <g1.jasger@gmail.com>
Date: Fri, 2 Feb 2024 17:53:34 +0100
Subject: [PATCH 2/3] fix cursor not pointer when hovering over button

---
 assets/styles/large_style.css  | 6 ++++++
 assets/styles/mobile_style.css | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/assets/styles/large_style.css b/assets/styles/large_style.css
index ff2891c8..7af3a10d 100644
--- a/assets/styles/large_style.css
+++ b/assets/styles/large_style.css
@@ -146,6 +146,7 @@ a {
     width:fit-content;  
     margin-left: auto;
     margin-right: auto;
+	cursor: pointer;
 }
 
 @media (hover: hover) {
@@ -231,6 +232,7 @@ a {
     aspect-ratio: 1/1;
     align-items: center;
     vertical-align: middle;
+	cursor: pointer;
 }
 
 .prompt.clicked {
@@ -238,6 +240,10 @@ a {
     box-shadow: 0px 0px 0px black;
 }
 
+.submitted {
+	cursor: not-allowed;
+}
+
 /* PRACTICE MODE */
 #practice-prompt {
     display: flex;
diff --git a/assets/styles/mobile_style.css b/assets/styles/mobile_style.css
index 66343cde..394ed754 100644
--- a/assets/styles/mobile_style.css
+++ b/assets/styles/mobile_style.css
@@ -146,6 +146,7 @@ a {
     width:fit-content;  
     margin-left: auto;
     margin-right: auto;
+	cursor: pointer;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 
@@ -233,6 +234,7 @@ a {
     aspect-ratio: 1/1;
     align-items: center;
     margin: 10px;
+	cursor: pointer;
 }
 
 .prompt.clicked {
@@ -240,6 +242,10 @@ a {
     box-shadow: 0px 0px 0px black;
 }
 
+.submitted {
+	cursor: not-allowed;
+}
+
 /* PRACTICE MODE */
 #practice-prompt {
     display: flex;

From 21535f35057a065035ea08436d70af6a8c7f79ca Mon Sep 17 00:00:00 2001
From: "J. Gerhards" <g1.jasger@gmail.com>
Date: Fri, 2 Feb 2024 17:54:17 +0100
Subject: [PATCH 3/3] removed unneccessary style attributes in html

---
 assets/styles/large_style.css  |  1 +
 assets/styles/mobile_style.css |  1 +
 practice_game.html             |  4 ++--
 solo_game.html                 | 12 ++++++------
 spelloff.html                  |  4 ++--
 youtube.html                   |  4 ++--
 6 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/assets/styles/large_style.css b/assets/styles/large_style.css
index 7af3a10d..b8b8456f 100644
--- a/assets/styles/large_style.css
+++ b/assets/styles/large_style.css
@@ -233,6 +233,7 @@ a {
     align-items: center;
     vertical-align: middle;
 	cursor: pointer;
+	font-size: 24pt;
 }
 
 .prompt.clicked {
diff --git a/assets/styles/mobile_style.css b/assets/styles/mobile_style.css
index 394ed754..8f9ddd26 100644
--- a/assets/styles/mobile_style.css
+++ b/assets/styles/mobile_style.css
@@ -235,6 +235,7 @@ a {
     align-items: center;
     margin: 10px;
 	cursor: pointer;
+	font-size: 24pt;
 }
 
 .prompt.clicked {
diff --git a/practice_game.html b/practice_game.html
index 757c9a76..73c34f14 100644
--- a/practice_game.html
+++ b/practice_game.html
@@ -25,7 +25,7 @@ <h1 class="boxed" id="header-title"><span class="">Spellcheck</span></h1>
             <i class="" id="total-count"></i>
         </div>
         <div id="practice-prompt">
-            <div id="word-one" class="prompt boxed btn fa fa-play-circle" style="font-size: 24pt;">
+            <div id="word-one" class="prompt boxed btn fa fa-play-circle">
                 <audio id="word-one-player" src="" loop></audio>
             </div>
             <input id="attempt-box" type="text" placeholder="start typing..." readonly>
@@ -46,4 +46,4 @@ <h1 class="boxed" id="header-title"><span class="">Spellcheck</span></h1>
 </body>
 <script src="assets/scripts/wordLstGenerator.js"></script>
 <script src="assets/scripts/practice.js"></script> 
-</html>
\ No newline at end of file
+</html>
diff --git a/solo_game.html b/solo_game.html
index a4344c2a..8c96f970 100644
--- a/solo_game.html
+++ b/solo_game.html
@@ -24,23 +24,23 @@ <h1 class="boxed" id="header-title"><span class="">Spellcheck</span></h1>
             <h2 class="boxed-black" id="level">Level One: Easy</h2>
         </div>
         <div id="word-prompts">
-            <div id="word-one" class="prompt boxed btn fa fa-play-circle" style="font-size: 24pt;">
+            <div id="word-one" class="prompt boxed btn fa fa-play-circle">
                 <audio id="word-one-player" src="" loop></audio>
             </div>
 
-            <div id="word-two" class="prompt boxed btn fa fa-play-circle" style="font-size: 24pt;">
+            <div id="word-two" class="prompt boxed btn fa fa-play-circle">
                 <audio id="word-two-player" src="" loop></audio>
             </div>
 
-            <div id="word-three" class="prompt boxed btn fa fa-play-circle" style="font-size: 24pt;">
+            <div id="word-three" class="prompt boxed btn fa fa-play-circle">
                 <audio id="word-three-player" src="" loop></audio>
             </div>
 
-            <div id="word-four" class="prompt boxed btn fa fa-play-circle" style="font-size: 24pt;">
+            <div id="word-four" class="prompt boxed btn fa fa-play-circle">
                 <audio id="word-four-player" src="" loop></audio>
             </div>
 
-            <div id="word-five" class="prompt boxed btn fa fa-play-circle" style="font-size: 24pt;">
+            <div id="word-five" class="prompt boxed btn fa fa-play-circle">
                 <audio id="word-five-player" src="" loop></audio>
             </div>
         </div>
@@ -62,4 +62,4 @@ <h2 class="boxed-black" id="level">Level One: Easy</h2>
 </body>
 <script src="assets/scripts/wordLstGenerator.js"></script>
 <script src="assets/scripts/keyboard.js"></script> 
-</html>
\ No newline at end of file
+</html>
diff --git a/spelloff.html b/spelloff.html
index 037fd45f..bacd681d 100644
--- a/spelloff.html
+++ b/spelloff.html
@@ -24,7 +24,7 @@ <h1 class="boxed" id="header-title"><span class="">Spell Off</span></h1>
             <h2 class="boxed-black" id="count"></h2>
         </div>
         <div id="practice-prompt">
-            <div id="word-one" class="prompt boxed btn fa fa-play-circle" style="font-size: 24pt;">
+            <div id="word-one" class="prompt boxed btn fa fa-play-circle">
                 <audio id="word-one-player" src="" loop></audio>
             </div>
             <input id="attempt-box" type="text" placeholder="start typing..." readonly>
@@ -44,4 +44,4 @@ <h2 class="boxed-black" id="count"></h2>
 </body>
 <script src="assets/scripts/wordLstGenerator.js"></script>
 <script src="assets/scripts/spelloff.js"></script> 
-</html>
\ No newline at end of file
+</html>
diff --git a/youtube.html b/youtube.html
index 001b5f08..0271c3d0 100644
--- a/youtube.html
+++ b/youtube.html
@@ -24,7 +24,7 @@ <h1 class="boxed" id="header-title"><span class="">Spellcheck</span></h1>
             <h2 class="boxed-black" id="count"></h2>
         </div>
         <div id="practice-prompt">
-            <div id="word-one" class="prompt boxed btn fa fa-play-circle" style="font-size: 24pt;">
+            <div id="word-one" class="prompt boxed btn fa fa-play-circle">
                 <audio id="word-one-player" src="" loop></audio>
             </div>
             <input id="attempt-box" type="text" placeholder="start typing..." readonly>
@@ -44,4 +44,4 @@ <h2 class="boxed-black" id="count"></h2>
 </body>
 <script src="assets/scripts/wordLstGenerator.js"></script>
 <script src="assets/scripts/youtube.js"></script> 
-</html>
\ No newline at end of file
+</html>