Added quadrents and removed emojis
This commit is contained in:
@@ -18,6 +18,10 @@
|
|||||||
<line x1="20" y1="220" x2="220" y2="220" stroke="currentColor" stroke-width="2" />
|
<line x1="20" y1="220" x2="220" y2="220" stroke="currentColor" stroke-width="2" />
|
||||||
<line x1="20" y1="20" x2="20" y2="220" stroke="currentColor" stroke-width="2" />
|
<line x1="20" y1="20" x2="20" y2="220" stroke="currentColor" stroke-width="2" />
|
||||||
|
|
||||||
|
<!-- Quadrent lines -->
|
||||||
|
<line x1="20" y1="120" x2="220" y2="120" stroke="currentColor" stroke-width="2" />
|
||||||
|
<line x1="120" y1="20" x2="120" y2="220" stroke="currentColor" stroke-width="2" />
|
||||||
|
|
||||||
<!-- Numbers -->
|
<!-- Numbers -->
|
||||||
{#each {length: 11} as _, i}
|
{#each {length: 11} as _, i}
|
||||||
<text x={20 + i * 20} y="235" text-anchor="middle" font-size="10" fill="currentColor">{i}</text>
|
<text x={20 + i * 20} y="235" text-anchor="middle" font-size="10" fill="currentColor">{i}</text>
|
||||||
@@ -61,11 +65,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.dice-emoji {
|
|
||||||
font-size: 48px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dice-result {
|
.dice-result {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|||||||
@@ -21,12 +21,10 @@
|
|||||||
|
|
||||||
<div class="tabs">
|
<div class="tabs">
|
||||||
<a href="/play" class="tab-button">
|
<a href="/play" class="tab-button">
|
||||||
<span class="tab-icon">🎮</span>
|
<span class="tab-icon">Play</span>
|
||||||
<span>Play</span>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="/rules" class="tab-button">
|
<a href="/rules" class="tab-button">
|
||||||
<span class="tab-icon">📖</span>
|
<span class="tab-icon">Rules</span>
|
||||||
<span>Rules</span>
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -26,7 +26,7 @@
|
|||||||
<h1>How to Play</h1>
|
<h1>How to Play</h1>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h2>📊 Basic Gameplay</h2>
|
<h2>Basic Gameplay</h2>
|
||||||
<ol>
|
<ol>
|
||||||
<li><strong>Generate:</strong> Click "Generate" to create a random 2D spectrum with X and Y axes</li>
|
<li><strong>Generate:</strong> Click "Generate" to create a random 2D spectrum with X and Y axes</li>
|
||||||
<li><strong>Play:</strong>Have the clue-giver roll 2d10 with one d10 being X and the other d10 being Y (The axes run 1-10 with 5 being the centerline on each). Try to select a phrase-person-vibe that fits the X,Y coordinates you just rolled and inform the other players.</li>
|
<li><strong>Play:</strong>Have the clue-giver roll 2d10 with one d10 being X and the other d10 being Y (The axes run 1-10 with 5 being the centerline on each). Try to select a phrase-person-vibe that fits the X,Y coordinates you just rolled and inform the other players.</li>
|
||||||
@@ -35,7 +35,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h2>📏 Understanding the Scale</h2>
|
<h2>Understanding the Scale</h2>
|
||||||
<p>Each axis uses a 1-10 scale:</p>
|
<p>Each axis uses a 1-10 scale:</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li><strong>1-2:</strong> Strongly aligned with left/bottom option</li>
|
<li><strong>1-2:</strong> Strongly aligned with left/bottom option</li>
|
||||||
@@ -47,7 +47,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h2>🏆 Scoring (Optional)</h2>
|
<h2>Scoring (Optional)</h2>
|
||||||
<p>Want to make it competitive? Try these scoring systems:</p>
|
<p>Want to make it competitive? Try these scoring systems:</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li><strong>5 Points:</strong> On the Spectrum!</li>
|
<li><strong>5 Points:</strong> On the Spectrum!</li>
|
||||||
@@ -60,7 +60,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h2>🎨 About Themes</h2>
|
<h2>About Themes</h2>
|
||||||
<p>Choose from six visual themes to customize your experience:</p>
|
<p>Choose from six visual themes to customize your experience:</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li><strong>Windows 95:</strong> Nostalgic retro computing vibes</li>
|
<li><strong>Windows 95:</strong> Nostalgic retro computing vibes</li>
|
||||||
@@ -74,7 +74,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h2>❓ FAQ</h2>
|
<h2>FAQ</h2>
|
||||||
<p><strong>Can I play solo?</strong><br>
|
<p><strong>Can I play solo?</strong><br>
|
||||||
While designed for groups, you can use it for self-reflection or to prep for game night!</p>
|
While designed for groups, you can use it for self-reflection or to prep for game night!</p>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user