From c9d384015a37ff7c0de95dbcf4f1ab22c3a3e7a2 Mon Sep 17 00:00:00 2001
From: Samuel Kent <maspenguin@gmail.com>
Date: Thu, 29 Dec 2022 09:20:58 +1100
Subject: [PATCH] Added font and did UI adjustments

---
 app.js               |   2 +-
 fonts/Twoson.eot     | Bin 0 -> 22580 bytes
 fonts/Twoson.ttf     | Bin 0 -> 22436 bytes
 fonts/Twoson.woff    | Bin 0 -> 2832 bytes
 fonts/Twoson.woff2   | Bin 0 -> 1700 bytes
 pages/home.html      |   3 ++-
 pages/host.html      |   7 ++++---
 pages/play.html      |   2 ++
 styles/styleMain.css |  44 ++++++++++++++++++++++++++++++++++++++-----
 9 files changed, 48 insertions(+), 10 deletions(-)
 create mode 100644 fonts/Twoson.eot
 create mode 100644 fonts/Twoson.ttf
 create mode 100644 fonts/Twoson.woff
 create mode 100644 fonts/Twoson.woff2

diff --git a/app.js b/app.js
index 36f74cc..572c0a6 100644
--- a/app.js
+++ b/app.js
@@ -112,7 +112,7 @@ app.get("/browserFunctions.js", (request, response) => {
 });
 
 //all files in these folders can be accessed with a GET request of the filename
-let assetFolders = ["styles","pages","images","audio"];
+let assetFolders = ["styles","pages","images","audio","fonts"];
 assetFolders.forEach((folderName) => {
   let folderContents = fs.readdirSync(folderName);
   folderContents.forEach((fileName) => {
diff --git a/fonts/Twoson.eot b/fonts/Twoson.eot
new file mode 100644
index 0000000000000000000000000000000000000000..89ce5eb8460bbfafa5ff4daf05ddb6e91fd38387
GIT binary patch
literal 22580
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
V)Ja?V6fc$*ADq9-ClPp`{{Y4h1mOSx

literal 0
HcmV?d00001

diff --git a/fonts/Twoson.ttf b/fonts/Twoson.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..9ee6b79550981ed113d1d0eb0f96d847ced5ed93
GIT binary patch
literal 22436
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

literal 0
HcmV?d00001

diff --git a/fonts/Twoson.woff b/fonts/Twoson.woff
new file mode 100644
index 0000000000000000000000000000000000000000..6768d70e8bb6b0a40e2fda09ba524a014bcafc90
GIT binary patch
literal 2832
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
b9DeyJJl+quS@~PPA*v4m6n=wLfck#`ug%o`

literal 0
HcmV?d00001

diff --git a/fonts/Twoson.woff2 b/fonts/Twoson.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..f5e6b597aa9e697a60164406efdf439dfaa828dd
GIT binary patch
literal 1700
zcmV;V23z@ePew8T0RR9100yK04gdfE09T{{00u|^0RR9100000000000000000000
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

literal 0
HcmV?d00001

diff --git a/pages/home.html b/pages/home.html
index 1ffb8af..d1109d9 100644
--- a/pages/home.html
+++ b/pages/home.html
@@ -3,6 +3,7 @@
 	<head>
 		<title>The cooler buzzer website</title>
 		<link rel="stylesheet" href="styleMain.css">
+		<!-- <link rel="preload" href="Twoson.woff2" as="font" type="font/woff2" crossorigin> -->
 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 		<!-- <script src="https:/socket.io/socket.io.js"></script> -->
 		<script>
@@ -41,7 +42,7 @@
 			<br>
 			Your name, please:
 			<br>
-			<input type="text" id="userName" placeholder="User name">
+			<input type="text" id="userName" placeholder="User name" style="margin-top: 10px; width: 240px;">
 			<br>
 			<br>
 			Then pick a team:
diff --git a/pages/host.html b/pages/host.html
index 90e8e53..3d504f1 100644
--- a/pages/host.html
+++ b/pages/host.html
@@ -3,6 +3,7 @@
 	<head>
 		<title>The cooler buzzer website</title>
 		<link rel="stylesheet" href="styleMain.css">
+		<!-- <link rel="preload" href="Twoson.woff2" as="font" type="font/woff2" crossorigin> -->
 		<script src="browserFunctions.js"></script>
 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 		<script src="http:/socket.io/socket.io.js"></script>
@@ -55,12 +56,12 @@
 			<p id="currentTeam"></p>
 			Progress:
 			<p id="currentScore"></p>			
-			<button id="plus0" type="button" style="width: 226px; height: 50px; margin: 5px;">+0 Points</button>
+			<button id="plus0" type="button" style="width: 230px; height: 50px; margin: 5px;">+0 Points</button>
 			<br>
 			<button id="plus1" type="button" style="width: 110px; height: 50px;">+1 Point</button>
 			<button id="plus2" type="button" style="width: 110px; height: 50px;">+2 Points</button>
-			<p style="font-size: 15px; margin: 5px;">(all points buttons clear buzzers)</p>
-			<br>
+			<p style="font-size: 11px; margin: 5px;">(all points buttons clear buzzers)</p>
+			<!-- <br> -->
 			<p id="firstBuzz"></p>
 			<br><br><br>
 			<button id="unregisterUsers" type="button" style="height: 30px;">Remove all players</button>
diff --git a/pages/play.html b/pages/play.html
index 182e7f9..4e0a61e 100644
--- a/pages/play.html
+++ b/pages/play.html
@@ -3,9 +3,11 @@
 	<head>
 		<title>The cooler buzzer website</title>
 		<link rel="stylesheet" href="styleMain.css">
+		<!-- <link rel="preload" href="Twoson.woff2" as="font" type="font/woff2" crossorigin> -->
 		<script src="browserFunctions.js"></script>
 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 		<script src="http:/socket.io/socket.io.js"></script>
+	
 		<script>
 			$(document).ready(function() {
 				var socket = io();
diff --git a/styles/styleMain.css b/styles/styleMain.css
index 975011e..be231e2 100644
--- a/styles/styleMain.css
+++ b/styles/styleMain.css
@@ -1,10 +1,21 @@
+
+
 body {
+    font-family: 'Twoson';
     color: rgb(255, 255, 255);
     background-color: rgb(23, 23, 23);
     font-size: 25px;
     padding: 20px 60px;
 }
 
+button {
+    font-family: 'Twoson';
+}
+
+input {
+    font-family: 'Twoson';
+}
+
 a, a:visited {
     color: rgb(199, 147, 255);
 }
@@ -22,13 +33,22 @@ a, a:visited {
 }
 
 #PlayersList {
+    /* font-family: "Lucida Console"; */
     position: absolute;
-    left: 200px;
+    left: 110px;
+    border: dashed;
+    width: 350px;
+    min-height: 130px;
+    padding-left: 5px;
 }
 
 #ChasersList {
     position: absolute;
-    left: 800px;
+    left: 724px;
+    border: dashed;
+    width: 350px;
+    min-height: 130px;
+    padding-left: 5px;
 }
 
 ul {
@@ -71,12 +91,26 @@ ul {
         top: 80px;
         width: 500px;
         margin-left: -250px;
-        font-size: 15px;
+        font-size: 11px;
     }
     #PlayersList {
-        left: 10px;
+        left: 0px;
+        width: 120px;
     }
     #ChasersList {
-        left: 350px;
+        left: 370px;
+        width: 120px;
     }
 }
+
+@font-face {
+    font-family: 'Twoson';
+    src: url('Twoson.eot');
+    src: url('Twoson.eot?#iefix') format('embedded-opentype'),
+        url('Twoson.woff2') format('woff2'),
+        url('Twoson.woff') format('woff'),
+        url('Twoson.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
\ No newline at end of file