diff --git a/truthseeker/routes/routes_ui.py b/truthseeker/routes/routes_ui.py index 70ce902..9342c17 100644 --- a/truthseeker/routes/routes_ui.py +++ b/truthseeker/routes/routes_ui.py @@ -9,6 +9,18 @@ routes_ui = flask.Blueprint("ui", __name__) def index(): return flask.render_template("index.html") +@routes_ui.route("/privacy") +def privacy(): + return flask.render_template("privacy.html") + +@routes_ui.route("/licenses") +def licenses(): + return flask.render_template("licenses.html") + +@routes_ui.route("/legal") +def legal(): + return flask.render_template("legal.html") + @routes_ui.route("/lobby/") def lobby(game_id): # rendered by the javascript client-side diff --git a/truthseeker/static/css/game_ui.css b/truthseeker/static/css/game_ui.css index d8ad5fb..fca2a65 100644 --- a/truthseeker/static/css/game_ui.css +++ b/truthseeker/static/css/game_ui.css @@ -1,6 +1,6 @@ /* Custom fonts */ @font-face { - font-family: 'Spicy Rice'; + font-family: "Spicy Rice"; font-style: normal; font-weight: 400; font-display: swap; @@ -9,13 +9,23 @@ } @font-face { - font-family: 'Titan One'; + font-family: "Titan One"; font-style: normal; font-weight: 400; + font-display: swap; src: url("../fonts/titan_one_v13/titan_one_v13.woff2") format('woff2'), url("../fonts/titan_one_v13/titan_one_v13.woff") format('woff'), url("../fonts/titan_one_v13/titan_one_v13.ttf") format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } +@font-face { + font-family: "Roboto Mono"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("../fonts/roboto_mono_v22/roboto_mono_v22.woff2") format('woff2'), url("../fonts/roboto_mono_v22/roboto_mono_v22.woff") format('woff'), url("../fonts/roboto_mono_v22/roboto_mono_v22.ttf") format('truetype'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + /* Base elements */ :root { color-scheme: dark; @@ -46,6 +56,15 @@ body { display: none; } +/* Links */ +.link { + text-decoration: none; +} + +.link:visited { + color: unset; +} + /* Footer */ .footer_link { color: white; @@ -53,11 +72,11 @@ body { font-size: 1em; font-weight: bold; margin: 0.5em; - text-decoration: none; + transition: color 0.25s; } -.footer_link:visited { - color: unset; +.footer_link:hover { + color: #939393; } .footer_links { @@ -121,4 +140,12 @@ body { height: 100vh; width: 100vw; z-index: 1; -} \ No newline at end of file +} + +.theme_switcher_btn { + transition: fill 0.5s; +} + +.theme_switcher_btn:hover { + fill: #939393; +} diff --git a/truthseeker/static/css/game_ui_legal.css b/truthseeker/static/css/game_ui_legal.css new file mode 100644 index 0000000..f991a03 --- /dev/null +++ b/truthseeker/static/css/game_ui_legal.css @@ -0,0 +1,45 @@ +html { + background-color: black; +} + +body { + font-family: "Roboto Mono", "sans-serif"; +} + +.legal_link { + color: #0096FF; +} + +.legal_text_title { + font-family: "Spicy Rice", sans-serif; + font-size: 2.5em; + text-align: center; + margin-block-start: 0; + margin-block-end: 0; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.legal_text_last_update { + font-family: "Titan One", serif; + font-size: 1.5em; + margin-block-start: 0; + margin-block-end: 0; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.legal_text_description { + font-size: 1.25em; + margin-block-start: 0; + margin-block-end: 0; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.legal_text_unordered_list { + font-size: 1em; + /* Disable list item padding */ + list-style-position: inside; + padding-inline-start: 0; +} diff --git a/truthseeker/static/css/game_ui_start.css b/truthseeker/static/css/game_ui_start.css index fb6e398..6f46adf 100644 --- a/truthseeker/static/css/game_ui_start.css +++ b/truthseeker/static/css/game_ui_start.css @@ -35,8 +35,6 @@ margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; - -webkit-text-stroke: 1px black; - text-shadow: 1px 0 0 red, 0 1px 0 red, -1px 0 0 red, 0 -1px 0 red; } .top_button { @@ -69,4 +67,11 @@ padding-left: 1em; padding-right: 1em; text-transform: uppercase; -} \ No newline at end of file + overflow: hidden; + transition: box-shadow 0.5s, transform 0.5s; +} + +.action_button:hover { + transform: translate(0.1em, 0.1em); + box-shadow: 10px -10px 25px 0px black, -10px 10px 25px 0px black; +} diff --git a/truthseeker/static/fonts/roboto_mono_v22/roboto_mono_v22.ttf b/truthseeker/static/fonts/roboto_mono_v22/roboto_mono_v22.ttf new file mode 100644 index 0000000..2ab8f34 Binary files /dev/null and b/truthseeker/static/fonts/roboto_mono_v22/roboto_mono_v22.ttf differ diff --git a/truthseeker/static/fonts/roboto_mono_v22/roboto_mono_v22.woff b/truthseeker/static/fonts/roboto_mono_v22/roboto_mono_v22.woff new file mode 100644 index 0000000..068df61 Binary files /dev/null and b/truthseeker/static/fonts/roboto_mono_v22/roboto_mono_v22.woff differ diff --git a/truthseeker/static/fonts/roboto_mono_v22/roboto_mono_v22.woff2 b/truthseeker/static/fonts/roboto_mono_v22/roboto_mono_v22.woff2 new file mode 100644 index 0000000..f8894ba Binary files /dev/null and b/truthseeker/static/fonts/roboto_mono_v22/roboto_mono_v22.woff2 differ diff --git a/truthseeker/templates/index.html b/truthseeker/templates/index.html index 961add6..6802828 100644 --- a/truthseeker/templates/index.html +++ b/truthseeker/templates/index.html @@ -2,8 +2,8 @@ Truth Inquiry - - + + @@ -13,13 +13,13 @@
-

Thruth Inquiry

+

Truth Inquiry

@@ -40,11 +40,11 @@ - + diff --git a/truthseeker/templates/legal.html b/truthseeker/templates/legal.html new file mode 100644 index 0000000..9e5495e --- /dev/null +++ b/truthseeker/templates/legal.html @@ -0,0 +1,22 @@ + + + + Truth Inquiry - Mentions légales + + + + + + + +

Mentions légales

+
{{ html_legal_mentions }}
+ + + diff --git a/truthseeker/templates/licenses.html b/truthseeker/templates/licenses.html new file mode 100644 index 0000000..d73f61f --- /dev/null +++ b/truthseeker/templates/licenses.html @@ -0,0 +1,42 @@ + + + + Truth Inquiry - Licenses + + + + + + + +

Licenses et crédits de Truth Inquiry

+

Truth Inquiry n'aurait pas pu être réalisé sans ces personnes ou ces entreprises et leur travail, merci à elles ! Voici les éléments que nous avons réutilisés :

+ + + + diff --git a/truthseeker/templates/privacy.html b/truthseeker/templates/privacy.html new file mode 100644 index 0000000..d9bec53 --- /dev/null +++ b/truthseeker/templates/privacy.html @@ -0,0 +1,24 @@ + + + + Truth Inquiry - Politique de confidentialité + + + + + + + +

Politique de confidentialité de Truth Inquiry

+

Dernière mise à jour : {{ privacy_policy_last_updated_date }}

+

Merci d'utiliser Truth Inquiry ! Cette politique de confidentialité décrit quelles données nous collectons, à quelles fins et comment exercer vos droits dessus.

+
{{ html_privacy_policy }}
+ + +