From 795232df28636008d471a29b35e0ee9e2e6d1634 Mon Sep 17 00:00:00 2001
From: HaddeeAndd <haddeeann@gmail.com>
Date: Sun, 24 Dec 2023 11:33:46 -0500
Subject: [PATCH 1/3] The gitignore shouldn't have a .text file extension, add
 a go home to all the games. Renamed the classes so that the JavaScript
 wouldn't affect the home button, so styles and JavaScript are different.

---
 .gitignore             |  3 +++
 .gitignore.txt         |  1 -
 BubbleGame/index.html  |  1 +
 BubbleGame/script.js   |  2 +-
 BubbleGame/style.css   |  2 ++
 DevQuiz/index.html     |  7 ++++---
 DevQuiz/style.css      | 16 ++++++++--------
 tic-tac-toe/index.html |  3 ++-
 tic-tac-toe/style.css  |  2 ++
 9 files changed, 23 insertions(+), 14 deletions(-)
 create mode 100644 .gitignore
 delete mode 100644 .gitignore.txt

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..8d2c9e8
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+.vscode
+.idea
+./DevQuiz/.vscode
\ No newline at end of file
diff --git a/.gitignore.txt b/.gitignore.txt
deleted file mode 100644
index 722d5e7..0000000
--- a/.gitignore.txt
+++ /dev/null
@@ -1 +0,0 @@
-.vscode
diff --git a/BubbleGame/index.html b/BubbleGame/index.html
index 493de12..06924b6 100644
--- a/BubbleGame/index.html
+++ b/BubbleGame/index.html
@@ -44,6 +44,7 @@ <h1>game over</h1>
         <h3>your score:&nbsp<span class="current-score">0</span></h3>
         <h3>High score:&nbsp<span class="high-score">0</span></h3>
         <button class="video-game-button">PLAY AGAIN</button>
+        <a href="../index.html" class="video-game-button">HOME</a>
     </div>
     <div class="main">
       <div class="main-panel">
diff --git a/BubbleGame/script.js b/BubbleGame/script.js
index a91bd5a..666528f 100644
--- a/BubbleGame/script.js
+++ b/BubbleGame/script.js
@@ -70,7 +70,7 @@ function getHighScore() {
     }
 }
 
-var time = 60;
+var time = 5;
 timerBox.innerHTML = time;
 function timeFunction() {
     var timerInterval = setInterval(() => {
diff --git a/BubbleGame/style.css b/BubbleGame/style.css
index 51bc83f..9877c8a 100644
--- a/BubbleGame/style.css
+++ b/BubbleGame/style.css
@@ -207,6 +207,8 @@ body{
     transform-style: preserve-3d;
     -webkit-transition: background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
     transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
+    margin-bottom: .5em;
+    text-align: center;
 }
 
 .video-game-button::before {
diff --git a/DevQuiz/index.html b/DevQuiz/index.html
index 2f3f16a..f0746af 100644
--- a/DevQuiz/index.html
+++ b/DevQuiz/index.html
@@ -33,9 +33,10 @@ <h3 class="remark-emoji">{emo}</h3>
                     <h3 class="score-section">score: <span class="score-box">0</span>/<span class="total-score">0<script></script></span></h3>
                     <h3 class="percent">( 0% )</h3>
                     <br><br>
-                    <span class="btn">&emsp;&emsp;<button class="restart-btn">restartQuiz<span class="btn-brackets">()</span><span class="btn-colon">;</span></button></span>
-
-
+                    <div>
+                        <span class="btn">&emsp;&emsp;<button class="end-game-btn restart-btn">restartQuiz<span class="btn-brackets">()</span><span class="btn-colon">;</span></button></span>
+                        <span class="btn"><a href="../index.html" class="end-game-btn">home</a></span>
+                    </div>
                 </span>
                 <br>
                 <span class="brackets">}</span>
diff --git a/DevQuiz/style.css b/DevQuiz/style.css
index b4570ea..5a69baa 100644
--- a/DevQuiz/style.css
+++ b/DevQuiz/style.css
@@ -95,7 +95,7 @@ body{
 }
 
 .start-btn,
-.restart-btn{
+.end-game-btn{
     background-color: transparent;
     border: 1px solid white;
     padding: 10px 25px;
@@ -107,27 +107,27 @@ body{
     font-size: 1.3vw;
 }
 
-.restart-btn{
-    margin-right: 4vw;
+.end-game-btn{
+    margin-right: 1em;
 }
 
 .start-btn:hover,
-.restart-btn:hover{
+.end-game-btn:hover{
     color: #4def74;
 }
 
 .start-btn:hover .btn-brackets,
-.restart-btn:hover .btn-brackets{
+.end-game-btn:hover .btn-brackets{
     color: #2c4f9e;
 }
 
 .start-btn:hover .btn-colon,
-.restart-btn:hover .btn-colon{
+.end-game-btn:hover .btn-colon{
     color: #5aceff;
 }
 
 .start-btn:active,
-.restart-btn:active{
+.end-game-btn:active{
     border-color: #db78a1;
 }
 
@@ -370,7 +370,7 @@ body{
     }
     
     .start-btn,
-    .restart-btn{
+    .end-game-btn{
         padding: 10px 25px;
         border-radius: 30px;
         font-size: 5vw;
diff --git a/tic-tac-toe/index.html b/tic-tac-toe/index.html
index 63ed696..4903fc0 100644
--- a/tic-tac-toe/index.html
+++ b/tic-tac-toe/index.html
@@ -30,7 +30,8 @@ <h3>Multiplayer</h3>
     <div class="win-screen">
         <h1 id="win-msg"><span class="winner-name"></span> is the <span class="winner">winner</span>!!</h1>
         <h1 id="draw-msg" style="color:yellow;" hidden>Game Drawn</h1>
-        <button class="video-game-button-end">Restart</button>
+        <button class="video-game-button-restart video-game-button-end">Restart</button>
+        <a href="../index.html" class="video-game-button-end">Home</a>
     </div>
     <div class="main">
         <h1><span class="player">X</span>'s Turn</h1>
diff --git a/tic-tac-toe/style.css b/tic-tac-toe/style.css
index 4931c80..586536f 100644
--- a/tic-tac-toe/style.css
+++ b/tic-tac-toe/style.css
@@ -194,6 +194,8 @@ body{
     transform-style: preserve-3d;
     -webkit-transition: background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
     transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
+    margin-bottom: .5em;
+    text-align: center;
 }
 
 .video-game-button-end::before {

From f61d161106eb7abe0fd3351bea9de31969ec6fc2 Mon Sep 17 00:00:00 2001
From: HaddeeAndd <haddeeann@gmail.com>
Date: Sun, 24 Dec 2023 11:35:58 -0500
Subject: [PATCH 2/3] oops, changing time back to 60 seconds. I put it at 5
 seconds for testing.

---
 BubbleGame/script.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/BubbleGame/script.js b/BubbleGame/script.js
index 666528f..a91bd5a 100644
--- a/BubbleGame/script.js
+++ b/BubbleGame/script.js
@@ -70,7 +70,7 @@ function getHighScore() {
     }
 }
 
-var time = 5;
+var time = 60;
 timerBox.innerHTML = time;
 function timeFunction() {
     var timerInterval = setInterval(() => {

From 69a3029867219656863dd77bfc0827dbe584cc8e Mon Sep 17 00:00:00 2001
From: HaddeeAndd <haddeeann@gmail.com>
Date: Mon, 12 Feb 2024 20:37:56 -0500
Subject: [PATCH 3/3] don't open in a new tab, open in the same window. If we
 go home within the same window we don't have to open in a new tab

---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 04c8ff5..2473880 100644
--- a/index.html
+++ b/index.html
@@ -86,17 +86,17 @@ <h1>Web Games</h1>
     </nav>
 
     <div class="main-content">
-      <a href="tic-tac-toe/index.html" class="game game1" target="_blank">
+      <a href="tic-tac-toe/index.html" class="game game1">
         <img src="assets/tic-tac-toe.png" alt="" />
         <h3 class="game-text">Tic-Tac-Toe</h3>
       </a>
 
-      <a href="BubbleGame/index.html" class="game game1" target="_blank">
+      <a href="BubbleGame/index.html" class="game game1">
         <img src="assets/the_bubble_game.png" alt="" />
         <h3 class="game-text">The Bubble Game</h3>
       </a>
 
-      <a href="DevQuiz/index.html" class="game game1" target="_blank">
+      <a href="DevQuiz/index.html" class="game game1">
         <img src="assets/dev_quiz.png" alt="" />
         <h3 class="game-text">Dev Quiz</h3>
       </a>