Compare commits

..

3 Commits

Author SHA1 Message Date
vilmibm 696c427ea6 sleepy 2020-11-24 23:36:44 -08:00
vilmibm e40eb87e1d center title on card preview 2020-11-24 23:32:15 -08:00
vilmibm 84ae05d776 move reset button 2020-11-24 23:30:56 -08:00
2 changed files with 12 additions and 3 deletions

View File

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

View File

@ -1,6 +1,15 @@
import CardDB from './carddb.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 {
constructor() {
this.cardDB = new CardDB();
@ -97,7 +106,7 @@ class Tarot {
const cardElem = bp.cloneNode(true);
cardElem.classList.remove("blueprint");
cardElem.setAttribute("data-cardName", cardName)
cardElem.setAttribute("style", "float:left; margin-right: 20px; width: 150px; height: 250px; border: 1px solid pink;");
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.addEventListener("mouseenter", this.render.bind(this));
elem.append(cardElem);