Add some new cards

This commit is contained in:
dylan
2023-07-04 20:15:40 -07:00
parent 67559ef402
commit 40ded3c3d2
6 changed files with 30 additions and 11 deletions

View File

@ -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>
</html>