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 
./script.js:18108127/38:18108132/1251:18108380/285
./.glitch-assets:18108127/415
./style.css:18108127/195
This commit is contained in:
Glitch (hello-webpage) 2020-07-30 08:54:05 +00:00
parent 543d29d54c
commit b5fc6f9e39
3 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.glitch-assets
View file

@ -84,3 +84,5 @@
{"name":"pair-card.svg","date":"2020-07-30T08:12:11.538Z","url":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fpair-card.svg","type":"image/svg+xml","size":1138,"imageWidth":127,"imageHeight":150,"thumbnail":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fpair-card.svg","thumbnailWidth":127,"thumbnailHeight":150,"uuid":"vKOLLBYmdmiASbki"}
{"uuid":"vKOLLBYmdmiASbki","deleted":true}
{"name":"pair-card.svg","date":"2020-07-30T08:15:14.492Z","url":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fpair-card.svg","type":"image/svg+xml","size":1138,"imageWidth":121,"imageHeight":150,"thumbnail":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fpair-card.svg","thumbnailWidth":121,"thumbnailHeight":150,"uuid":"LSgQf5itQcpE6kn4"}
{"uuid":"JXjjFls9NHr5BM0N","deleted":true}
{"name":"card-back.svg","date":"2020-07-30T08:51:37.095Z","url":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fcard-back.svg","type":"image/svg+xml","size":5104,"imageWidth":101,"imageHeight":150,"thumbnail":"https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fcard-back.svg","thumbnailWidth":101,"thumbnailHeight":150,"uuid":"7F1hB0P8dx4CFJZU"}

8
script.js
View file

@ -98,6 +98,8 @@ playBtn.addEventListener("click", goToModePage);
document.addEventListener("keydown", event => {
if (!chooseUserDiv.classList.contains("hide") && event.which === 13) {
goToModePage();
} else if((!looseDiv.classList.contains("hide") || !congratsDiv.classList.contains("hide")) && event.which === 13){
}
});
@ -107,7 +109,11 @@ for (let btn of playAgainBtns) {
discoveredCards = [];
tries = 0;
unFlipCards(imgDivArray);
e.target.parentElement.classList.add("hide");
if(e.which === 13){
} else {
e.target.parentElement.classList.add("hide");
}
chooseUserDiv.classList.remove("hide");
document.getElementById("username").value = "";
});

8
style.css
View file

@ -76,7 +76,7 @@ h2 {
}
.flipped-cell {
background-image: url("https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fcard-back.svg?v=1596059407981") !important;
background-image: url("https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fcard-back.svg?v=1596099097095") !important;
animation: flip-out 500ms forwards;
transition: 300ms ease-out;
}
@ -220,7 +220,7 @@ strong {
left: 20px;
z-index: 2;
color: white;
transform: skew(0deg, -2deg);
transform: skew(0deg, -4deg);
text-shadow: 0 3px 2px hsla(208, 80%, 45%, 1);
}
@ -277,7 +277,7 @@ strong {
@media (max-width: 980px) {
body {
padding: 60px 90px;
padding: 0 90px;
}
.cell {
@ -354,7 +354,7 @@ strong {
}
}
@media (max-width: 420px) {
@media (max-width: 500px) {
body {
padding: 0;
}