⬆️ Updated dependencies

frontend/package.json

@@ -3,7 +3,7 @@
 	"version": "0.0.1",
 	"scripts": {
 		"dev": "svelte-kit dev",
-		"build": "svelte-kit build",
+		"build": "NODE_ENV=production svelte-kit build",
 		"package": "svelte-kit package",
 		"preview": "svelte-kit preview",
 		"check": "svelte-check --tsconfig ./tsconfig.json",
@@ -14,51 +14,51 @@
 		"translations-scan": "i18next-scanner --config i18next-scanner.config.engine.cjs src/**/*.svelte"
 	},
 	"devDependencies": {
-		"@felte/validator-yup": "^1.0.1",
-		"@fontsource/marck-script": "^4.5.2",
-		"@sentry/browser": "^6.18.2",
-		"@sentry/tracing": "^6.18.2",
+		"@felte/validator-yup": "^1.0.3",
+		"@fontsource/marck-script": "^4.5.5",
+		"@sentry/browser": "^6.19.6",
+		"@sentry/tracing": "^6.19.6",
 		"@sveltejs/adapter-auto": "next",
-		"@sveltejs/adapter-node": "^1.0.0-next.71",
+		"@sveltejs/adapter-node": "^1.0.0-next.73",
 		"@sveltejs/kit": "next",
-		"@tailwindcss/typography": "^0.5.0-alpha.3",
+		"@tailwindcss/typography": "^0.5.2",
 		"@types/cookie": "^0.4.1",
-		"@types/ioredis": "^4.28.10",
 		"@types/js-cookie": "^3.0.1",
-		"@types/luxon": "^2.0.9",
+		"@types/luxon": "^2.3.1",
 		"@types/yup": "^0.29.13",
-		"@typescript-eslint/eslint-plugin": "^5.10.1",
-		"@typescript-eslint/parser": "^5.10.1",
-		"autoprefixer": "^10.4.2",
-		"cookie": "^0.4.2",
-		"eslint": "^7.32.0",
-		"eslint-config-prettier": "^8.3.0",
-		"eslint-plugin-svelte3": "^3.2.1",
-		"felte": "^1.0.1",
-		"highlight.js": "^11.4.0",
+		"@typescript-eslint/eslint-plugin": "^5.19.0",
+		"@typescript-eslint/parser": "^5.19.0",
+		"autoprefixer": "^10.4.4",
+		"cookie": "^0.5.0",
+		"cssnano": "^5.1.7",
+		"eslint": "^8.13.0",
+		"eslint-config-prettier": "^8.5.0",
+		"eslint-plugin-svelte3": "^3.4.1",
+		"felte": "^1.1.5",
+		"highlight.js": "^11.5.1",
 		"i18next-browser-languagedetector": "^6.1.4",
-		"ioredis": "^4.28.5",
+		"ioredis": "^5.0.4",
 		"js-cookie": "^3.0.1",
 		"luxon": "^2.3.1",
-		"node-fetch": "^3.2.0",
-		"postcss": "^8.4.5",
-		"postcss-load-config": "^3.1.1",
-		"prettier": "^2.5.1",
-		"prettier-plugin-svelte": "^2.5.0",
-		"sass": "^1.49.9",
+		"node-fetch": "^3.2.3",
+		"postcss": "^8.4.12",
+		"postcss-load-config": "^3.1.4",
+		"prettier": "^2.6.2",
+		"prettier-plugin-svelte": "^2.7.0",
+		"sass": "^1.50.0",
 		"socket.io-client": "^4.4.1",
-		"svelte": "^3.44.0",
-		"svelte-check": "^2.2.6",
-		"svelte-preprocess": "^4.10.1",
+		"svelte": "^3.47.0",
+		"svelte-check": "^2.6.0",
+		"svelte-preprocess": "^4.10.5",
 		"sveltejs-tippy": "^3.0.0",
 		"swiper": "^8.1.0",
-		"tailwindcss": "^3.0.12",
+		"tailwindcss": "^3.0.24",
 		"tslib": "^2.3.1",
-		"typescript": "~4.5.4",
+		"typescript": "~4.6",
 		"yup": "^0.32.11"
 	},
 	"type": "module",
 	"dependencies": {
-		"i18next": "^21.6.14"
+		"i18next": "^21.6.16"
 	}
 }

frontend/postcss.config.cjs

@@ -1,12 +1,14 @@
 const tailwindcss = require('tailwindcss');
 const autoprefixer = require('autoprefixer');
+const cssnano = require('cssnano');
 
 const config = {
 	plugins: [
 		//Some plugins, like tailwindcss/nesting, need to run before Tailwind,
 		tailwindcss(),
 		//But others, like autoprefixer, need to run after,
-		autoprefixer
+		autoprefixer,
+		cssnano({ preset: 'default' })
 	]
 };
 

frontend/src/app.css

@@ -2,7 +2,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-@fontsource /marck-script;
+/*@fontsource/marck-script;*/
 
 .marck-script {
 	font-family: 'Marck Script';

frontend/src/routes/docs/develop.svelte

@@ -6,7 +6,7 @@
 	/>
 </svelte:head>
 <article
-	class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-pink text-yellow-50 px-4"
+	class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-slate text-yellow-50 px-4"
 >
 	<h1>Development-setup</h1>
 

frontend/src/routes/docs/import-from-kahoot.svelte

@@ -5,9 +5,7 @@
 		content="How to import quizzes from KAHOOT! into ClassQuiz, the open-source quiz-application,  easily"
 	/>
 </svelte:head>
-<article
-	class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-pink text-yellow-50 px-4"
->
+<article class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-slate px-4">
 	<h1>Import Quizzes from Kahoot into ClassQuiz</h1>
 
 	<p>

frontend/src/routes/docs/index.svelte

@@ -5,9 +5,7 @@
 		content="The overview about the docs for ClassQuiz, the open-source quiz-application"
 	/>
 </svelte:head>
-<article
-	class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-pink text-yellow-50 px-4"
->
+<article class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-slate px-4">
 	<h1>Welcome to the ClassQuiz docs!</h1>
 	<h2>Index</h2>
 	<ul>

frontend/src/routes/docs/roadmap.svelte

@@ -5,9 +5,7 @@
 		content="The roadmap for ClassQuiz, the open-source quiz-application"
 	/>
 </svelte:head>
-<article
-	class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-pink text-yellow-50 px-4"
->
+<article class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-slate px-4">
 	<h1>Roadmap</h1>
 
 	<ul>

frontend/src/routes/docs/self-host.svelte

@@ -15,9 +15,7 @@
 		content="How to self-host ClassQuiz, the open-source quiz-application"
 	/>
 </svelte:head>
-<article
-	class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-pink text-yellow-50 px-4"
->
+<article class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-gray px-4">
 	<h1>Self-Hosting</h1>
 	<p>Since ClassQuiz is open-source, it can also be self-hosted.</p>
 

frontend/tailwind.config.cjs

@@ -11,9 +11,10 @@ const config = {
 			typography: (theme) => ({
 				DEFAULT: {
 					css: {
-						color: theme('colors.yellow.50'),
+						// color: theme('colors.yellow.50'),
 						textDecoration: 'none',
-						a: {
+						textColor: '#000',
+						/*a: {
 							color: theme('colors.blue.200')
 						},
 						blockquote: {
@@ -36,7 +37,7 @@ const config = {
 						},
 						strong: {
 							color: theme('colors.yellow.50')
-						},
+						},*/
 						'code::before': {
 							content: '""',
 							'padding-left': '0.25rem'