Advance on styling
[vchess.git] / client / src / welcome / en.pug
1 input#modalWelcome.modal(type="checkbox")
2 div(role="dialog")
3 #welcome.card.text-center
4 label.modal-close(for="modalWelcome")
5 h3.blue.section Welcome to v[ariant]chess.club!
6 .section
7 p A fun place to play chess variants in real time.
8 p But wait... what is a chess variant?
9 img(src="/images/Hexagonal_chess.svg")
10 p.
11 As suggested by the picture, a variant setup generally looks more or less
12 like a chessboard with regular pieces (otherwise it's no longer a variant
13 but a whole new game).
14 p.emphasis.purple However...
15 p Each variant has its own new rules, which can involve
16 table.list-table
17 tbody
18 tr
19 td * different pieces movements
20 tr
21 td * different chessboard(s)
22 tr
23 td * new pieces
24 tr
25 td * moves side effects
26 tr
27 td ...and so on
28 .section
29 p.
30 Example: imagine that a capture is an atomic explosion, wiping all
31 adjacent squares – except the pawns, which as cockroaches can
32 resist this kind of event.
33 p Also state a goal: make the opponent's king explode.
34 p → Congrats, you defined Atomic chess! (Playable here)
35 .section
36 p.emphasis.purple
37 | OK, this all sounds interesting, but why would that be fun?
38 p.
39 Because all games here start with a random setup: no more boring
40 openings memorization, you have to rely on your chess skills only.
41 No game is like another one.
42 -
43 var wikipediaUrl = "https://en.wikipedia.org/wiki/" +
44 "List_of_chess_variants#/media/File:Hexagonal_chess.svg";
45 p
46 | For informations about hundreds (if not thousands) of variants, you
47 | can visit the excellent
48 a(href="https://www.chessvariants.com/" _target="blank" rel="noopener")
49 | chessvariants
50 |  website.
51 p.smallfont
52 | Image credit:
53 a(href=wikipediaUrl _target="blank" rel="noopener") Wikipedia