diff --git a/cards.js b/cards.js
new file mode 100644
index 0000000..eb9c1aa
--- /dev/null
+++ b/cards.js
@@ -0,0 +1,6 @@
+const cards = [
+	"Discover",
+	"Prospector",
+	"Scientist",
+	"Vase",
+]
\ No newline at end of file
diff --git a/cards/Discover_v0.1.png b/cards/Discover_v0.1.png
new file mode 100644
index 0000000..c94533e
Binary files /dev/null and b/cards/Discover_v0.1.png differ
diff --git a/cards/Prospector_v0.1.png b/cards/Prospector_v0.1.png
new file mode 100644
index 0000000..236626f
Binary files /dev/null and b/cards/Prospector_v0.1.png differ
diff --git a/cards/Scientist_v0.1.png b/cards/Scientist_v0.1.png
new file mode 100644
index 0000000..b09675b
Binary files /dev/null and b/cards/Scientist_v0.1.png differ
diff --git a/cards/Vase_v0.1.png b/cards/Vase_v0.1.png
new file mode 100644
index 0000000..f36f9c5
Binary files /dev/null and b/cards/Vase_v0.1.png differ
diff --git a/index.html b/index.html
index 5cf6979..4b4e389 100644
--- a/index.html
+++ b/index.html
@@ -3,15 +3,18 @@
 		<title>Dominionator</title>
 		<style>
 			body {
-				display: flex;
+				display: block;
 				flex-wrap: wrap;
 			}
 			img {
 				display: inline-block;
 			}
+			.break {
+				page-break-after: always;
+			}
 			.card {
 				width: 2.25in;
-
+				break-inside: avoid;
 			}
 			.card.horizontal {
 				width: auto;
@@ -20,13 +23,23 @@
 		</style>
 	</head>
 	<body>
-		<img class="card horizontal" src="./cards/Birdly_v0.1.png"/>
-		<img class="card horizontal" src="./cards/Catastrophe_v0.1.png"/>
-		<img class="card horizontal" src="./cards/Mountains_v0.1.png"/>
-		<img class="card horizontal" src="./cards/Occult_v0.1.png"/>
-		<img class="card horizontal" src="./cards/Prospering_v0.1.png"/>
-		<img class="card horizontal" src="./cards/Service_v0.1.png"/>
-		<img class="card horizontal" src="./cards/Surplus_v0.1.png"/>
-		<img class="card horizontal" src="./cards/Toll_v0.1.png"/>
+		<div id="cards"></div>
+		<script src="cards.js"></script>
+		<script>
+			const cardsDiv = document.getElementById("cards");
+			const addCard = (card) => {
+				cardsDiv.innerHTML += `<img class="card" src="./cards/${card}_v0.1.png"/>`
+			}
+			// randomizers
+			for (const card of cards) {
+				addCard(card);
+			}
+			// cards
+			for (const card of cards) {
+				for (let i = 0; i < 10; i++) {
+					addCard(card);
+				}
+			}
+		</script>
 	</body>
-</html>
\ No newline at end of file
+	</html>
\ No newline at end of file
