vilmibm
/
tarot
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

sleepy

trunk
vilmibm 2020-11-24 23:36:44 -08:00
parent e40eb87e1d
commit 696c427ea6
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
tarot.js
View File

@ -1,6 +1,15 @@
import CardDB from './carddb.js'; import CardDB from './carddb.js';
import CardPile from './cardpile.js'; import CardPile from './cardpile.js';
/* TODO
*
* - drag and drop the cards wherever
* - card front art
* - card back art for deck
* - fill in interpretive descriptions
* - fill in rest of keywords
*/
class Tarot { class Tarot {
constructor() { constructor() {
this.cardDB = new CardDB(); this.cardDB = new CardDB();
@ -97,7 +106,7 @@ class Tarot {
const cardElem = bp.cloneNode(true); const cardElem = bp.cloneNode(true);
cardElem.classList.remove("blueprint"); cardElem.classList.remove("blueprint");
cardElem.setAttribute("data-cardName", cardName) cardElem.setAttribute("data-cardName", cardName)
cardElem.setAttribute("style", "float:left; margin-right: 20px; width: 150px; height: 250px; border: 1px solid pink; text-align:center;"); cardElem.setAttribute("style", "float:left; margin-right: 20px; width: 150px; height: 250px; border: 1px solid grey; box-shadow: 2px 2px 2px pink; text-align:center;");
cardElem.querySelector("span").innerHTML = cardName; cardElem.querySelector("span").innerHTML = cardName;
cardElem.addEventListener("mouseenter", this.render.bind(this)); cardElem.addEventListener("mouseenter", this.render.bind(this));
elem.append(cardElem); elem.append(cardElem);