From 20c89112149c83f20e90e7e0ec931afc85c6ffda Mon Sep 17 00:00:00 2001
From: Diganta Kr Banik <digantabanik2000@gmail.com>
Date: Sat, 1 Oct 2022 01:17:39 +0530
Subject: [PATCH 1/5] removed scroll bar for large screens and customised it in
 the why class quiz

---
 frontend/src/app.css             | 21 +++++++++++++++++++++
 frontend/src/routes/+page.svelte |  3 ++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app.css b/frontend/src/app.css
index 4e0de9d..cd90184 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -32,3 +32,24 @@
 		@apply px-4 py-2 leading-5 text-white transition-colors duration-200 transform bg-gray-700 rounded text-center hover:bg-gray-600 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50;
 	}
 }
+
+#why-classquiz::-webkit-scrollbar {
+	height: 0.8rem;
+	margin-bottom: 5rem;
+}
+
+#why-classquiz::-webkit-scrollbar-track {
+	box-shadow: inset 0 0 10px 10px transparent;
+	border: solid 3px transparent;
+}
+
+#why-classquiz::-webkit-scrollbar-thumb {
+	box-shadow: inset 0 0 10px 10px #374151;
+	border: solid 3px transparent;
+	border-radius: 15px;
+}
+
+#why-classquiz::-webkit-scrollbar-thumb:hover {
+	box-shadow: inset 0 0 10px 10px #555;
+	border: solid 3px transparent;
+}
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 30028eb..bdd8214 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -490,7 +490,8 @@
 				</div>
 			</div>
 			<div
-				class="lg:border-l lg:border-l-black lg:border-t-0 border-t border-t-black flex lg:flex-col flex-row stretch overflow-x-scroll"
+				id="why-classquiz"
+				class="lg:border-l lg:border-l-black lg:border-t-0 border-t border-t-black flex lg:flex-col flex-row stretch overflow-x-auto"
 			>
 				{#each classquiz_reasons as reason, index}
 					<div

From 36b3072d64c6aba7f1e8fc31c1d9a6c5efc97b91 Mon Sep 17 00:00:00 2001
From: Diganta Kr Banik <digantabanik2000@gmail.com>
Date: Sat, 1 Oct 2022 22:22:19 +0530
Subject: [PATCH 2/5] changed id to class

---
 frontend/src/app.css             | 8 ++++----
 frontend/src/routes/+page.svelte | 3 +--
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app.css b/frontend/src/app.css
index cd90184..24c1c68 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -33,23 +33,23 @@
 	}
 }
 
-#why-classquiz::-webkit-scrollbar {
+.why-classquiz::-webkit-scrollbar {
 	height: 0.8rem;
 	margin-bottom: 5rem;
 }
 
-#why-classquiz::-webkit-scrollbar-track {
+.why-classquiz::-webkit-scrollbar-track {
 	box-shadow: inset 0 0 10px 10px transparent;
 	border: solid 3px transparent;
 }
 
-#why-classquiz::-webkit-scrollbar-thumb {
+.why-classquiz::-webkit-scrollbar-thumb {
 	box-shadow: inset 0 0 10px 10px #374151;
 	border: solid 3px transparent;
 	border-radius: 15px;
 }
 
-#why-classquiz::-webkit-scrollbar-thumb:hover {
+.why-classquiz::-webkit-scrollbar-thumb:hover {
 	box-shadow: inset 0 0 10px 10px #555;
 	border: solid 3px transparent;
 }
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index bdd8214..089f0b6 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -490,8 +490,7 @@
 				</div>
 			</div>
 			<div
-				id="why-classquiz"
-				class="lg:border-l lg:border-l-black lg:border-t-0 border-t border-t-black flex lg:flex-col flex-row stretch overflow-x-auto"
+				class="lg:border-l lg:border-l-black lg:border-t-0 border-t border-t-black flex lg:flex-col flex-row stretch overflow-x-auto why-classquiz"
 			>
 				{#each classquiz_reasons as reason, index}
 					<div

From c7d9eaaae50a1f0bf8f897cb91273464e5275160 Mon Sep 17 00:00:00 2001
From: Diganta Kr Banik <digantabanik2000@gmail.com>
Date: Sat, 1 Oct 2022 22:24:29 +0530
Subject: [PATCH 3/5] changed css to style block

---
 frontend/src/app.css             | 21 ---------------------
 frontend/src/routes/+page.svelte | 24 ++++++++++++++++++++++++
 2 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/frontend/src/app.css b/frontend/src/app.css
index 24c1c68..4e0de9d 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -32,24 +32,3 @@
 		@apply px-4 py-2 leading-5 text-white transition-colors duration-200 transform bg-gray-700 rounded text-center hover:bg-gray-600 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50;
 	}
 }
-
-.why-classquiz::-webkit-scrollbar {
-	height: 0.8rem;
-	margin-bottom: 5rem;
-}
-
-.why-classquiz::-webkit-scrollbar-track {
-	box-shadow: inset 0 0 10px 10px transparent;
-	border: solid 3px transparent;
-}
-
-.why-classquiz::-webkit-scrollbar-thumb {
-	box-shadow: inset 0 0 10px 10px #374151;
-	border: solid 3px transparent;
-	border-radius: 15px;
-}
-
-.why-classquiz::-webkit-scrollbar-thumb:hover {
-	box-shadow: inset 0 0 10px 10px #555;
-	border: solid 3px transparent;
-}
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 089f0b6..770fc59 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -140,6 +140,30 @@
 		content="ClassQuiz is a quiz-application like KAHOOT!, but open-source. You can create quizzes and play them remotely with other people."
 	/>
 	<meta name="twitter:image" content={WebPOpenGraph} />
+	<style>
+		
+		.why-classquiz::-webkit-scrollbar {
+			height: 0.8rem;
+			margin-bottom: 5rem;
+		}
+
+		.why-classquiz::-webkit-scrollbar-track {
+			box-shadow: inset 0 0 10px 10px transparent;
+			border: solid 3px transparent;
+		}
+
+		.why-classquiz::-webkit-scrollbar-thumb {
+			box-shadow: inset 0 0 10px 10px #374151;
+			border: solid 3px transparent;
+			border-radius: 15px;
+		}
+
+		.why-classquiz::-webkit-scrollbar-thumb:hover {
+			box-shadow: inset 0 0 10px 10px #555;
+			border: solid 3px transparent;
+		}
+
+	</style>
 </svelte:head>
 
 <!--<div class="min-h-screen flex flex-col">

From 7a0d726b9eff7910edd12b406ab7bc8376654ad3 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Sat, 1 Oct 2022 16:54:48 +0000
Subject: [PATCH 4/5] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 frontend/src/routes/+page.svelte | 2 --
 1 file changed, 2 deletions(-)

diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 770fc59..7789db1 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -141,7 +141,6 @@
 	/>
 	<meta name="twitter:image" content={WebPOpenGraph} />
 	<style>
-		
 		.why-classquiz::-webkit-scrollbar {
 			height: 0.8rem;
 			margin-bottom: 5rem;
@@ -162,7 +161,6 @@
 			box-shadow: inset 0 0 10px 10px #555;
 			border: solid 3px transparent;
 		}
-
 	</style>
 </svelte:head>
 

From 9be3904a2736df406c85183e33d82e55d3a419a4 Mon Sep 17 00:00:00 2001
From: Mawoka <git@mawoka.eu>
Date: Sat, 1 Oct 2022 21:55:33 +0200
Subject: [PATCH 5/5] Moved style-block out of head-block

---
 frontend/src/routes/+page.svelte | 45 ++++++++++++++++----------------
 1 file changed, 23 insertions(+), 22 deletions(-)

diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 7789db1..131cbf0 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -140,28 +140,6 @@
 		content="ClassQuiz is a quiz-application like KAHOOT!, but open-source. You can create quizzes and play them remotely with other people."
 	/>
 	<meta name="twitter:image" content={WebPOpenGraph} />
-	<style>
-		.why-classquiz::-webkit-scrollbar {
-			height: 0.8rem;
-			margin-bottom: 5rem;
-		}
-
-		.why-classquiz::-webkit-scrollbar-track {
-			box-shadow: inset 0 0 10px 10px transparent;
-			border: solid 3px transparent;
-		}
-
-		.why-classquiz::-webkit-scrollbar-thumb {
-			box-shadow: inset 0 0 10px 10px #374151;
-			border: solid 3px transparent;
-			border-radius: 15px;
-		}
-
-		.why-classquiz::-webkit-scrollbar-thumb:hover {
-			box-shadow: inset 0 0 10px 10px #555;
-			border: solid 3px transparent;
-		}
-	</style>
 </svelte:head>
 
 <!--<div class="min-h-screen flex flex-col">
@@ -539,3 +517,26 @@
 	</div>
 {/if}
 <Footer />
+
+<style>
+	.why-classquiz::-webkit-scrollbar {
+		height: 0.8rem;
+		margin-bottom: 5rem;
+	}
+
+	.why-classquiz::-webkit-scrollbar-track {
+		box-shadow: inset 0 0 10px 10px transparent;
+		border: solid 3px transparent;
+	}
+
+	.why-classquiz::-webkit-scrollbar-thumb {
+		box-shadow: inset 0 0 10px 10px #374151;
+		border: solid 3px transparent;
+		border-radius: 15px;
+	}
+
+	.why-classquiz::-webkit-scrollbar-thumb:hover {
+		box-shadow: inset 0 0 10px 10px #555;
+		border: solid 3px transparent;
+	}
+</style>