Skip to content

Commit

Permalink
add: help text
Browse files Browse the repository at this point in the history
  • Loading branch information
@img02
img02 committed Jun 9, 2023
1 parent c867eca commit 3489588
Show file tree
Hide file tree
Showing 9 changed files with 49 additions and 8 deletions.
6 changes: 3 additions & 3 deletions build/asset-manifest.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"files": {
"main.css": "/where-s-wally/static/css/main.a155f094.css",
"main.js": "/where-s-wally/static/js/main.bc191869.js",
"main.js": "/where-s-wally/static/js/main.08b283d0.js",
"static/media/post-apocalypse.png": "/where-s-wally/static/media/post-apocalypse.070ba750ccaed9d252ac.png",
"static/media/medieval.png": "/where-s-wally/static/media/medieval.6c8ea2d0f38873f836dd.png",
"static/media/pirate island.png": "/where-s-wally/static/media/pirate island.23bd6f2e0ab8e04d41ac.png",
Expand All @@ -10,10 +10,10 @@
"static/media/underground.png": "/where-s-wally/static/media/underground.5a248a733b1f31ab127b.png",
"index.html": "/where-s-wally/index.html",
"main.a155f094.css.map": "/where-s-wally/static/css/main.a155f094.css.map",
"main.bc191869.js.map": "/where-s-wally/static/js/main.bc191869.js.map"
"main.08b283d0.js.map": "/where-s-wally/static/js/main.08b283d0.js.map"
},
"entrypoints": [
"static/css/main.a155f094.css",
"static/js/main.bc191869.js"
"static/js/main.08b283d0.js"
]
}
2 changes: 1 addition & 1 deletion build/index.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/where-s-wally/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="where's wally type app"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Source+Code+Pro&display=swap" rel="stylesheet"/><link rel="apple-touch-icon" href="/where-s-wally/logo192.png"/><link rel="manifest" href="/where-s-wally/manifest.json"/><title>find em fast</title><script defer="defer" src="/where-s-wally/static/js/main.bc191869.js"></script><link href="/where-s-wally/static/css/main.a155f094.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/where-s-wally/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="where's wally type app"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Source+Code+Pro&display=swap" rel="stylesheet"/><link rel="apple-touch-icon" href="/where-s-wally/logo192.png"/><link rel="manifest" href="/where-s-wally/manifest.json"/><title>find em fast</title><script defer="defer" src="/where-s-wally/static/js/main.08b283d0.js"></script><link href="/where-s-wally/static/css/main.a155f094.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
3 changes: 3 additions & 0 deletions build/static/js/main.08b283d0.js
View file

Large diffs are not rendered by default.

0 build/static/js/main.bc191869.js.LICENSE.txt → build/static/js/main.08b283d0.js.LICENSE.txt
View file
File renamed without changes.
1 change: 1 addition & 0 deletions build/static/js/main.08b283d0.js.map
View file

Large diffs are not rendered by default.

3 changes: 0 additions & 3 deletions build/static/js/main.bc191869.js
View file

This file was deleted.

1 change: 0 additions & 1 deletion build/static/js/main.bc191869.js.map
View file

This file was deleted.

28 changes: 28 additions & 0 deletions src/Assets/game_state_panel.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -144,6 +144,34 @@
visibility: hidden;
}

.how-to-play {
display: flex;
justify-content: center;
align-items: center;

font-weight: 700;
height: 25px;
width: 25px;
border-radius: 50%;
border-style: solid;
border-width: 1px;

cursor: help;
}

.how-to-play-text {
position: absolute;
top: 90px;
padding: 0 20px;
background-color: rgb(0, 0, 0);
border-radius: 15px;
visibility: hidden;
}

.how-to-play:hover + .how-to-play-text {
visibility: visible;
}

/* For Mobile */
@media screen and (max-width: 900px) {
.game-panel-root {
Expand Down
13 changes: 13 additions & 0 deletions src/Components/game_state_panel.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,19 @@ const GameStatePanel = ({ gameState, toFind, attribution, foundStatus }) => {
<a href={attribution} target="_blank" rel="noreferrer">
img source
</a>
<div class="how-to-play">
<div>?</div>
</div>
<div class="how-to-play-text">
<p>
Navigate the world by click and dragging, or using the arrow
keys.
</p>
<p>
Click on a spot to open the find menu, and select the character.
</p>
<p>Find them all to win!</p>
</div>
</div>
);
case "end":
Expand Down

0 comments on commit 3489588

Please sign in to comment.