Cargo.toml

@@ -16,10 +16,9 @@ include_dir = { version = "0.7" }
 
 [features]
 default = ["desktop"]
-bundled = []
 web = ["dioxus/web"]
 desktop = ["dioxus/desktop"]
-mobile = ["dioxus/mobile", "bundled"]
+mobile = ["dioxus/mobile"]
 
 [profile]
 

assets/main.css

@@ -12,11 +12,6 @@
 	--selection-shadow: gold;
 }
 
-html {
-	font-size: 62.5%;
-	scroll-behavior: smooth;
-}
-
 body {
 	background-color: #0f1116;
 	color: var(--text);
@@ -52,25 +47,19 @@ body {
 #result {
 	display: none;
 	position: absolute;
-	top: 40%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-	justify-content: center;
-	align-items: center;
-	user-select: none;
+	width: 100%;
+	font-size: 40vw;
+	margin: auto;
+	text-align: center;
+	line-height: 1;
 	opacity: 0;
-	cursor: default;
+	user-select: none;
 
 	&.visible {
-		display: flex;
+		display: block;
 		animation: 200ms fade-in forwards;
 	}
 
-	> div {
-		position: relative;
-		text-align: center;
-		font-size: 40vw;
-
 	&.correct {
 		color: var(--correct);
 		text-shadow: var(--correct-shadow) 0px 0px 30px;
@@ -80,7 +69,6 @@ body {
 		color: var(--fail);
 		text-shadow: var(--fail-shadow) 0px 0px 30px;
 	}
-	}
 }
 
 @keyframes fade-in {
@@ -103,7 +91,6 @@ form {
 	user-select: none;
 
 	h1 {
-		font-size: 3vw;
 		text-wrap: balance;
 
 		&.correct {
@@ -133,6 +120,10 @@ form {
 			box-shadow: 0px 0px 13px -5px var(--selection-shadow);
 		}
 
+		&:hover:not(.selected) {
+			border: solid 1px var(--hoveer);
+		}
+
 		> input[type="checkbox"] {
 			display: none;
 			scale: 1.5;
@@ -142,6 +133,11 @@ form {
 		> label {
 			flex-grow: 1;
 		}
+
+		&:hover,
+		> *:hover {
+			cursor: pointer;
+		}
 	}
 
 	> input[type="submit"] {
@@ -152,41 +148,14 @@ form {
 		color: white;
 		font-size: 42px;
 
-		&:focus {
-			outline: none;
-		}
-	}
-}
-
-@media only screen and (max-width: 640px) {
-	form {
-		h1 {
-			font-size: 5vw;
-		}
-	}
-
-	#result > div {
-		font-size: 70vw;
-	}
-}
-
-@media (hover: hover) {
-	form {
-		> input[type="submit"]:hover {
+		&:hover {
 			font-size: 48px;
 			color: var(--selection);
 			cursor: pointer;
 		}
 
-		> div {
-			&:hover:not(.selected) {
-				border: solid 1px var(--hover);
-			}
-
-			&:hover,
-			> *:hover {
-				cursor: pointer;
-			}
+		&:focus {
+			outline: none;
 		}
 	}
 }

src/main.rs

@@ -1,9 +1,8 @@
-use std::{fs, sync::OnceLock, time::Duration};
+use std::{sync::OnceLock, time::Duration};
 
 #[cfg(feature = "desktop")]
 use dioxus::desktop::{Config, LogicalSize, WindowBuilder};
 use dioxus::prelude::*;
-#[cfg(feature = "bundled")]
 use include_dir::{Dir, include_dir};
 use models::{Question, Questions};
 use rand::seq::SliceRandom;
@@ -12,10 +11,7 @@ use std::env;
 
 mod models;
 
-#[cfg(feature = "bundled")]
 const QUESTIONS_DIR: Dir = include_dir!("./questions");
-#[cfg(feature = "desktop")]
-const DEFAULT_DIR: &str = "./questions";
 const MAIN_CSS: Asset = asset!("/assets/main.css");
 
 pub static QUESTIONS: OnceLock<Questions> = OnceLock::new();
@@ -25,16 +21,13 @@ fn get_questions() -> Questions {
 		.get_or_init(|| {
 			let mut questions = Questions::default();
 
-			#[cfg(feature = "bundled")]
-			{
-				for file in QUESTIONS_DIR.files() {
-					if let Some(content) = file.contents_utf8() {
+			for entry in QUESTIONS_DIR.files() {
+				if let Some(content) = entry.contents_utf8() {
 					if let Ok(other_questions) = toml::from_str(content) {
 						questions += other_questions;
 					}
 				}
 			}
-			}
 
 			#[cfg(feature = "desktop")]
 			{
@@ -56,16 +49,6 @@ fn get_questions() -> Questions {
 
 						questions += other_questions;
 					}
-				} else if questions.is_empty() {
-					if let Ok(dir) = fs::read_dir(DEFAULT_DIR) {
-						for file in dir.flatten() {
-							if let Ok(questions_str) = std::fs::read_to_string(file.path()) {
-								if let Ok(other_questions) = toml::from_str(&questions_str) {
-									questions += other_questions;
-								}
-							}
-						}
-					}
 				}
 			}
 
@@ -295,7 +278,6 @@ pub fn AnswerCheckbox(current: Signal<Question>, id: usize) -> Element {
 	}
 }
 
-#[allow(clippy::redundant_closure)]
 #[component]
 pub fn ResultPopup(is_correct: Signal<bool>, is_wrong: Signal<bool>) -> Element {
 	let is_correct = use_memo(move || is_correct());
@@ -306,12 +288,9 @@ pub fn ResultPopup(is_correct: Signal<bool>, is_wrong: Signal<bool>) -> Element
 		div {
 			id: "result",
 			class: if is_visible() { "visible" },
-
-			div {
 			class: if is_correct() { "correct" },
 			class: if is_wrong() { "wrong" },
 			if is_correct() { "✓" } else { "X" }
 		}
 	}
-	}
 }