From 52b100ad168c10ea44b1df7b89b71ae177ae835a Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Thu, 22 Sep 2022 15:10:43 +0300 Subject: perenaine memory final --- rannak/mangud/perenaine/memori/img/image.svg | 26 ++++++ rannak/mangud/perenaine/memori/img/jahu.svg | 108 ++++++++++++---------- rannak/mangud/perenaine/memori/img/jahu.svg.bak | 85 +++++++++++++++++ rannak/mangud/perenaine/memori/img/pesu.svg | 35 +++++-- rannak/mangud/perenaine/memori/img/pesu.svg.bak | 46 +++++++++ rannak/mangud/perenaine/memori/img/suhkur.svg | 26 +++--- rannak/mangud/perenaine/memori/img/suhkur.svg.bak | 47 ++++++++++ rannak/mangud/perenaine/memori/img/taga.svg | 67 +------------- rannak/mangud/perenaine/memori/index.html | 30 +++++- rannak/mangud/perenaine/memori/script.js | 1 + rannak/mangud/perenaine/memori/style.css | 15 ++- 11 files changed, 346 insertions(+), 140 deletions(-) create mode 100644 rannak/mangud/perenaine/memori/img/image.svg create mode 100644 rannak/mangud/perenaine/memori/img/jahu.svg.bak create mode 100644 rannak/mangud/perenaine/memori/img/pesu.svg.bak create mode 100644 rannak/mangud/perenaine/memori/img/suhkur.svg.bak (limited to 'rannak/mangud/perenaine/memori') diff --git a/rannak/mangud/perenaine/memori/img/image.svg b/rannak/mangud/perenaine/memori/img/image.svg new file mode 100644 index 0000000..f3b93be --- /dev/null +++ b/rannak/mangud/perenaine/memori/img/image.svg @@ -0,0 +1,26 @@ + + + +Created with Fabric.js 3.6.3 + + + + + + + + + + + + + + + + + + + + Õlu + + \ No newline at end of file diff --git a/rannak/mangud/perenaine/memori/img/jahu.svg b/rannak/mangud/perenaine/memori/img/jahu.svg index 3ac729f..1bb651a 100644 --- a/rannak/mangud/perenaine/memori/img/jahu.svg +++ b/rannak/mangud/perenaine/memori/img/jahu.svg @@ -1,56 +1,64 @@ - - - - - - - - + + + + + + + + + + - - - - - - - - - + + + + + + + + + + + + + diff --git a/rannak/mangud/perenaine/memori/img/jahu.svg.bak b/rannak/mangud/perenaine/memori/img/jahu.svg.bak new file mode 100644 index 0000000..3ac729f --- /dev/null +++ b/rannak/mangud/perenaine/memori/img/jahu.svg.bak @@ -0,0 +1,85 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/rannak/mangud/perenaine/memori/img/pesu.svg b/rannak/mangud/perenaine/memori/img/pesu.svg index 6d38faa..2c27fe6 100644 --- a/rannak/mangud/perenaine/memori/img/pesu.svg +++ b/rannak/mangud/perenaine/memori/img/pesu.svg @@ -1,16 +1,35 @@ + viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> + + - + + + + + + + + + + + + + diff --git a/rannak/mangud/perenaine/memori/img/pesu.svg.bak b/rannak/mangud/perenaine/memori/img/pesu.svg.bak new file mode 100644 index 0000000..6d38faa --- /dev/null +++ b/rannak/mangud/perenaine/memori/img/pesu.svg.bak @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/rannak/mangud/perenaine/memori/img/suhkur.svg b/rannak/mangud/perenaine/memori/img/suhkur.svg index a82c743..58d4846 100644 --- a/rannak/mangud/perenaine/memori/img/suhkur.svg +++ b/rannak/mangud/perenaine/memori/img/suhkur.svg @@ -1,19 +1,19 @@ - - - - - + viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve"> + + + + + diff --git a/rannak/mangud/perenaine/memori/img/suhkur.svg.bak b/rannak/mangud/perenaine/memori/img/suhkur.svg.bak new file mode 100644 index 0000000..a82c743 --- /dev/null +++ b/rannak/mangud/perenaine/memori/img/suhkur.svg.bak @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/rannak/mangud/perenaine/memori/img/taga.svg b/rannak/mangud/perenaine/memori/img/taga.svg index a81a7dc..e7be8cb 100644 --- a/rannak/mangud/perenaine/memori/img/taga.svg +++ b/rannak/mangud/perenaine/memori/img/taga.svg @@ -1,62 +1,5 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + center-text-line + + + \ No newline at end of file diff --git a/rannak/mangud/perenaine/memori/index.html b/rannak/mangud/perenaine/memori/index.html index c19c7d5..6c470c3 100644 --- a/rannak/mangud/perenaine/memori/index.html +++ b/rannak/mangud/perenaine/memori/index.html @@ -14,118 +14,138 @@

Memori

-

Mängu läbimiseks leia üles kõik kümme paari

+

Mängu läbimiseks leia üles kõik kümme Talongipaari

-
- Butter +
+ või + Või taga
-
- Butter +
+ või + Või taga
tikud + Tikud taga
Tikud + Tikud taga
Alko + Õlu taga
Alko + Õlu taga
Jahu + Jahu taga
Jahu + Jahu taga
Pasta + Pasta taga
Pasta + Pasta taga
Pesu + Pesu taga
Pesu + Pesu taga
Riis + Riis taga
Riis + Riis taga
Sokid + Sokid taga
sokid + Sokid taga
Sool + Sool taga
Sool + Sool taga
suhkur + Suhkur taga
suhkur + Suhkur taga
diff --git a/rannak/mangud/perenaine/memori/script.js b/rannak/mangud/perenaine/memori/script.js index 1a06fd9..bcdba13 100644 --- a/rannak/mangud/perenaine/memori/script.js +++ b/rannak/mangud/perenaine/memori/script.js @@ -11,6 +11,7 @@ function flipCard() { this.classList.add('flip'); + if (!hasFlippedCard) { hasFlippedCard = true; firstCard = this; diff --git a/rannak/mangud/perenaine/memori/style.css b/rannak/mangud/perenaine/memori/style.css index 600f91d..99f803b 100644 --- a/rannak/mangud/perenaine/memori/style.css +++ b/rannak/mangud/perenaine/memori/style.css @@ -7,7 +7,7 @@ body { height: 100vh; display: flex; - background: #284F8F !important; + background: #eeee90 !important; } .memory-game { @@ -46,14 +46,25 @@ body { padding: 20px; position: absolute; border-radius: 5px; - background: #F1F5FF; + background: #bcf5bc; backface-visibility: hidden; } + .front-face { transform: rotateY(180deg); } +.talong-text{ + font-weight: bold; + position: absolute; + top: 85%; + left: 50%; + transform: translate(-50%, -50%) rotateY(180deg); + text-align: center +} + + /* Side stuff */ .left, .right{ -- cgit v1.2.3