Détails visuels

1 year ago · b2b4503719
parent dd1450e417
commit b2b4503719
4 changed files with 12 additions and 4 deletions
--- 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
            ]);

        }
--- 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));
--- 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;
--- a/Project/php/templates/memory.html
+++ b/Project/php/templates/memory.html
@ -8,7 +8,7 @@
 </head>
 <body>
 <div>
-    <h1>Memory Game : {{ nameVoc }}</h1>
+    <h1><u>Memory Game:</u> <i>{{ name }}</i></h1>
    <div id="memory-game">
        {% for word in wordShuffle %}
        <div class="card center-text flipped" data-word="{{ word }}">