dylan/dominionator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add some new cards

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
cards.js Normal file
View File

@ -0,0 +1,6 @@
const cards = [
"Discover",
"Prospector",
"Scientist",
"Vase",
]

BIN
cards/Discover_v0.1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 MiB

BIN
cards/Prospector_v0.1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 MiB

BIN
cards/Scientist_v0.1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 MiB

BIN
cards/Vase_v0.1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 MiB

35
index.html
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>