jasterv/MEMORY-CARD-GAME
1
0
Fork 0
mirror of https://codeberg.org/JasterV/MEMORY-CARD-GAME.git synced 2026-04-26 18:20:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

👂👮 Checkpoint

Browse source 
./style.css:18108127/670
./script.js:18108127/60
./index.html:18108127/5
This commit is contained in:
Glitch (hello-webpage) 2020-07-29 22:15:36 +00:00
parent f75a68776c
commit 88bc37a046
3 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -28,7 +28,7 @@
</div>
<div class="congrats-container hide">
<div class="congrats-container">
<h1>
You win! 🎉
</h1>

2
script.js
View file

@ -219,7 +219,7 @@ function shuffle(array) {
array.sort(() => Math.random() - 0.5);
}
// FADE PLACEHOLDER IF INPUT IS EMPTY
// Placeholder fade
var usernameInput = document.getElementById("username");
var placeholder = document.getElementById("placeholder");

16
style.css
View file

@ -12,7 +12,6 @@ body {
}
h2 {
margin-bottom: 2rem;
text-align: center;
}
@ -100,10 +99,10 @@ h2 {
justify-content: center;
}
.choose-username h1 {
.choose-username h1, .congrats-container h1 {
margin: 0;
padding-bottom: 1rem;
color: hsla(208, 80%, 50%, 0.5);
color: hsla(208, 80%, 50%, 0.8);
}
input[type="text"] {
@ -163,10 +162,14 @@ input[type="text"]:focus ~ .placeholder {
box-shadow: 0 0px 0 #1b6fb8;
}
.game-button i, .fa-undo-alt {
.fa-undo-alt {
font-size: 1.5rem;
}
.fa-gamepad {
font-size: 30px;
}
strong {
color: hsla(208, 80%, 60%, 1);
}
@ -213,6 +216,11 @@ strong {
color: hsla(208, 80%, 60%, 1);
}
.user-scores p {
font-weight: bold;
color: hsla(208, 80%, 20%, .4);
}
#user-scores {
max-height: 85%;
}