HackYourFutureBelgium · EL1VAS · Nov 6, 2025 · Nov 6, 2025 · Nov 6, 2025 · Nov 6, 2025
diff --git a/.prettierrc b/.prettierrc
@@ -12,7 +12,7 @@
   "requirePragma": false,
   "semi": true,
   "singleQuote": false,
-  "tabWidth": 2,
+  "tabWidth": 4,
   "trailingComma": "es5",
   "useTabs": false,
   "vueIndentScriptAndStyle": false

diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html
@@ -1,15 +1,28 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Title here</title>
-    <script defer src="quotes.js"></script>
-  </head>
-  <body>
-    <h1>hello there</h1>
-    <p id="quote"></p>
-    <p id="author"></p>
-    <button type="button" id="new-quote">New quote</button>
-  </body>
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Quote generator app</title>
+        <link rel="stylesheet" href="style.css" />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Bad+Script&display=swap"
+            rel="stylesheet"
+        />
+        <script defer src="quotes.js"></script>
+    </head>
+    <body>
+        <div class="container">
+            <h1>~ Food for thought ~</h1>
+            <p id="quote" class="bad-script-regular"></p>
+            <p id="author" class="bad-script-small"></p>
+            <button type="button" id="new-quote">New quote</button>
+            <div class="auto-toggle-row">
+                <input type="checkbox" id="auto-toggle" />
+                <span id="auto-status" class="auto-status"></span>
+            </div>
+        </div>
+    </body>
 </html>
diff --git a/Sprint-3/quote-generator/package.json b/Sprint-3/quote-generator/package.json
@@ -13,5 +13,11 @@
   "bugs": {
     "url": "https://github.com/CodeYourFuture/CYF-Coursework-Template/issues"
   },
-  "homepage": "https://github.com/CodeYourFuture/CYF-Coursework-Template#readme"
+  "homepage": "https://github.com/CodeYourFuture/CYF-Coursework-Template#readme",
+  "devDependencies": {
+    "@testing-library/user-event": "^14.6.1"
+  },
+  "dependencies": {
+    "fresh": "^0.5.2"
+  }
 }