You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
3.3 KiB
83 lines
3.3 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="https://use.fontawesome.com/releases/v5.0.4/css/all.css" rel="stylesheet">
|
|
<link href="css/style.css" rel="stylesheet">
|
|
<title>Make It True | Menu</title>
|
|
</head>
|
|
<body id="body">
|
|
<div id="menu">
|
|
<p id="titleGame" class="title txt">Make It True</p>
|
|
</div>
|
|
<div class="btn_play" id="menu-selection">
|
|
<ul>
|
|
<li>
|
|
<div class="message">
|
|
<a class="txt" id="playSelection">Je veux jouer a </a>
|
|
<select id="jeu-select">
|
|
<option value="aleatoire" class="txt" id="mode1">Aleatoire</option>
|
|
<option value="perso" class="txt" id="mode2">Niveau Perso</option>
|
|
</select>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a onclick="play()"><i class="far fa-play-circle"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<a onclick="setting();"><i class="fa fa-cog" id="setting" aria-hidden="true"></i></a>
|
|
<div id="myModal" class="modal">
|
|
<div class="modal-content">
|
|
<div id="setting_int" class="modal-body" align=center>
|
|
<h1 class="txt" id="settingTitle">Parametres</h1>
|
|
<hr id="hr">
|
|
<br>
|
|
<p>
|
|
<a class="txt" id="themeDark">Theme dark</a>
|
|
<input id="darkcheck" type="checkbox" onclick="darkMode()" checked></p>
|
|
<p>
|
|
<a class="txt" id="dysfont">DYSLEXIE</a>
|
|
<input id="dyscheckbox" type="checkbox" onclick="dysFont()"></p>
|
|
<br>
|
|
<br><img onclick="setLang('fr')" class="img_france" src="img/france.png" />
|
|
<img onclick="setLang('en')" src="img/usa.png" /><br><br>
|
|
<hr id="hr">
|
|
<p id="setting_title_perso" class="txt">Personnalisation du jeu</p>
|
|
<p><a class="txt" id="active_switch_setting">Couleur ligne active : </a><input type="color" id="active_switch_picker" name="head"
|
|
value="#008000"></p>
|
|
<p><a class="txt" id="inactive_switch_setting">Couleur ligne innactive : </a><input type="color" id="inactive_switch_picker" name="head"
|
|
value="#FF0000"></p>
|
|
<p><a class="txt" id="active_line_setting">Couleur ligne innactive : </a><input type="color" id="active_line_picker" name="head"
|
|
value="#4CFEFE"></p>
|
|
<p><a class="txt" id="inactive_line_setting">Couleur ligne innactive : </a><input type="color" id="inactive_line_picker" name="head"
|
|
value="#000000"></p>
|
|
<hr id="hr">
|
|
<div class="setting_play" id="setting_container">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="https://unpkg.com/konva@6.0.0/konva.min.js"></script>
|
|
<script src="js/const.js"></script>
|
|
<script src="js/lang.js"></script>
|
|
<script src="js/func.js"></script>
|
|
<script src="js/createElement.js"></script>
|
|
<script src="js/logique.js"></script>
|
|
<script src="js/init.js"></script>
|
|
<script src="js/main.js"></script>
|
|
|
|
<script>
|
|
|
|
function play(){
|
|
//document.location.href="jeu2.html";
|
|
}
|
|
initAll();
|
|
</script>
|
|
|
|
|
|
</html> |