diff --git a/truthseeker/static/css/game_ui_game.css b/truthseeker/static/css/game_ui_game.css index ef8d9af..8b20984 100644 --- a/truthseeker/static/css/game_ui_game.css +++ b/truthseeker/static/css/game_ui_game.css @@ -241,7 +241,7 @@ html { margin: 0; margin-left: 0.6em; text-align: left; - margin-bottom:0; + margin-bottom: 0.3em; } .reveal { @@ -255,6 +255,28 @@ html { .summary { font-family: "Titan One", sans-serif; text-align: center; + margin-left: 1.3; + display: flex; + flex-direction: column; + align-content: center; + align-items: center; + margin: 1em; +} + +.scores { + font-family: "Titan One", sans-serif; + display: flex; + flex-direction: column; + align-content: center; + align-items: center; + margin: 1em; +} + +.summary { + display: flex; + flex-direction: column; + align-content: center; + align-items: center; } .reveal_and_scores { @@ -271,26 +293,30 @@ html { } .reveal_culprit_title { - color: white; + color: #B94444; font-family: "Spicy Rice", serif; font-weight: bold; font-size: 2em; margin-left: 1.3em; } +.explain_culprit_reveal, .explain_suspect { + font-family: "Roboto Mono", sans-serif; +} + .score_title { + color:#b94444; + font-family: "Spicy Rice", serif; text-align: center; } .reveal_score { - width: 15em; - height: 3em; - border-radius: 10%; - background-color: var(--button-color); display: flex; align-items: center; justify-content: center; - margin-left: 2.3em; + color:#BD1E1E; + font-size: 3em; + margin: 0.2em; } .players_list { @@ -304,6 +330,16 @@ html { .summary_title { font-family: "Spicy Rice", sans-serif; + text-align: center; + font-size: 4em; + color:#b94444; +} + +.suspect_title { + font-family: "Titan One", sans-serif; + display: flex; + flex-direction: row; + display: inline-block; } .suspects_list { @@ -313,15 +349,8 @@ html { margin-right: 1em; } -.suspect_title { - display: flex; - flex-direction: row; - display: inline-block; -} - - @media (max-width: 650px) { - .suspects_list{ + .suspects_list { display: flex; flex-direction: column; } @@ -335,3 +364,10 @@ html { background-color: transparent; border: transparent; } + +.summary_suspect{ + display: flex; + flex-direction: column; + margin-left: 1.5em; + margin-right: 1.5em; +} diff --git a/truthseeker/templates/game.html b/truthseeker/templates/game.html index f568baa..3e8618a 100644 --- a/truthseeker/templates/game.html +++ b/truthseeker/templates/game.html @@ -85,42 +85,52 @@

Résultats

-

SCORES :

-
Votre score :
+

SCORE :

+

4/5

nom1 :

-

score1


+

score1


nom2 :

-

score2


+

score2


nom3 :

-

score3


+

score3


nom4 :

score4

-

Le coupable était

+

Le coupable était ...

+ +

Ce suspect était le coupable car il ...

-
-

Débrief

-
-

Le suspect 1 était

-

Le suspect 2 était

-

Le suspect 3 était

-

Le suspect 4 était

+

Débrief

+
+
+

Le suspect 1 était ...

+ +

En effet, la ... se caractérise par un ..

+
+
+

Le suspect 2 était ...

+ +

En effet, la ... se caractérise par un ..

+
+
+

Le suspect 3 était ...

+ +

En effet, la ... se caractérise par un ..

+
+
+

Le suspect 4 était ...

+ +

En effet, la ... se caractérise par un ...

- -