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> <title>Dominionator</title>
<style> <style>
body { body {
display: flex; display: block;
flex-wrap: wrap; flex-wrap: wrap;
} }
img { img {
display: inline-block; display: inline-block;
} }
.break {
page-break-after: always;
}
.card { .card {
width: 2.25in; width: 2.25in;
break-inside: avoid;
} }
.card.horizontal { .card.horizontal {
width: auto; width: auto;
@ -20,13 +23,23 @@
</style> </style>
</head> </head>
<body> <body>
<img class="card horizontal" src="./cards/Birdly_v0.1.png"/> <div id="cards"></div>
<img class="card horizontal" src="./cards/Catastrophe_v0.1.png"/> <script src="cards.js"></script>
<img class="card horizontal" src="./cards/Mountains_v0.1.png"/> <script>
<img class="card horizontal" src="./cards/Occult_v0.1.png"/> const cardsDiv = document.getElementById("cards");
<img class="card horizontal" src="./cards/Prospering_v0.1.png"/> const addCard = (card) => {
<img class="card horizontal" src="./cards/Service_v0.1.png"/> cardsDiv.innerHTML += `<img class="card" src="./cards/${card}_v0.1.png"/>`
<img class="card horizontal" src="./cards/Surplus_v0.1.png"/> }
<img class="card horizontal" src="./cards/Toll_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> </body>
</html> </html>