diff --git a/Project/php/controller/VisitorController.php b/Project/php/controller/VisitorController.php index 93ef138..61f42a5 100755 --- a/Project/php/controller/VisitorController.php +++ b/Project/php/controller/VisitorController.php @@ -15,7 +15,8 @@ class VisitorController try{ $idVoc = Validation::filter_int($match['id'] ?? null); - $wordList = (new \gateway\TranslationGateway)->findByIdVoc($idVoc); + $wordList = (new \gateway\TranslationGateway())->findByIdVoc($idVoc); + $name = ((new \gateway\VocabularyListGateway())->findById($idVoc))->getName(); $wordShuffle = array(); shuffle($wordList); @@ -35,6 +36,7 @@ class VisitorController echo $twig->render('memory.html', [ 'wordShuffle' => $wordShuffle, 'pairs' => json_encode($pairs), + 'name' => $name ]); } diff --git a/Project/php/css/memory.css b/Project/php/css/memory.css index a68874f..3a2ce94 100755 --- a/Project/php/css/memory.css +++ b/Project/php/css/memory.css @@ -3,11 +3,17 @@ body { justify-content: center; align-items: center; height: 90vh; - background-color: #f0f0f0; + background-color: #acc2c2; margin: 2vh 15vh; overflow: hidden; } +h1{ + font-family: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Varela Round", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + text-align: center; + font-size: 5vh; +} + #memory-game { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); diff --git a/Project/php/css/quiz.css b/Project/php/css/quiz.css index cd7357e..4e97fd1 100755 --- a/Project/php/css/quiz.css +++ b/Project/php/css/quiz.css @@ -1,6 +1,6 @@ body { font-family: 'Arial', sans-serif; - background-color: #f4f4f4; + background-color: #acc2c2; margin: 0; display: flex; justify-content: center; diff --git a/Project/php/templates/memory.html b/Project/php/templates/memory.html index db1095d..7523db8 100755 --- a/Project/php/templates/memory.html +++ b/Project/php/templates/memory.html @@ -8,7 +8,7 @@
-

Memory Game : {{ nameVoc }}

+

Memory Game: {{ name }}

{% for word in wordShuffle %}