dan/slightlyComplicatedTicTacToe
1
0
Fork 0
mirror of https://github.com/danbulant/slightlyComplicatedTicTacToe synced 2026-06-21 15:52:01 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add initial rules

Browse source
This commit is contained in:
Neko-Life 2023-07-22 09:50:38 +07:00
parent 2dc1f2c00e
commit 9ea21fdaf1
1 changed files with 30 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
client/src/routes/rules/+page.svelte
View file

@ -13,7 +13,28 @@
<h1 class="text-4xl font-bold text-center">Rules</h1>
<div class="content">
<p>Content</p>
<ul>
<li>You will have a main board with 9 sub boards within it.</li>
<li>You always play in one of the sub boards at a time.</li>
<li>The opponent's move is determined by where you place your piece in the sub board.</li>
<li>
When you win in a sub board, a piece is drawn over it (e.g., "x" if you're playing as
"x").
</li>
<li>The ultimate goal is to win in a tic-tac-toe style on the main board.</li>
<li>
If you can't play in the designated sub board (because the board is finished, either with
a piece drawn over it or a tie), you'll stay in the same board. If you can't play there
either for the same reason, you'll go back to the previous board.
</li>
<li>
Mouse hover is used for previews, showing the move list or the opponent's next move.
</li>
<li>
Hovering over the board will show the correct board, and you can also view the history of
moves on the right.
</li>
</ul>
</div>
</div>
</main>
@ -21,10 +42,17 @@
<style>
.container {
@apply w-full;
max-width: 1024px;
max-width: 1280px;
}
.content {
font-size: 24px;
}
.content ul {
list-style: decimal;
display: flex;
flex-direction: column;
gap: 10px;
}
</style>