diff --git a/css/chess.css b/css/chess.css index a175e70..1364450 100644 --- a/css/chess.css +++ b/css/chess.css @@ -1,10 +1,23 @@ body { font-family: 'Roboto', sans-serif; + padding: 0; + margin: 0; +} + +#page { + width: 100%; + height: 100vh; + display: flex; + flex-flow: column nowrap; } h1 { font-family: 'Vollkorn', serif; font-size: 2em; + line-height: 1.4em; + height: 1.4em; + margin-top: 8px; + margin-left: 8px; margin-bottom: 0; } @@ -22,10 +35,16 @@ button:disabled .silhouette { flex-flow: row nowrap; } +#cb_outer2 { + flex: 1 1 auto; + width: 100%; + max-width: calc(100vh - (8px + 2.8em + 8px)); + margin-left: 8px; +} + #cb_outer { width: 100%; - max-width: calc(100vh - 4em); - flex: 1 0 auto; + max-width: calc(100vw - (8px + 24px)); } #cb_container { @@ -65,11 +84,32 @@ button:disabled .silhouette { } #cb_control_container { + display: flex; + flex-flow: column nowrap; + flex: 0 1000 auto; margin-left: 1em; + width: 100%; + min-width: 24em; + max-height: calc(100vh - (8px + 2.8em)); +} + +#cb_control_form { + flex: 0 1 auto; +} + +#cb_scrollable { + flex: 1 1000 auto; + padding-right: 8px; + overflow: auto; +} + +#cb_scrollable p { + margin-top: 0; } #cb_controls, #cb_names, #cb_game, #cb_navigate { margin-top: 0.5em; + white-space: nowrap; } #cb_history { @@ -212,14 +252,21 @@ button:disabled .silhouette { color: #cccccc; } -/*@media only screen and (max-width: 8in) {*/ -@media only screen and (max-aspect-ratio: 4/3) { +@media only screen and (max-aspect-ratio: 3/2) { #content { flex-flow: column nowrap; } + #cb_outer2 { + width: auto; + } + #cb_control_container { - margin-left: 0; + margin-left: 8px; + max-height: none; + overflow: visible; + width: 100%; + max-width: calc(100vw - (8px + 24px)); } } diff --git a/index.html b/index.html index 7b4340b..b17038f 100644 --- a/index.html +++ b/index.html @@ -8,255 +8,261 @@ Paco Ŝako -

Paco Ŝako

+
+

Paco Ŝako

-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
A
B
C
D
E
F
G
H
8
8
7
7
6
6
5
5
4
4
3
3
2
2
1
1
A
B
C
D
E
F
G
H
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
A
B
C
D
E
F
G
H
8
8
7
7
6
6
5
5
4
4
3
3
2
2
1
1
A
B
C
D
E
F
G
H
+
+
+
+
+ +
+
+
+ + + + + +
+
+
+ + vs. +
+
+ + +
+
+ + + + + + +
+
+
+

+
+ Rule Reference +

The basic movement for each piece is the same as traditional chess.

+

Pieces are never removed from the board. Instead, the capturing piece shares the square with the captured piece, and the two pieces become a joined pair.

+

When either piece moves from a square containing two pieces, the other piece moves with it. + Each player can only move a joined pair according to the rules for their own piece. Joined pieces cannot capture other pieces.

+

A free (non-joined) piece may move into a square occupied by pieces of both colors. + When it does, the other piece of the same color becomes a free piece and must move to a new location following the normal movement rules. + This process may be repeated multiple times in the same turn.

+

Ŝako (checkmate) occurs when an opposing piece joins with the king. + Important: The king is not permitted to join with (capture) other pieces.

+

Due to joined movement, it is possible for a pawn to be moved backward to, or past, its starting row. + Pawns may move forward two spaces from either of the first two rows on their own side of the board.

+

When a pawn is captured en passant while joined with another piece, the captured pawn moves back one square to become joined with the capturing pawn + and the joined piece from the capturing side moves to a new location from its original position as with any other capture.

+

Pawns are promoted when they reach the final row on the opposite side of the board, even if they were moved there by the other player as part of a joined pair.

+
+

-
-
-
- - - - - -
-
-
- - vs. -
-
- - -
-
- - - - - - -
-
-

-
- Rule Reference -

The basic movement for each piece is the same as traditional chess.

-

Pieces are never removed from the board. Instead, the capturing piece shares the square with the captured piece, and the two pieces become a joined pair.

-

When either piece moves from a square containing two pieces, the other piece moves with it. - Each player can only move a joined pair according to the rules for their own piece. Joined pieces cannot capture other pieces.

-

A free (non-joined) piece may move into a square occupied by pieces of both colors. - When it does, the other piece of the same color becomes a free piece and must move to a new location following the normal movement rules. - This process may be repeated multiple times in the same turn.

-

Ŝako (checkmate) occurs when an opposing piece joins with the king. - Important: The king is not permitted to join with (capture) other pieces.

-

Due to joined movement, it is possible for a pawn to be moved backward to, or past, its starting row. - Pawns may move forward two spaces from either of the first two rows on their own side of the board.

-

When a pawn is captured en passant while joined with another piece, the captured pawn moves back one square to become joined with the capturing pawn - and the joined piece from the capturing side moves to a new location from its original position as with any other capture.

-

Pawns are promoted when they reach the final row on the opposite side of the board, even if they were moved there by the other player as part of a joined pair.

-
-

+ -
- - -
-
- - - - - -
- -