From 34faa4544961912e406347a4d58be6f0511e6de8 Mon Sep 17 00:00:00 2001
From: Brandon Dyck <brandon@dyck.us>
Date: Fri, 21 Jun 2024 10:01:51 -0600
Subject: [PATCH] Commit old files

---
 README.txt |   9 +++
 index.html | 219 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 228 insertions(+)
 create mode 100644 README.txt
 create mode 100644 index.html
diff --git a/README.txt b/README.txt
new file mode 100644
index 0000000..a24f5cb
--- /dev/null
+++ b/README.txt
@@ -0,0 +1,9 @@
+Bingo Card Maker
+by Brandon Dyck
+--------------------
+
+I don't know when I made this. My wife wanted to make bingo cards for her students, and I wanted to learn the Fisher-Yates shuffle. Missions accomplished.
+
+The code has no version history because the original repository was apparently lost when Bitbucket dropped Mercurial support in 2020. I found a copy lying around in 2024.
+
+Do whatever what you want with it, and don't sue me if it doesn't work.
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..09857fd
--- /dev/null
+++ b/index.html
@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>Bingo Card Maker</title>
+		<style>
+			#bingo-cards table {
+				box-sizing: border-box;
+				border-collapse: collapse;
+				width: 100%;
+				height: 100%
+				table-layout: fixed;
+			}
+			#bingo-cards td {
+				border: 2px solid black;
+				height: 1in;
+				text-align: center;
+				font-size: 16pt;
+			}
+			#bingo-cards h1 {
+				text-align: center;
+			}
+			#words-input {
+				height: 30em;
+				width: 20em;
+			}
+			#title-input {
+				width: 20em;
+			}
+			.pagesep {
+				color: gray;
+			}
+
+			@media screen {
+				.noshow {
+					display: none;
+				}
+			}
+
+			@media print {
+				#bingo-controls {
+					display: none;
+				}
+				#bingo-cards .pagesep {
+					display: none;
+				}
+				#bingo-cards .bingo-card {
+					page-break-after: always;
+				}
+			}
+		</style>
+
+		<script>
+			function showError(msg) {
+				window.alert(msg);
+			}
+
+			function shuffle(arr) {
+				// Returns a random int n where 0 ≤ n < max
+				function randomInt(max) {
+					return Math.floor(Math.random() * max);
+				}
+
+				for (var i = arr.length - 1; i > 0; i--) {
+					var randi = randomInt(i+1);
+					var tmp = arr[i];
+					arr[i] = arr[randi];
+					arr[randi] = tmp;
+				}
+			}
+
+			function makeCard(title, words, includeFree, freeText) {
+				var width = 5;
+				var height = 5;
+				var freeIndex = 12;
+
+				var card = document.createElement("div");
+				card.className = "bingo-card";
+				card.innerHTML += "<div class='pagesep'>PAGE BREAK</div>";
+				card.innerHTML += "<h1>" + title + "</h1>";
+
+				var table = document.createElement("table");
+
+				var row;
+				for (var i=0; i < width * height; i++) {
+					if (i % width === 0) {
+						row = document.createElement("tr");
+						table.appendChild(row);
+					}
+					var cell = document.createElement("td");
+					cell.style.width = (100 / width) + "%";
+					if (includeFree) {
+						if (i === freeIndex) {
+							cell.innerText = freeText;
+						} else if (i < freeIndex) {
+							cell.innerText = words[i];
+						} else {
+							cell.innerText = words[i - 1];
+						}
+					} else {
+						cell.innerText = words[i];
+					}
+					row.appendChild(cell);
+				}
+
+				card.appendChild(table);
+
+				return card;
+			}
+
+			document.addEventListener("DOMContentLoaded", function() {
+				var titleInput = document.getElementById("title-input");
+				var wordsInput = document.getElementById("words-input");
+				var freeInput = document.getElementById("free-input");
+				var freeTextInput = document.getElementById("free-text-input");
+				var numberInput = document.getElementById("number-input");
+				var showInput = document.getElementById("show-input");
+				var createButton = document.getElementById("create-button");
+				var cards = document.getElementById("bingo-cards");
+
+				function updateShowCards() {
+					if (showInput.checked) {
+						cards.classList.remove("noshow");
+					} else {
+						cards.classList.add("noshow");
+					}
+				}
+
+				updateShowCards();
+
+				createButton.addEventListener("click", function() {
+					var wordsNeeded = 25;
+					if (freeInput.checked) {
+						wordsNeeded--;
+					}
+
+					// Validate free space text input
+					if (freeInput.checked && freeTextInput.value === "") {
+						showError("No free space text given");
+						return;
+					}
+
+					// Validate words input
+					var words = wordsInput.value.split("\n");
+					for (var i=0; i < words.length; i++) {
+						words[i] = words[i].trim();
+					}
+					words = words.filter(function(s) {
+						return s != "";
+					});
+					console.log(words.length)
+					if (words.length < wordsNeeded) {
+						showError("Not enough words");
+						return;
+					}
+
+					//Validate # of cards input
+					if (!numberInput.checkValidity() || isNaN(numberInput.valueAsNumber)) {
+						showError("Invalid number of cards");
+						return;
+					}
+
+					cards.innerHTML = "";
+					for (var i=0; i < numberInput.valueAsNumber; i++) {
+						shuffle(words);
+						var card = makeCard(titleInput.value, words, freeInput.checked, freeTextInput.value);
+						cards.appendChild(card);
+					}
+
+					window.print();
+				});
+
+				freeInput.addEventListener("change", function() {
+					freeTextInput.disabled = !freeInput.checked;
+				});
+
+				showInput.addEventListener("change", updateShowCards);
+			});
+		</script>
+	</head>
+
+	<body>
+		<div id="bingo-controls">
+			<h1>Bingo Card Maker</h1>
+			<p>
+				By Brandon Dyck<br>
+				Distributed under the terms of the <a href="https://opensource.org/licenses/BSD-3-Clause" target="_blank">3-clause BSD license</a>.
+			<p>
+				<label for="title-input">Title:</label><br>
+				<input id="title-input"></input>
+			</p>
+			<p>
+				<label for="words-input">Words:<br>(one per line; at least 24 w/ free space, or 25 otherwise)</label><br>
+				<textarea id="words-input"></textarea>
+			</p>
+			<p>
+				<input type="checkbox" id="free-input"></input>
+				<label for="free-input">Include free space</label>
+			</p>
+			<p>
+				<label for="free-text-input">Free space text:</label>
+				<input type="text" id="free-text-input" value="FREE" disabled></input>
+			</p>
+			<p>
+				<label for="number-input"># of cards (1–100):</label>
+				<input type="number" min="1" max="100" value="1" id="number-input">
+			</p>
+			<p>
+				<input type="checkbox" id="show-input"></input>
+				<label for="show-input">Show cards</label>
+			</p>
+			<p>
+				<button id="create-button">Create & Print</button>
+			</p>
+		</div>
+
+		<div id="bingo-cards"></div>
+	</body>
+</html>
