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

Compare commits

base: vilmibm:696c427ea61d9dde0eec858adebdcf3a21679c66
Branches Tags
vilmibm:trunk
..
compare: vilmibm:db77413296cf2f3a3153167c8f378631761d87d7
Branches Tags
vilmibm:trunk

No commits in common. "696c427ea61d9dde0eec858adebdcf3a21679c66" and "db77413296cf2f3a3153167c8f378631761d87d7" have entirely different histories.
696c427ea6 ... db77413296

2 changed files with 3 additions and 12 deletions
Show Stats Expand all files Collapse all files

4
index.html
View File

@ -9,10 +9,10 @@
</style> </style>
</head> </head>
<body> <body>
<div id="deck"></div>
<div id="info" style="height: 275px; width: 500px; margin-left: 200px; overflow:auto"></div>
<button id="reset">reset</button> <button id="reset">reset</button>
<br> <br>
<div id="deck"></div>
<div id="info" style="height: 325px; width: 500px; margin-left: 200px; overflow:auto"></div>
<div id="table"></div> <div id="table"></div>
<div class="blueprint card"> <div class="blueprint card">

11
tarot.js
View File

@ -1,15 +1,6 @@
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();
@ -106,7 +97,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 grey; box-shadow: 2px 2px 2px pink; text-align:center;"); cardElem.setAttribute("style", "float:left; margin-right: 20px; width: 150px; height: 250px; border: 1px solid pink;");
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);