oreolek/inksolitaire
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

cards

Browse source
This commit is contained in:
Alexander Yakovlev 2024-04-26 19:59:47 +06:00
parent 91b8ad6f00
commit 10bd29298a
Signed by: oreolek
GPG key ID: 8269E24B4008E32A
3 changed files with 75 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
game/cards.php
View file

@ -7,3 +7,23 @@ foreach($suits as $suit) {
echo $card.'_of_'.$suit.', ';
}
}
foreach($suits as $suit) {
foreach($cards as $card) {
$replace = [
'two' => 2,
'three' => 3,
'four' => 4,
'five' => 5,
'six' => 6,
'seven' => 7,
'eight' => 8,
'nine' => 9,
'ten' => 10,
];
$new_card = $replace[$card] ?? $card;
echo <<<EOF
text = text.replace('{$card}_of_{$suit}', '<img class="card" src="/images/{$new_card}_of_{$suit}.svg">');\n
EOF;
}
}

3
scss/style.scss
View file

@ -234,3 +234,6 @@ body {
.error {
color: red;
}
.card {
width: 3em;
}

53
src/index.js
View file

@ -11,7 +11,58 @@ import entryPoint from '../game/game.ink';
* It's an easy way to define your own tags and text transformations.
*/
function transform (text: string) {
text = text.replace('two_of_spades', '<img src="/images/2_of_spades.svg">');
text = text.replace('two_of_spades', '<img class="card" src="/images/2_of_spades.svg">');
text = text.replace('three_of_spades', '<img class="card" src="/images/3_of_spades.svg">');
text = text.replace('four_of_spades', '<img class="card" src="/images/4_of_spades.svg">');
text = text.replace('five_of_spades', '<img class="card" src="/images/5_of_spades.svg">');
text = text.replace('six_of_spades', '<img class="card" src="/images/6_of_spades.svg">');
text = text.replace('seven_of_spades', '<img class="card" src="/images/7_of_spades.svg">');
text = text.replace('eight_of_spades', '<img class="card" src="/images/8_of_spades.svg">');
text = text.replace('nine_of_spades', '<img class="card" src="/images/9_of_spades.svg">');
text = text.replace('ten_of_spades', '<img class="card" src="/images/10_of_spades.svg">');
text = text.replace('jack_of_spades', '<img class="card" src="/images/jack_of_spades.svg">');
text = text.replace('queen_of_spades', '<img class="card" src="/images/queen_of_spades.svg">');
text = text.replace('king_of_spades', '<img class="card" src="/images/king_of_spades.svg">');
text = text.replace('ace_of_spades', '<img class="card" src="/images/ace_of_spades.svg">');
text = text.replace('two_of_clubs', '<img class="card" src="/images/2_of_clubs.svg">');
text = text.replace('three_of_clubs', '<img class="card" src="/images/3_of_clubs.svg">');
text = text.replace('four_of_clubs', '<img class="card" src="/images/4_of_clubs.svg">');
text = text.replace('five_of_clubs', '<img class="card" src="/images/5_of_clubs.svg">');
text = text.replace('six_of_clubs', '<img class="card" src="/images/6_of_clubs.svg">');
text = text.replace('seven_of_clubs', '<img class="card" src="/images/7_of_clubs.svg">');
text = text.replace('eight_of_clubs', '<img class="card" src="/images/8_of_clubs.svg">');
text = text.replace('nine_of_clubs', '<img class="card" src="/images/9_of_clubs.svg">');
text = text.replace('ten_of_clubs', '<img class="card" src="/images/10_of_clubs.svg">');
text = text.replace('jack_of_clubs', '<img class="card" src="/images/jack_of_clubs.svg">');
text = text.replace('queen_of_clubs', '<img class="card" src="/images/queen_of_clubs.svg">');
text = text.replace('king_of_clubs', '<img class="card" src="/images/king_of_clubs.svg">');
text = text.replace('ace_of_clubs', '<img class="card" src="/images/ace_of_clubs.svg">');
text = text.replace('two_of_hearts', '<img class="card" src="/images/2_of_hearts.svg">');
text = text.replace('three_of_hearts', '<img class="card" src="/images/3_of_hearts.svg">');
text = text.replace('four_of_hearts', '<img class="card" src="/images/4_of_hearts.svg">');
text = text.replace('five_of_hearts', '<img class="card" src="/images/5_of_hearts.svg">');
text = text.replace('six_of_hearts', '<img class="card" src="/images/6_of_hearts.svg">');
text = text.replace('seven_of_hearts', '<img class="card" src="/images/7_of_hearts.svg">');
text = text.replace('eight_of_hearts', '<img class="card" src="/images/8_of_hearts.svg">');
text = text.replace('nine_of_hearts', '<img class="card" src="/images/9_of_hearts.svg">');
text = text.replace('ten_of_hearts', '<img class="card" src="/images/10_of_hearts.svg">');
text = text.replace('jack_of_hearts', '<img class="card" src="/images/jack_of_hearts.svg">');
text = text.replace('queen_of_hearts', '<img class="card" src="/images/queen_of_hearts.svg">');
text = text.replace('king_of_hearts', '<img class="card" src="/images/king_of_hearts.svg">');
text = text.replace('ace_of_hearts', '<img class="card" src="/images/ace_of_hearts.svg">');
text = text.replace('two_of_diamonds', '<img class="card" src="/images/2_of_diamonds.svg">');
text = text.replace('three_of_diamonds', '<img class="card" src="/images/3_of_diamonds.svg">');
text = text.replace('four_of_diamonds', '<img class="card" src="/images/4_of_diamonds.svg">');
text = text.replace('five_of_diamonds', '<img class="card" src="/images/5_of_diamonds.svg">');
text = text.replace('six_of_diamonds', '<img class="card" src="/images/6_of_diamonds.svg">');
text = text.replace('seven_of_diamonds', '<img class="card" src="/images/7_of_diamonds.svg">');
text = text.replace('eight_of_diamonds', '<img class="card" src="/images/8_of_diamonds.svg">');
text = text.replace('nine_of_diamonds', '<img class="card" src="/images/9_of_diamonds.svg">');
text = text.replace('ten_of_diamonds', '<img class="card" src="/images/10_of_diamonds.svg">');
text = text.replace('jack_of_diamonds', '<img class="card" src="/images/jack_of_diamonds.svg">');
text = text.replace('queen_of_diamonds', '<img class="card" src="/images/queen_of_diamonds.svg">');
text = text.replace('king_of_diamonds', '<img class="card" src="/images/king_of_diamonds.svg">');
text = text.replace('ace_of_diamonds', '<img class="card" src="/images/ace_of_diamonds.svg">');
text = text.replace('<st>', '<span class="subtitle">');
text = text.replace('</st>', '</span>');
text = text.replace('<ell>', '<span class="ellipsis">⏸️&nbsp;</span>');