add tarot/planet/spectral pages, move balatro into balatro/
Build and Push Docker Image / build (push) Successful in 10s
Build and Push Docker Image / build (push) Successful in 10s
This commit is contained in:
@@ -0,0 +1,217 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
||||
<title>Balatro Planet</title>
|
||||
<style>
|
||||
:root{
|
||||
--bg:#15171c; --bg2:#1d2027; --card:#252934; --line:#343a47;
|
||||
--txt:#e8ebf2; --muted:#c3cad8; --accent:#69e6ff;
|
||||
}
|
||||
*{box-sizing:border-box}
|
||||
html{-webkit-text-size-adjust:100%}
|
||||
body{
|
||||
margin:0; background:var(--bg); color:var(--txt);
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
|
||||
line-height:1.35; -webkit-font-smoothing:antialiased;
|
||||
}
|
||||
header{background:var(--bg); border-bottom:1px solid var(--line); padding:10px 12px}
|
||||
.nav{display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px}
|
||||
.nav a{
|
||||
font-size:12px; padding:6px 12px; border-radius:999px; text-decoration:none;
|
||||
background:var(--bg2); border:1px solid var(--line); color:var(--muted);
|
||||
}
|
||||
.nav a.active{background:var(--accent); color:#15171c; border-color:transparent; font-weight:600}
|
||||
.title{display:flex; align-items:baseline; gap:8px; margin:0 0 8px}
|
||||
.title h1{font-size:18px; margin:0; letter-spacing:.3px}
|
||||
.title .count{font-size:12px; color:var(--muted)}
|
||||
.search{
|
||||
width:100%; padding:9px 12px; font-size:16px; color:var(--txt);
|
||||
background:var(--bg2); border:1px solid var(--line); border-radius:10px; outline:none;
|
||||
}
|
||||
.search:focus{border-color:#5566aa}
|
||||
.search::-webkit-search-cancel-button{display:none}
|
||||
|
||||
main{padding:12px; max-width:1100px; margin:0 auto}
|
||||
.grid{display:grid; gap:8px; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}
|
||||
@media (max-width:520px){
|
||||
.grid{grid-template-columns:repeat(3,1fr); gap:6px}
|
||||
.card{padding:7px 5px 8px}
|
||||
.card img{height:64px}
|
||||
.name{font-size:12px}
|
||||
.effect{font-size:11px}
|
||||
}
|
||||
.card{
|
||||
display:flex; flex-direction:column; align-items:center; text-align:center;
|
||||
background:var(--card); border:1px solid var(--line); border-radius:12px;
|
||||
padding:9px 8px 10px; position:relative;
|
||||
border-top:3px solid var(--accent); -webkit-tap-highlight-color:transparent;
|
||||
}
|
||||
.card[open]{background:#2c313e}
|
||||
.card summary{
|
||||
display:flex; flex-direction:column; align-items:center;
|
||||
list-style:none; cursor:pointer; width:100%;
|
||||
}
|
||||
.card summary::-webkit-details-marker{display:none}
|
||||
.card img{
|
||||
width:auto; height:78px; image-rendering:pixelated;
|
||||
filter:drop-shadow(0 3px 4px rgba(0,0,0,.45));
|
||||
}
|
||||
.name{font-weight:600; font-size:13px; margin:6px 0 2px; line-height:1.2; min-height:2.4em}
|
||||
.effect{font-size:11.5px; color:var(--muted); line-height:1.3; margin-top:6px}
|
||||
.wiki{
|
||||
margin-top:7px; font-size:11px; color:#69e6ff;
|
||||
text-decoration:underline; text-underline-offset:2px; display:inline-block;
|
||||
}
|
||||
.card.nomatch{display:none}
|
||||
@media (min-width:768px){
|
||||
.grid{grid-template-columns:repeat(auto-fill, minmax(200px,1fr)); gap:14px}
|
||||
.card{padding:14px 12px 16px}
|
||||
.card img{width:142px; height:190px}
|
||||
.name{font-size:15px}
|
||||
.effect{font-size:13px}
|
||||
}
|
||||
.totop{
|
||||
position:fixed; left:16px; bottom:calc(16px + env(safe-area-inset-bottom,0));
|
||||
width:46px; height:46px; border-radius:50%; z-index:20;
|
||||
background:rgba(37,41,52,.7);
|
||||
border:1px solid var(--line); color:var(--txt); font-size:22px; line-height:46px;
|
||||
text-align:center; text-decoration:none;
|
||||
}
|
||||
footer{text-align:center; color:var(--muted); font-size:11px; padding:18px 12px 30px}
|
||||
footer a{color:var(--muted)}
|
||||
|
||||
.effect p{margin:0}
|
||||
.effect b{font-weight:600}
|
||||
.hl-chips,.hl-blue{color:#0093ff}
|
||||
.hl-mult,.hl-red,.hl-xmult{color:#ff4c40}
|
||||
.hl-cyan{color:#69e6ff}
|
||||
.hl-gray,.hl-grey{color:#b1b1b1}
|
||||
.hl-green{color:#35bd86}
|
||||
.hl-orange{color:#ff8f00}
|
||||
.hl-purple{color:#ca8cff}
|
||||
.hl-sblue{color:#76a6ff}
|
||||
.hl-yellow,.hl-edition{color:#f5b244}
|
||||
.suit-diamond{color:#ffa300}
|
||||
.suit-heart{color:#f83b2f}
|
||||
.suit-spade{color:#8fb1b8}
|
||||
.suit-club{color:#009cfd}
|
||||
</style>
|
||||
</head>
|
||||
<body id="top">
|
||||
<header>
|
||||
<nav class="nav"><a href="/balatro/jokers.html">Jokers</a><a href="/balatro/tarot.html">Tarot</a><a href="/balatro/planet.html" class="active">Planet</a><a href="/balatro/spectral.html">Spectral</a></nav>
|
||||
<div class="title"><h1>Balatro Planet</h1><span class="count">12 planet</span></div>
|
||||
<input class="search" id="q" type="search" placeholder="Search name or effect..." autocomplete="off">
|
||||
</header>
|
||||
<main><div class="grid">
|
||||
<details class="card" data-search="pluto increases high card hand value by +1 mult and +10 chips">
|
||||
<summary>
|
||||
<img loading="lazy" src="/media/balatro/images/Pluto.png" alt="Pluto" width="142" height="190">
|
||||
<span class="name">Pluto</span>
|
||||
</summary>
|
||||
<div class="effect"><p>Increases <span style="color:#ff8f00;"><b>High Card</b></span> hand value by <span class="hl-mult">+1</span> Mult and <span class="hl-chips">+10</span> Chips</p></div>
|
||||
<a class="wiki" href="https://balatrowiki.org/w/Pluto" target="_blank" rel="noopener">Wiki ↗</a>
|
||||
</details>
|
||||
<details class="card" data-search="mercury increases pair hand value by +1 mult and +15 chips">
|
||||
<summary>
|
||||
<img loading="lazy" src="/media/balatro/images/Mercury.png" alt="Mercury" width="142" height="190">
|
||||
<span class="name">Mercury</span>
|
||||
</summary>
|
||||
<div class="effect"><p>Increases <span style="color:#ff8f00;"><b>Pair</b></span> hand value by <span class="hl-mult">+1</span> Mult and <span class="hl-chips">+15</span> Chips</p></div>
|
||||
<a class="wiki" href="https://balatrowiki.org/w/Mercury" target="_blank" rel="noopener">Wiki ↗</a>
|
||||
</details>
|
||||
<details class="card" data-search="uranus increases two pair hand value by +1 mult and +20 chips">
|
||||
<summary>
|
||||
<img loading="lazy" src="/media/balatro/images/Uranus.png" alt="Uranus" width="142" height="190">
|
||||
<span class="name">Uranus</span>
|
||||
</summary>
|
||||
<div class="effect"><p>Increases <span style="color:#ff8f00;"><b>Two Pair</b></span> hand value by <span class="hl-mult">+1</span> Mult and <span class="hl-chips">+20</span> Chips</p></div>
|
||||
<a class="wiki" href="https://balatrowiki.org/w/Uranus" target="_blank" rel="noopener">Wiki ↗</a>
|
||||
</details>
|
||||
<details class="card" data-search="venus increases three of a kind hand value by +2 mult and +20 chips">
|
||||
<summary>
|
||||
<img loading="lazy" src="/media/balatro/images/Venus.png" alt="Venus" width="142" height="190">
|
||||
<span class="name">Venus</span>
|
||||
</summary>
|
||||
<div class="effect"><p>Increases <span style="color:#ff8f00;"><b>Three of a Kind</b></span> hand value by <span class="hl-mult">+2</span> Mult and <span class="hl-chips">+20</span> Chips</p></div>
|
||||
<a class="wiki" href="https://balatrowiki.org/w/Venus" target="_blank" rel="noopener">Wiki ↗</a>
|
||||
</details>
|
||||
<details class="card" data-search="saturn increases straight hand value by +3 mult and +30 chips">
|
||||
<summary>
|
||||
<img loading="lazy" src="/media/balatro/images/Saturn.png" alt="Saturn" width="142" height="190">
|
||||
<span class="name">Saturn</span>
|
||||
</summary>
|
||||
<div class="effect"><p>Increases <span style="color:#ff8f00;"><b>Straight</b></span> hand value by <span class="hl-mult">+3</span> Mult and <span class="hl-chips">+30</span> Chips</p></div>
|
||||
<a class="wiki" href="https://balatrowiki.org/w/Saturn" target="_blank" rel="noopener">Wiki ↗</a>
|
||||
</details>
|
||||
<details class="card" data-search="jupiter increases flush hand value by +2 mult and +15 chips">
|
||||
<summary>
|
||||
<img loading="lazy" src="/media/balatro/images/Jupiter.png" alt="Jupiter" width="142" height="190">
|
||||
<span class="name">Jupiter</span>
|
||||
</summary>
|
||||
<div class="effect"><p>Increases <span style="color:#ff8f00;"><b>Flush</b></span> hand value by <span class="hl-mult">+2</span> Mult and <span class="hl-chips">+15</span> Chips</p></div>
|
||||
<a class="wiki" href="https://balatrowiki.org/w/Jupiter" target="_blank" rel="noopener">Wiki ↗</a>
|
||||
</details>
|
||||
<details class="card" data-search="earth increases full house hand value by +2 mult and +25 chips">
|
||||
<summary>
|
||||
<img loading="lazy" src="/media/balatro/images/Earth.png" alt="Earth" width="142" height="190">
|
||||
<span class="name">Earth</span>
|
||||
</summary>
|
||||
<div class="effect"><p>Increases <span style="color:#ff8f00;"><b>Full House</b></span> hand value by <span class="hl-mult">+2</span> Mult and <span class="hl-chips">+25</span> Chips</p></div>
|
||||
<a class="wiki" href="https://balatrowiki.org/w/Earth" target="_blank" rel="noopener">Wiki ↗</a>
|
||||
</details>
|
||||
<details class="card" data-search="mars increases four of a kind hand value by +3 mult and +30 chips">
|
||||
<summary>
|
||||
<img loading="lazy" src="/media/balatro/images/Mars.png" alt="Mars" width="142" height="190">
|
||||
<span class="name">Mars</span>
|
||||
</summary>
|
||||
<div class="effect"><p>Increases <span style="color:#ff8f00;"><b>Four of a Kind</b></span> hand value by <span class="hl-mult">+3</span> Mult and <span class="hl-chips">+30</span> Chips</p></div>
|
||||
<a class="wiki" href="https://balatrowiki.org/w/Mars" target="_blank" rel="noopener">Wiki ↗</a>
|
||||
</details>
|
||||
<details class="card" data-search="neptune increases straight flush hand value by +4 mult and +40 chips">
|
||||
<summary>
|
||||
<img loading="lazy" src="/media/balatro/images/Neptune.png" alt="Neptune" width="142" height="190">
|
||||
<span class="name">Neptune</span>
|
||||
</summary>
|
||||
<div class="effect"><p>Increases <span style="color:#ff8f00;"><b>Straight Flush</b></span> hand value by <span class="hl-mult">+4</span> Mult and <span class="hl-chips">+40</span> Chips</p></div>
|
||||
<a class="wiki" href="https://balatrowiki.org/w/Neptune" target="_blank" rel="noopener">Wiki ↗</a>
|
||||
</details>
|
||||
<details class="card" data-search="planet x increases five of a kind hand value by +3 mult and +35 chips">
|
||||
<summary>
|
||||
<img loading="lazy" src="/media/balatro/images/Planet_X.png" alt="Planet X" width="142" height="190">
|
||||
<span class="name">Planet X</span>
|
||||
</summary>
|
||||
<div class="effect"><p>Increases <span style="color:#ff8f00;"><b>Five of a Kind</b></span> hand value by <span class="hl-mult">+3</span> Mult and <span class="hl-chips">+35</span> Chips</p></div>
|
||||
<a class="wiki" href="https://balatrowiki.org/w/Planet_X" target="_blank" rel="noopener">Wiki ↗</a>
|
||||
</details>
|
||||
<details class="card" data-search="ceres increases flush house hand value by +4 mult and +40 chips">
|
||||
<summary>
|
||||
<img loading="lazy" src="/media/balatro/images/Ceres.png" alt="Ceres" width="142" height="190">
|
||||
<span class="name">Ceres</span>
|
||||
</summary>
|
||||
<div class="effect"><p>Increases <span style="color:#ff8f00;"><b>Flush House</b></span> hand value by <span class="hl-mult">+4</span> Mult and <span class="hl-chips">+40</span> Chips</p></div>
|
||||
<a class="wiki" href="https://balatrowiki.org/w/Ceres" target="_blank" rel="noopener">Wiki ↗</a>
|
||||
</details>
|
||||
<details class="card" data-search="eris increases flush five hand value by +3 mult and +50 chips">
|
||||
<summary>
|
||||
<img loading="lazy" src="/media/balatro/images/Eris.png" alt="Eris" width="142" height="190">
|
||||
<span class="name">Eris</span>
|
||||
</summary>
|
||||
<div class="effect"><p>Increases <span style="color:#ff8f00;"><b>Flush Five</b></span> hand value by <span class="hl-mult">+3</span> Mult and <span class="hl-chips">+50</span> Chips</p></div>
|
||||
<a class="wiki" href="https://balatrowiki.org/w/Eris" target="_blank" rel="noopener">Wiki ↗</a>
|
||||
</details>
|
||||
</div></main>
|
||||
<footer>Data & art from <a href="https://balatrowiki.org/" target="_blank" rel="noopener">balatrowiki.org</a> · tap a card for full details</footer>
|
||||
<a class="totop" href="#top" aria-label="Scroll to top" title="Back to top">↑</a>
|
||||
<script>
|
||||
// Only behaviour CSS can't do: live text search across the cards.
|
||||
const cards = document.querySelectorAll('.card');
|
||||
document.getElementById('q').addEventListener('input', e => {
|
||||
const v = e.target.value.trim().toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '');
|
||||
cards.forEach(c => c.classList.toggle('nomatch', v && !c.dataset.search.includes(v)));
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user