Welcome to Arborius CardGen

see https://pew.dk/card for the original CardGen project

While this site does save your data in your local web storage, please also back it up externally.

Simple browser based card generator for faster prototyping of boardgames. I designed this as a single HTML file with embedded CSS and JavaScript, to make it easier for you to download, modify and run offline. The tool requires basic knowledge of HTML and CSS, but hopefully editing the initial templates should be enough to get you started.

For more info or suggestions please visit https://github.com/vildninja/card.

/Jannek

Download project as JSON

name,archea,alchema,ability,type,imgurl,lore,
The Slothe Gultch,8,⟳,⟳ 1adj≡,red,march.png,,
Egsalius: The Jar Man,2,⮷,⟳ 1adj≡,red,jarman.png,Fragmented himself to stop the progression of a long illness.,
Cza: Harbinger of Equatince,4,♦<img src="unplyicon.png" width=35 style="margin: -2mm;">,⟳,red,harbinger.png,,
Elred's Entrance,6,♦⟳,⮷ <img src="playicon.png" width=35 style="margin: -2mm;">,red,threadworms.png,,
Architect's Sanctum,2,<img src="playicon.png" width=35 style="margin: -2mm;">,⮷ ⮷,red,crystaline.png,,
Ogzed: Bastoron's Error,7,<img src="playicon.png" width=35 style="margin: -2mm;">,<img src="playicon.png" width=35 style="margin: -2mm;">,green,ogzed.png,Unquenchable thirst for blood.,
Karal: Servent of Goar,7,<img src="unplyicon.png" width=35 style="margin: -2mm;">,<img src="unplyicon.png" width=35 style="margin: -2mm;"> 1adj,green,karal.png,Driven to insanity. Creator of the first Cairn.,
Serpents of the Sandy Tomb,5,<img src="playicon.png" width=35 style="margin: -2mm;">,<img src="unplyicon.png" width=35 style="margin: -2mm;"> 1adj,green,serpents.png,The Obstruction: Appears to all prospectives and warns them to keep their eye closed.,
Master of the Golden Goblet,4,<img src="playicon.png" width=35 style="margin: -2mm;">,⤭ 1adj,green,knighttemp.png,,
Mask of the Blasphemer,3,♦<img src="unplyicon.png" width=35 style="margin: -2mm;">,push 1x🎯 1space,green,mask.png,,
Sroam: Architect of the Voidspace,6,<img src="attackicon.png" width=35 style="margin: -2mm;">,<img src="attackicon.png" width=35 style="margin: -2mm;">,blue,circle.png,,
Juone: Swarm of the Earth,9,⟳,<img src="attackicon.png" width=35 style="margin: -2mm;">,blue,juone.png,"Even before the reign of the Pharoah, the locals of the desert warned travelers of the curse, and they have never obeyed, because it is the way of the curse to disobey.",
Borem: Loather of the Triumphant Descent,3,♦<img src="attackicon.png" width=35 style="margin: -2mm;">,<img src="unplyicon.png" width=35 style="margin: -2mm;">,blue,borem.png,,
Destiny of the Jar Man,4,⟳,<img src="attackicon.png" width=35 style="margin: -2mm;"> ⟳ <img src="attackicon.png" width=35 style="margin: -2mm;">,blue,elredjump.png,,
Colossus' Zirium,4,<img src="playicon.png" width=35 style="margin: -2mm;">,♦<img src="attackicon.png" width=35 style="margin: -2mm;">,blue,loather.png,,
Patient Master of the Unlearned,3,<img src="unplyicon.png" width=35 style="margin: -2mm;">,⮷ 1adj≡,black,master.png,"The Consort: They gifted consciousness on the roads, power over the watchers, tools for the unbirthing: damnation by the harmonic convergence.",
The Eight Hands of the Glassy Reef,7,⮷,⮷ 1adj≡,black,seasword.png,"The Middle Sea slowly reclaims the once mighty ship, board by board, nail by nail, wave by wave.",
Iron from the Swordwriter,2,<img src="playicon.png" width=35 style="margin: -2mm;">,⮷ 1adj≡,black,elred.png,,
Whisperer of the Manchild,6,<img src="unplyicon.png" width=35 style="margin: -2mm;">,⟳ 1adj≡,black,whisperer.png,,
The Embolism: A Sorcerer's Regret,1,<img src="playicon.png" width=35 style="margin: -2mm;">,<img src="unplyicon.png" width=35 style="margin: -2mm;">,black,embolism.png,,
The First Falgol Architect,3,<img src="attackicon.png" width=35 style="margin: -2mm;">,⮷ 1adj≡,black,architect.png,"Architecter of the walls and bridges, all know of him, but only the oldest have seen him.",
Jagal: Master of the Catacombs,2,<img src="attackicon.png" width=35 style="margin: -2mm;">,<img src="playicon.png" width=35 style="margin: -2mm;"> 1 below,black,castle.png,A trickster jin. Frequently torments reflections on Erthos and the roads. A pest banished from the Central Heavens.,
Tribute of Goar,5,<img src="attackicon.png" width=35 style="margin: -2mm;">,⟳,black,plane.png,"The Scholar, bound with The Library, fears leaving the books he has known for so long. He catalogs endlessly, terrified of losing his obsession.",
The Wanderer: Tritius,7,⤭,⟳ 1adj≡,black,wanderer.png,,
Toroz: The Comorbid Architect,5,⤭,⮷ 1adj≡,black,comorbid.png,,
Erowood Hearth,1,<img src="playicon.png" width=35 style="margin: -2mm;">,⤭,black,roterus.png,,
Embowelment of Sroam,3,⤭,⤭ 1adj,black,war.png,"At the edge of The Gultch, the Minions of Goar fin☺ dragged him to the ground, and ripped all of his ♜s to shreds.",
Zirium of The Eight Hands,5,⮷,⤭ 1adj,black,crove.png,,
Omnilogue of the Redeemer,7,<img src="playicon.png" width=35 style="margin: -2mm;">,freeze:1 1adj,black,omnilogue.png,,
Construction of Bastoron,10,⤭,create 1 land adj,black,construction.png,,
Ironcore's Vitriol,,<img src="entericon.png" width=35 style="margin: -2mm;">,<img src="playicon.png" width=35 style="margin: -2mm;">,black,knighttemp2.png,,
Czor: Consumer of Cosmic Biles,,<img src="playicon.png" width=35 style="margin: -2mm;">,<img src="entericon.png" width=35 style="margin: -2mm;">,black,castle.png,,
Slave to the Lower Firmament,,<img src="exiticon.png" width=35 style="margin: -2mm;">,<img src="playicon.png" width=35 style="margin: -2mm;">,black,plane.png,,
Ode to the Architects,,<img src="attackicon.png" width=35 style="margin: -2mm;">,<img src="entericon.png" width=35 style="margin: -2mm;"> adj,black,wanderer.png,,
Ornament of Dorgagch,1,<img src="attackicon.png" width=35 style="margin: -2mm;">,<img src="exiticon.png" width=35 style="margin: -2mm;">,black,comorbid.png,,
Ornament of Sroam,3,<img src="exiticon.png" width=35 style="margin: -2mm;">,<img src="attackicon.png" width=35 style="margin: -2mm;">,black,roterus.png,,
Conduit to the Abyss,,<img src="exiticon.png" width=35 style="margin: -2mm;">,create 1 land adj,black,war.png,,
Iconoclast of the Sunken Ones,,<img src="entericon.png" width=35 style="margin: -2mm;">,<img src="entericon.png" width=35 style="margin: -2mm;">,black,crove.png,,
Faultcast Tormentus,,⮷,<img src="entericon.png" width=35 style="margin: -2mm;"> adj,black,omnilogue.png,,

.cardframe {
  position: relative;
  float: left;
  width: 37mm;
  height: 37mm;
  margin: 0mm;
  box-sizing: border-box;
  border-top: .25mm solid transparent;
  border-right: .75mm solid black;
  border-bottom: .75mm solid black;
  border-left: .25mm solid transparent;
  background-color: #77d;
}
.tableau {
  border-top: 0.1mm solid black;
  border-bottom: 0.1mm solid black;
  position: absolute;
  display: flex;
  flex-flow: column;
  bottom: 100%;
  width: 100%;
  height: auto;
}
.minitableau {
  position: absolute;
  display: flex;
  flex-flow: column;
  top: 1mm;
  left: 1mm;
  width: 100%;
  height: auto;
}
.info {
  position: absolute;
  display: flex;
  flex-flow: column;
  left: -0.75mm;
  top: -0.75mm;
  width: calc(100% - .7mm);
  height: calc(100% + 1.3mm);
}
.accent {
  position: absolute;
  width: calc(100% - 1.7mm);
  height: calc(100% - 0.2mm);
  background-color: #bbb;
  border: 0.1mm solid black;
  top: 0mm;
  bottom: 0mm;
  left: 0mm;
  right: 2mm;
}
.name {
  position: relative;
  width: 100%;
  background-color: #fff0;
  width: calc(100% - 0mm);
  border-right: 1px solid black;
  margin: 1mm;
  box-sizing: border-box;
  z-index: 3;
}
.archea {
  position: absolute;
  right: 0;
  background-color: #ccd;
  border: 0mm;
  border-left: 0.25mm solid black;
  border-top: 0.25mm solid black;
  height: 3.5mm;
  aspect-ratio: 1 / 1;
  bottom: 0mm;
}
.description {
  position: relative;
  box-sizing: border-box;
  flex-grow: 1;
  top: -1mm;
  width: 100%;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  margin: 0mm 0mm 0mm 1mm;
  background-color: #eef;
}
.ability {
  position: absolute;
  flex-grow: 1;
  bottom: 0mm;
  width: 100%;
  border: 0mm solid black;
}
.lore {
  position: relative;
  align-self: flex-end;
  bottom: 1.45mm;
  right: 0mm;
  width: 100%;
  box-sizing: border-box;
  background-color: #ccf;
  margin: -1mm;
  border: 0.1mm solid black;
}
h1 {
  font-family: sans;
  text-align: center;
  margin: 0mm;
  font-size: 2.25mm;
  color: #fffd;
  text-shadow: 0 0 3px #000;
}
h2 {
  font-family: sans;
  font-weight: normal;
  font-style: italic;
  margin: 0mm;
  font-size: 2.5mm;
  color: #0006;
  padding: 1mm;
}
h3 {
  text-align: center;
  font-family: mono;
  font-weight: 900;
  margin: -0.25mm;
  font-size: 3mm;
  bottom: 0mm;
  line-height: 1.25;
  background-color: #fff0;
  color: #fff;
  text-shadow: 0 0 8px #000;
}
h4 {
  font-family: sans;
  margin: 0mm 0mm 0mm 0mm;
  font-size: 2mm;
  position:absolute; 
  top: .5mm;
  padding: 0.25mm 1mm;
  color: #0003;
  text-shadow: 0 0 1px #fff3;
}
h5 {
  font-family: mono;
  font-weight: bold;
  margin: -0.75mm 0mm 0mm 0.25mm;
  font-size: 3.5mm;
  text-shadow: 0 0 3px #fff;
}