Permalink
Browse files

new JS added

  • Loading branch information...
RitaZ committed Dec 6, 2018
1 parent ccdc647 commit 07cc55ddddad9ef276108c242255371001a82737
Showing with 367 additions and 251 deletions.
  1. +29 −16 css/style.css
  2. +5 −5 index.html
  3. +60 −230 js/index.js
  4. +273 −0 js/index_2.js
View
@@ -59,9 +59,14 @@ h1 {
}
h2 {
font-size: 16px;
text-align: center;
}
h3 {
font-size: 14px;
}
/*******************
SCORE PANEL
*******************/
@@ -73,16 +78,16 @@ h2 {
margin: 10px;
}
.score-panel .medals {
/* .score-panel .medals {
display: inline-block;
margin: 0;
padding: 0;
}
} */
.score-panel .medals li {
/* .score-panel .medals li {
list-style: none;
display: inline-block;
}
} */
.bronze {
color: #CD7F32;
@@ -149,9 +154,8 @@ h2 {
cursor: pointer;
}
/* img hidden */
.deck .card img {
display: none;
display: none;
border-radius: 5px;
width: 100%;
height: 100%;
@@ -202,7 +206,7 @@ h2 {
}
/*************************************
OVERLAY BEFORE STARTING THE GAME
OVERLAY BEFORE AND AFTER STARTING THE GAME
*************************************/
.message {
@@ -289,6 +293,9 @@ h2 {
*******************/
footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
padding: 10px 0;
@@ -395,7 +402,6 @@ footer {
width: 450px;
height: 450px;
}
}
/*******************
@@ -404,12 +410,20 @@ footer {
@media (min-width: 1024px) {
body {
font-size: 24px;
font-size: 20px;
}
h1 {
font-size: 40px;
}
font-size: 34px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 18px;
}
.social-media img {
width: 30px;
@@ -418,13 +432,12 @@ footer {
}
.deck {
width: 750px;
height: 750px;
width: 700px;
height: 700px;
}
.message {
width: 550px;
height: 550px;
width: 450px;
height: 450px;
}
}
View
@@ -46,7 +46,7 @@ <h1>Memory Game</h1>
<li class="card" type="brekkie">
<img src="./images/brekkie.JPG" alt="brekkie">
</li>
<li class="card " type="desert">
<li class="card" type="desert">
<img src="./images/desert.JPG" alt="desert">
</li>
<li class="card" type="flowers">
@@ -70,13 +70,13 @@ <h1>Memory Game</h1>
<li class="card" type="brekkie">
<img src="./images/brekkie.JPG" alt="brekkie">
</li>
<li class="card " type="desert">
<li class="card" type="desert">
<img src="./images/desert.JPG" alt="desert">
</li>
<li class="card" type="flowers">
<img src="./images/flowers.jpg" alt="flowers">
</li>
<li class="card " type="icecream">
<li class="card" type="icecream">
<img src="./images/icecream.jpg" alt="icecream">
</li>
<li class="card" type="london">
@@ -92,7 +92,7 @@ <h1>Memory Game</h1>
<!-- Overlay before starting the game -->
<div id="ready" class="message show">
<div id="ready" class="message">
<h2>Ready for the gold?</h2>
<h3><i class="fas fa-medal gold"></i> ≤ 12 moves</h3>
<h3><i class="fas fa-medal silver"></i> ≤ 17 moves</h3>
@@ -102,7 +102,7 @@ <h3><i class="fas fa-medal bronze"></i> ≥ 18 moves</h3>
<!-- Overlay after finishing the game -->
<div id="popup1" class="message">
<div id="popup1" class="message hidden">
<div class="popup">
<h2>Congratulations!</h2>
<a class="close" href=#>x</a>
Oops, something went wrong.

0 comments on commit 07cc55d

Please sign in to comment.