sigmasternchen/88x31samegame
1
0
Fork 0
mirror of https://github.com/sigmasternchen/88x31samegame synced 2025-03-15 00:08:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add header and description block

Browse source
This commit is contained in:
sigmasternchen 2025-01-26 21:17:01 +01:00
parent ae5b523964
commit 5ff2d9c8d2
3 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
Makefile
View file

@ -1,3 +1,8 @@
deploy: build:
npm run build npm run build
deploy: build
echo "put public/*\nbye" | sshpass -p "${MAIN_FTP_PASSWORD}" sftp ${MAIN_FTP_USER}@${MAIN_FTP_HOST}
deploy-init: build
echo "put -r public/*\nbye" | sshpass -p "${MAIN_FTP_PASSWORD}" sftp ${MAIN_FTP_USER}@${MAIN_FTP_HOST} echo "put -r public/*\nbye" | sshpass -p "${MAIN_FTP_PASSWORD}" sftp ${MAIN_FTP_USER}@${MAIN_FTP_HOST}

6
public/index.html
View file

@ -7,6 +7,12 @@
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="./style.css">
</head> </head>
<body> <body>
<h1>88x31 SameGame</h1>
<div class="description">
Select groups of 3 or more adjoining blocks of the same type to remove them.
The blocks above will then fall down. Bigger groups result in more points.
The game ends when there are no more groups of 3 or more blocks exist on the board.
</div>
<div class="game-info"></div> <div class="game-info"></div>
<div class="board"> <div class="board">
<div class="gameover"></div> <div class="gameover"></div>

8
public/style.css
View file

@ -10,12 +10,18 @@
font-family: sans-serif; font-family: sans-serif;
} }
.description {
width: calc(var(--size-x) * var(--tile-width) + var(--padding) * (var(--size-x) + 1));
margin-bottom: 10px;
}
.meta-info { .meta-info {
margin-top: 30px; margin-top: 30px;
} }
.game-info { .game-info {
font-size: 40px; margin: 10px 0 10px 0;
font-size: 20px;
} }
.gameover { .gameover {