goyimnose/TaroTime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added thumbs generation for performation and also added a new deck format for registration

Browse Source
This commit is contained in:
Nose
2026-03-08 05:40:53 -07:00
parent 78abb582dd
commit 4713bbd54b
11 changed files with 1255 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/ui-tarot-spread.js
View File

@@ -152,7 +152,11 @@
const normalizedSpread = normalizeTarotSpread(activeTarotSpread);
const isCeltic = normalizedSpread === "celtic-cross";
const cardBackImageSrc = String(window.TarotCardImages?.resolveTarotCardBackImage?.() || "").trim();
const cardBackImageSrc = String(
window.TarotCardImages?.resolveTarotCardBackThumbnail?.()
|| window.TarotCardImages?.resolveTarotCardBackImage?.()
|| ""
).trim();
if (!activeTarotSpreadDraw.length) {
regenerateTarotSpreadDraw();
@@ -188,7 +192,8 @@
tarotSpreadBoardEl.innerHTML = activeTarotSpreadDraw.map((entry, index) => {
const position = entry.position;
const card = entry.card;
const imgSrc = window.TarotCardImages?.resolveTarotCardImage?.(card.name);
const imgSrc = window.TarotCardImages?.resolveTarotCardThumbnail?.(card.name)
|| window.TarotCardImages?.resolveTarotCardImage?.(card.name);
const isRevealed = Boolean(entry.revealed);
const cardBackAttr = cardBackImageSrc
? ` data-card-back-src="${escapeHtml(cardBackImageSrc)}"`
@@ -203,10 +208,10 @@
let faceMarkup = "";
if (isRevealed) {
faceMarkup = imgSrc
? `<img class="spread-card-img" src="${imgSrc}" alt="${escapeHtml(card.name)}" loading="lazy">`
? `<img class="spread-card-img" src="${imgSrc}" alt="${escapeHtml(card.name)}" loading="lazy" decoding="async">`
: `<div class="spread-card-placeholder">${escapeHtml(card.name)}</div>`;
} else if (cardBackImageSrc) {
faceMarkup = '<img class="spread-card-back-img" src="' + cardBackImageSrc + '" alt="Face-down tarot card" loading="lazy">';
faceMarkup = '<img class="spread-card-back-img" src="' + cardBackImageSrc + '" alt="Face-down tarot card" loading="lazy" decoding="async">';
} else {
faceMarkup = '<div class="spread-card-back-fallback">CARD BACK</div>';
}