<html>
<head>
<title>Dominionator</title>
<style>
body {
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;
height: 2.25in;
}
</style>
</head>
<body>
<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>