Remove PyPi build, convert project to not be a python module, add Docker build and files, update README,

2026-01-01 04:23:48 +01:00 · 2025-10-23 11:01:21 +02:00
parent a9b5a53bdb
commit 391d55edba
16 changed files with 77 additions and 60 deletions
--- a/templates/login.jinja2
+++ b/templates/login.jinja2
@@ -0,0 +1,117 @@
+{% extends "base.jinja2" %}
+
+{% block title %}LoginWeen{% endblock %}
+
+{% block nav %}
+<li class="nav-item">
+    <a class="nav-link active" aria-current="page" href="/login">Login</a>
+</li>
+<li class="nav-item">
+    <a class="nav-link" href="/register">Register</a>
+</li>
+<li class="nav-item">
+    <a class="nav-link" href="/logout">Logout</a>
+</li>
+{% endblock %}
+
+{% block body %}
+<form id="login_form" method="post" target="/login">
+    <div class="position-absolute top-50 start-50 translate-middle text-center">
+        <h1>Draw a carving to login!</h1>
+        <input type="hidden" name="pattern" id="pattern_field">
+        <canvas id="pumpkin_canvas" width="600" height="600" class="my-3"></canvas>
+        <div class="input-group mb-3">
+            <input id="username_field" name="username" type="text" class="form-control" placeholder="Username" aria-label="Username">
+        </div>
+        <div class="buttons">
+            <button type="submit" class="btn btn-primary me-2" id="loginBtn">Login</button>
+            <button id="clearBtn" class="btn btn-danger">Clear</button>
+        </div>
+    </div>
+</form>
+
+<script>
+const canvas = document.getElementById('pumpkin_canvas');
+const ctx = canvas.getContext('2d');
+const img = new Image();
+img.src = '/static/pumpkin.png';
+
+const GRID_SIZE = {{ grid_size }};
+const CELL_SIZE = canvas.width / GRID_SIZE;
+
+img.onload = () => {
+  ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
+  drawGrid();
+};
+
+let drawing = false;
+let currentPattern = [];
+let savedPattern = null;
+
+canvas.addEventListener('mousedown', () => { drawing = true; });
+canvas.addEventListener('mouseup', () => { drawing = false; });
+canvas.addEventListener('mousemove', draw);
+
+function draw(e) {
+    if (!drawing) return;
+    var rect = canvas.getBoundingClientRect();
+    var x = e.clientX - rect.left;
+    var y = e.clientY - rect.top;
+
+    var gridX = Math.floor(x / CELL_SIZE);
+    var gridY = Math.floor(y / CELL_SIZE);
+
+    var cellX = gridX * CELL_SIZE + CELL_SIZE / 3;
+    var cellY = gridY * CELL_SIZE + CELL_SIZE / 3;
+
+    var pixel = ctx.getImageData(cellX, cellY, 1, 1).data;
+
+    if (pixel[0] >= 254 && (pixel[1] >= 124 && pixel[1] <= 126)) {
+        var key = `${gridX},${gridY}`;
+
+        if (!currentPattern.includes(key)) {
+            currentPattern.push(key);
+            ctx.fillStyle = 'black'; 
+            ctx.fillRect(cellX - CELL_SIZE / 3, cellY - CELL_SIZE / 3, CELL_SIZE, CELL_SIZE);
+        }
+    }
+    else {
+        console.log(pixel);
+    }
+}
+
+function drawGrid() {
+    ctx.strokeStyle = 'rgba(0, 0, 0, 0.6)';
+    ctx.lineWidth = 1;
+
+    for (let i = 0; i <= GRID_SIZE; i++) {
+        const pos = i * CELL_SIZE;
+
+        ctx.beginPath();
+        ctx.moveTo(pos, 0);
+        ctx.lineTo(pos, canvas.height);
+        ctx.stroke();
+
+        ctx.beginPath()
+        ctx.moveTo(0, pos);
+        ctx.lineTo(canvas.width, pos);
+        ctx.stroke()
+    }
+}
+
+document.getElementById("login_form").addEventListener('submit', function(event) {
+    document.getElementById('pattern_field').value = JSON.stringify(currentPattern);
+});
+
+
+document.getElementById('clearBtn').addEventListener('click', clearCanvas);
+
+function clearCanvas() {
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
+  drawGrid()
+  currentPattern = [];
+}
+
+</script>
+{% endblock body %}