Merge pull request #5 from SOORAJTS2001/feat/easter-eggs

feat: Add Makefile and remove the font on mobile page

Author: SOORAJTS2001

Makefile

@@ -0,0 +1,35 @@
+# --- CONFIG ---
+VENV = .venv
+PYTHON = python3
+POETRY = $(VENV)/bin/poetry
+
+# --- TARGETS ---
+
+.PHONY: all setup run clean
+
+all: run
+
+# Ensure venv exists
+$(VENV)/bin/activate:
+	@echo "👉 Creating virtual environment..."
+	@$(PYTHON) -m venv $(VENV)
+
+# Install Poetry inside venv if missing
+$(POETRY): $(VENV)/bin/activate
+	@echo "👉 Ensuring Poetry is installed..."
+	@. $(VENV)/bin/activate && \
+		(if ! command -v poetry >/dev/null 2>&1; then \
+			curl -sSL https://install.python-poetry.org | $(PYTHON) -; \
+		fi)
+
+setup: $(POETRY)
+	@echo "👉 Installing dependencies..."
+	@. $(VENV)/bin/activate && poetry install --no-root
+
+run: setup
+	@echo "👉 Running uvicorn server..."
+	@. $(VENV)/bin/activate && python app.py
+
+clean:
+	@echo "🧹 Cleaning up..."
+	@rm -rf $(VENV)

app.py

@@ -60,7 +60,7 @@ async def lifespan(app: FastAPI):
                 f"[bold cyan]1.[/bold cyan] Connect to the same Wi-Fi network",
                 f"[bold cyan]2.[/bold cyan] Scan the QR code",
                 f"[bold cyan]  [/bold cyan] Or [yellow]{mobile_page_url}[/yellow]",
-                f"[bold cyan]3.[/bold cyan] Go to the scroll area and enjoy!",
+                f"[bold cyan]3.[/bold cyan] That's it, Now do your Misclick!",
             ]
         ),
         title="Steps",

mobile_page/index.html

@@ -4,7 +4,6 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Misclick - Wrong Tool, for a reason</title>
-    <link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
 
 
     <!-- Bootstrap CSS -->
@@ -25,7 +24,7 @@
             justify-content: center;
             align-items: center;
             /* Background image */
-            background-image:  url("resource/static/brick_wall.png");
+            background-image: url("resource/static/brick_wall.png");
             background-size: cover; /* Fill the whole screen */
             background-position: center; /* Keep it centered */
             background-repeat: no-repeat; /* Prevent tiling */
@@ -79,12 +78,11 @@
         <label for="copiedText" class="form-label fw-bold">
         </label>
         <textarea id="copiedText"
-                  rows="1"
-                  placeholder="Your copied text will appear here..."
+                  rows="7"
                   readonly
                   style="background: transparent; border: none; outline: none; resize: none; width: 100%;
-           color: white; font-size: 2rem; font-family: 'Permanent Marker', cursive;">
-  </textarea>
+                 color: white; font-size: 0.9rem; line-height: 1.4; overflow-y: auto;">
+</textarea>
     </div>
 </div>