refactor client code to be used with the server
This commit is contained in:
Thomas Rubini
parent
47b82f2b69
commit
fa84404852
@ -1,50 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<title>Truth Inquiry</title>
|
||||
<link rel="stylesheet" href="res/ui/game_ui.css">
|
||||
<link rel="stylesheet" href="res/ui/start/game_ui_start.css">
|
||||
<meta name="color-scheme" content="dark light">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta charset="UTF-8">
|
||||
</head>
|
||||
<body class="game_app">
|
||||
<div class="alert_dialog_background"></div>
|
||||
<div class="game_start">
|
||||
<div class="header_actions">
|
||||
<button class="top_button theme_switcher" aria-label="Changer de thème">
|
||||
<svg class="theme_switcher_btn" xmlns="http://www.w3.org/2000/svg" height="48" width="48" fill="white">
|
||||
<path d="M24 34q-4.15 0-7.075-2.925T14 24q0-4.15 2.925-7.075T24 14q4.15 0 7.075 2.925T34 24q0 4.15-2.925 7.075T24 34ZM2 25.5v-3h8v3Zm36 0v-3h8v3ZM22.5 10V2h3v8Zm0 36v-8h3v8Zm-9.45-30.85L8.1 10.2l2.1-2.1 4.95 4.95ZM37.8 39.9l-4.95-4.95 2.1-2.1 4.95 4.95Zm-2.85-24.75-2.1-2.1L37.8 8.1l2.1 2.1ZM10.2 39.9l-2.1-2.1 4.95-4.95 2.1 2.1Z"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="game_begin">
|
||||
<h1 class="game_title">Thruth Inquiry</h1>
|
||||
<button class="action_button" id="play_button">Jouer</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="unsupported_browser">
|
||||
<div id="unsupported_browser_dialog" class="alert_dialog">
|
||||
<h3 class="alert_dialog_title">Navigateur non supporté</h3>
|
||||
<p class="alert_dialog_msg unsupported_browser_msg"></p>
|
||||
</div>
|
||||
</div>
|
||||
<noscript>
|
||||
<div class="alert_dialog_background" style="display: block;"></div>
|
||||
<div class="js_requirement">
|
||||
<div id="js_requirement_dialog" class="alert_dialog" style="display: block;">
|
||||
<h3 class="alert_dialog_title" style="display: block;">JavaScript nécessaire</h3>
|
||||
<p class="alert_dialog_msg unsupported_browser_msg" style="display: block;">Désolé, mais JavaScript est nécessaire pour faire fonctionner Truth Inquiry. Veuillez l'activer dans votre navigateur ou en utiliser un qui le supporte afin de pouvoir jouer au jeu.</p>
|
||||
</div>
|
||||
</div>
|
||||
</noscript>
|
||||
<footer>
|
||||
<div class="footer_links">
|
||||
<a href="/privacy.html" class="footer_link" target="_blank" title="Consulter la politique de confidentialité de Thruth Inquiry (ouverture dans un nouvel onglet)">Politique de confidentialité</a>
|
||||
<a href="/licenses.html" class="footer_link" target="_blank" title="Consulter les licenses des éléments non-originaux de Thruth Inquiry (ouverture dans un nouvel onglet)">Licenses</a>
|
||||
<a href="/legal.html" class="footer_link" target="_blank" title="Consulter les mentions légales de Thruth Inquiry (ouverture dans un nouvel onglet)">Mentions légales</a>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="res/core/game_common.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -6,7 +6,7 @@
|
||||
.game_begin {
|
||||
align-items: center;
|
||||
border-radius: 1.5em;
|
||||
background-image: url("../../images/start_background.png");
|
||||
background-image: url("../images/start_background.png");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
|
Before Width: | Height: | Size: 305 B After Width: | Height: | Size: 305 B |
|
Before Width: | Height: | Size: 602 KiB After Width: | Height: | Size: 602 KiB |
|
Before Width: | Height: | Size: 414 B After Width: | Height: | Size: 414 B |
@ -1,5 +1,50 @@
|
||||
index.html template
|
||||
<br>
|
||||
<a href="/lobby/ABCDEF">Go to a lobby</a>
|
||||
<br>
|
||||
<a href="/solo">Go to a solo game</a>
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<title>Truth Inquiry</title>
|
||||
<link rel="stylesheet" href="static/css/game_ui.css">
|
||||
<link rel="stylesheet" href="static/css/game_ui_start.css">
|
||||
<meta name="color-scheme" content="dark light">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta charset="UTF-8">
|
||||
</head>
|
||||
<body class="game_app">
|
||||
<div class="alert_dialog_background"></div>
|
||||
<div class="game_start">
|
||||
<div class="header_actions">
|
||||
<button class="top_button theme_switcher" aria-label="Changer de thème">
|
||||
<svg class="theme_switcher_btn" xmlns="http://www.w3.org/2000/svg" height="48" width="48" fill="white">
|
||||
<path d="M24 34q-4.15 0-7.075-2.925T14 24q0-4.15 2.925-7.075T24 14q4.15 0 7.075 2.925T34 24q0 4.15-2.925 7.075T24 34ZM2 25.5v-3h8v3Zm36 0v-3h8v3ZM22.5 10V2h3v8Zm0 36v-8h3v8Zm-9.45-30.85L8.1 10.2l2.1-2.1 4.95 4.95ZM37.8 39.9l-4.95-4.95 2.1-2.1 4.95 4.95Zm-2.85-24.75-2.1-2.1L37.8 8.1l2.1 2.1ZM10.2 39.9l-2.1-2.1 4.95-4.95 2.1 2.1Z"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="game_begin">
|
||||
<h1 class="game_title">Thruth Inquiry</h1>
|
||||
<button class="action_button" id="play_button">Jouer</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="unsupported_browser">
|
||||
<div id="unsupported_browser_dialog" class="alert_dialog">
|
||||
<h3 class="alert_dialog_title">Navigateur non supporté</h3>
|
||||
<p class="alert_dialog_msg unsupported_browser_msg"></p>
|
||||
</div>
|
||||
</div>
|
||||
<noscript>
|
||||
<div class="alert_dialog_background" style="display: block;"></div>
|
||||
<div class="js_requirement">
|
||||
<div id="js_requirement_dialog" class="alert_dialog" style="display: block;">
|
||||
<h3 class="alert_dialog_title" style="display: block;">JavaScript nécessaire</h3>
|
||||
<p class="alert_dialog_msg unsupported_browser_msg" style="display: block;">Désolé, mais JavaScript est nécessaire pour faire fonctionner Truth Inquiry. Veuillez l'activer dans votre navigateur ou en utiliser un qui le supporte afin de pouvoir jouer au jeu.</p>
|
||||
</div>
|
||||
</div>
|
||||
</noscript>
|
||||
<footer>
|
||||
<div class="footer_links">
|
||||
<a href="privacy" class="footer_link" target="_blank" title="Consulter la politique de confidentialité de Thruth Inquiry (ouverture dans un nouvel onglet)">Politique de confidentialité</a>
|
||||
<a href="licenses" class="footer_link" target="_blank" title="Consulter les licenses des éléments non-originaux de Thruth Inquiry (ouverture dans un nouvel onglet)">Licenses</a>
|
||||
<a href="legal" class="footer_link" target="_blank" title="Consulter les mentions légales de Thruth Inquiry (ouverture dans un nouvel onglet)">Mentions légales</a>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="static/js/game_common.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user