diff --git a/site/TODO b/site/test/TODO similarity index 100% rename from site/TODO rename to site/test/TODO diff --git a/site/config/Autoload.php b/site/test/config/Autoload.php similarity index 100% rename from site/config/Autoload.php rename to site/test/config/Autoload.php diff --git a/site/config/SplClassLoader.php b/site/test/config/SplClassLoader.php similarity index 100% rename from site/config/SplClassLoader.php rename to site/test/config/SplClassLoader.php diff --git a/site/config/config.php b/site/test/config/config.php similarity index 100% rename from site/config/config.php rename to site/test/config/config.php diff --git a/site/controllers/FrontControleur.php b/site/test/controllers/FrontControleur.php similarity index 100% rename from site/controllers/FrontControleur.php rename to site/test/controllers/FrontControleur.php diff --git a/site/controllers/PlayerControleur.php b/site/test/controllers/PlayerControleur.php similarity index 100% rename from site/controllers/PlayerControleur.php rename to site/test/controllers/PlayerControleur.php diff --git a/site/css/dys.otf b/site/test/css/dys.otf similarity index 100% rename from site/css/dys.otf rename to site/test/css/dys.otf diff --git a/site/css/main.TTF b/site/test/css/main.TTF similarity index 100% rename from site/css/main.TTF rename to site/test/css/main.TTF diff --git a/site/css/style.css b/site/test/css/style.css similarity index 100% rename from site/css/style.css rename to site/test/css/style.css diff --git a/site/img/1920px-NAND_ANSI.svg.png b/site/test/img/1920px-NAND_ANSI.svg.png similarity index 100% rename from site/img/1920px-NAND_ANSI.svg.png rename to site/test/img/1920px-NAND_ANSI.svg.png diff --git a/site/img/1920px-NOR_ANSI.svg.png b/site/test/img/1920px-NOR_ANSI.svg.png similarity index 100% rename from site/img/1920px-NOR_ANSI.svg.png rename to site/test/img/1920px-NOR_ANSI.svg.png diff --git a/site/img/1920px-NOT_ANSI.svg.png b/site/test/img/1920px-NOT_ANSI.svg.png similarity index 100% rename from site/img/1920px-NOT_ANSI.svg.png rename to site/test/img/1920px-NOT_ANSI.svg.png diff --git a/site/img/OR_ANSI.png b/site/test/img/OR_ANSI.png similarity index 100% rename from site/img/OR_ANSI.png rename to site/test/img/OR_ANSI.png diff --git a/site/img/aaa.png b/site/test/img/aaa.png similarity index 100% rename from site/img/aaa.png rename to site/test/img/aaa.png diff --git a/site/img/and_test.png b/site/test/img/and_test.png similarity index 100% rename from site/img/and_test.png rename to site/test/img/and_test.png diff --git a/site/img/eee.png b/site/test/img/eee.png similarity index 100% rename from site/img/eee.png rename to site/test/img/eee.png diff --git a/site/img/eeee.png b/site/test/img/eeee.png similarity index 100% rename from site/img/eeee.png rename to site/test/img/eeee.png diff --git a/site/img/france.png b/site/test/img/france.png similarity index 100% rename from site/img/france.png rename to site/test/img/france.png diff --git a/site/img/idea_black.png b/site/test/img/idea_black.png similarity index 100% rename from site/img/idea_black.png rename to site/test/img/idea_black.png diff --git a/site/img/idea_white.png b/site/test/img/idea_white.png similarity index 100% rename from site/img/idea_white.png rename to site/test/img/idea_white.png diff --git a/site/img/logiqueet.png b/site/test/img/logiqueet.png similarity index 100% rename from site/img/logiqueet.png rename to site/test/img/logiqueet.png diff --git a/site/img/logiqueetnon.png b/site/test/img/logiqueetnon.png similarity index 100% rename from site/img/logiqueetnon.png rename to site/test/img/logiqueetnon.png diff --git a/site/img/logiqueou.png b/site/test/img/logiqueou.png similarity index 100% rename from site/img/logiqueou.png rename to site/test/img/logiqueou.png diff --git a/site/img/nand.png b/site/test/img/nand.png similarity index 100% rename from site/img/nand.png rename to site/test/img/nand.png diff --git a/site/img/nand_test.png b/site/test/img/nand_test.png similarity index 100% rename from site/img/nand_test.png rename to site/test/img/nand_test.png diff --git a/site/img/non.png b/site/test/img/non.png similarity index 100% rename from site/img/non.png rename to site/test/img/non.png diff --git a/site/img/nonou.png b/site/test/img/nonou.png similarity index 100% rename from site/img/nonou.png rename to site/test/img/nonou.png diff --git a/site/img/nor_test.png b/site/test/img/nor_test.png similarity index 100% rename from site/img/nor_test.png rename to site/test/img/nor_test.png diff --git a/site/img/not_test.png b/site/test/img/not_test.png similarity index 100% rename from site/img/not_test.png rename to site/test/img/not_test.png diff --git a/site/img/or_test.png b/site/test/img/or_test.png similarity index 100% rename from site/img/or_test.png rename to site/test/img/or_test.png diff --git a/site/img/play-button.png b/site/test/img/play-button.png similarity index 100% rename from site/img/play-button.png rename to site/test/img/play-button.png diff --git a/site/img/play-button.svg b/site/test/img/play-button.svg similarity index 100% rename from site/img/play-button.svg rename to site/test/img/play-button.svg diff --git a/site/img/unnamed.jpg b/site/test/img/unnamed.jpg similarity index 100% rename from site/img/unnamed.jpg rename to site/test/img/unnamed.jpg diff --git a/site/img/usa.png b/site/test/img/usa.png similarity index 100% rename from site/img/usa.png rename to site/test/img/usa.png diff --git a/site/img/zzz.png b/site/test/img/zzz.png similarity index 100% rename from site/img/zzz.png rename to site/test/img/zzz.png diff --git a/site/js/const.js b/site/test/js/const.js similarity index 91% rename from site/js/const.js rename to site/test/js/const.js index 69cf6b9..503a19b 100644 --- a/site/js/const.js +++ b/site/test/js/const.js @@ -3,6 +3,9 @@ var imageHeight = 70; var imageWidth = 75; var imageRotation = 0; +//couleur +const blackColor = "#444442"; + //Image const pathImg = "../img/"; const imageLogiqueEt = "eee.png"; diff --git a/site/js/createElement.js b/site/test/js/createElement.js similarity index 100% rename from site/js/createElement.js rename to site/test/js/createElement.js diff --git a/site/js/creator.js b/site/test/js/creator.js similarity index 100% rename from site/js/creator.js rename to site/test/js/creator.js diff --git a/site/js/easytimer.min.js b/site/test/js/easytimer.min.js similarity index 100% rename from site/js/easytimer.min.js rename to site/test/js/easytimer.min.js diff --git a/site/js/func.js b/site/test/js/func.js similarity index 100% rename from site/js/func.js rename to site/test/js/func.js diff --git a/site/js/init.js b/site/test/js/init.js similarity index 100% rename from site/js/init.js rename to site/test/js/init.js diff --git a/site/js/logique.js b/site/test/js/logique.js similarity index 100% rename from site/js/logique.js rename to site/test/js/logique.js diff --git a/site/js/timer.js b/site/test/js/timer.js similarity index 100% rename from site/js/timer.js rename to site/test/js/timer.js diff --git a/site/modeles/Connection.php b/site/test/modeles/Connection.php similarity index 100% rename from site/modeles/Connection.php rename to site/test/modeles/Connection.php diff --git a/site/vues/index.html b/site/test/vues/index.html similarity index 100% rename from site/vues/index.html rename to site/test/vues/index.html diff --git a/site/vues/jeu.html b/site/test/vues/jeu.html similarity index 100% rename from site/vues/jeu.html rename to site/test/vues/jeu.html diff --git a/site/vues/jeu2.html b/site/test/vues/jeu2.html similarity index 100% rename from site/vues/jeu2.html rename to site/test/vues/jeu2.html diff --git a/site/vues/niv.json b/site/test/vues/niv.json similarity index 100% rename from site/vues/niv.json rename to site/test/vues/niv.json diff --git a/site/vues/perso.html b/site/test/vues/perso.html similarity index 100% rename from site/vues/perso.html rename to site/test/vues/perso.html diff --git a/site/vues/test.html b/site/test/vues/test.html similarity index 100% rename from site/vues/test.html rename to site/test/vues/test.html diff --git a/site/vue/css/style.css b/site/vue/css/style.css new file mode 100644 index 0000000..0cabb12 --- /dev/null +++ b/site/vue/css/style.css @@ -0,0 +1,156 @@ +@font-face { + font-family: main; + src: url(../font/main.ttf); +} +@font-face { + font-family: dys; + src: url(../font/dys.otf); +} +*{ + transition: .01s; +} + +body{ + font-family: main; +} + +body { + background-color: #D7CCC8; +} + +.title { + width: 100%; + text-align: center; + font-size: 8vh; +} + +#menu-selection { + position: absolute; + left: 0; + right: 0; + bottom: 0; + margin: 25vh auto; + text-align: center; +} + +.fa-play-circle { + font-size: 15vh; +} + +.message { + font-size: 3vh; + margin-bottom: 7vh; +} + +#jeu-select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + cursor: pointer; + font-size: 3vh; + background-color: transparent; + border: none; + color: #fe8a71; +} + +#jeu-select:focus { + outline: none; +} + +#jeu-select option { + background-color: lightgray; + border: none; +} + +.btn_play ul { + text-align: center; + list-style: none; +} + +.fa-cog { + font-size: 5vh; + position: absolute; + right: 0; + bottom: 0; + margin: 4vh; + transition: .5s; +} + +.fa-cog:hover { + font-size: 6vh; +} + +i:hover { + cursor: pointer; +} + +.modal { + display: none; + position: fixed; + z-index: 1; + padding-top: 100px; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); +} + +.modal-content { + position: relative; + margin: auto; + padding: 0; + width: 80%; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + -webkit-animation-name: animatetop; + -webkit-animation-duration: 0.4s; + animation-name: animatetop; + animation-duration: 0.4s +} +.modal-body{ + border:5px solid #D3D3CE; + border-radius: 15px; +} + +@-webkit-keyframes animatetop { + from { + top: -200px; + opacity: 0 + } + + to { + top: 0; + opacity: 1 + } +} + +@keyframes animatetop { + from { + top: -200px; + opacity: 0 + } + + to { + top: 0; + opacity: 1 + } +} + +img { + height: 50px; + transition: .5s; +} + +img:hover { + height: 60px; + cursor: pointer; +} + +hr{ + border : 3px solid #D3D3CE; +} +.img_france{ + margin-right:50px; +} \ No newline at end of file diff --git a/site/vue/font/dys.otf b/site/vue/font/dys.otf new file mode 100644 index 0000000..1a7c9d4 Binary files /dev/null and b/site/vue/font/dys.otf differ diff --git a/site/vue/font/main.TTF b/site/vue/font/main.TTF new file mode 100644 index 0000000..9c2323b Binary files /dev/null and b/site/vue/font/main.TTF differ diff --git a/site/vue/img/france.png b/site/vue/img/france.png new file mode 100644 index 0000000..a2864c1 Binary files /dev/null and b/site/vue/img/france.png differ diff --git a/site/vue/img/usa.png b/site/vue/img/usa.png new file mode 100644 index 0000000..a064228 Binary files /dev/null and b/site/vue/img/usa.png differ diff --git a/site/vue/index.html b/site/vue/index.html new file mode 100644 index 0000000..f5f7e75 --- /dev/null +++ b/site/vue/index.html @@ -0,0 +1,78 @@ + + + + + + + + + Make It True | Menu + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/site/vue/js/const.js b/site/vue/js/const.js new file mode 100644 index 0000000..6096de6 --- /dev/null +++ b/site/vue/js/const.js @@ -0,0 +1,40 @@ +//Portes Logiques +var imageHeight = 70; +var imageWidth = 75; +var imageRotation = 0; + +//couleur +const blackColor = "#444442"; +const whiteColor = "#D7CCC8"; +//Image +const pathImg = "../img/"; +const imageLogiqueEt = "eee.png"; +const imageLogiqueOu = "zzz.png"; +const imageLogiqueEtNon = "nand.png"; +const imageLogiqueInv = "not_test.png"; +const imageLogiqueNonOu = "aaa.png"; +const imageEnd = "idea_white.png"; + +//line +const colorLineInnactive = "black"; +const colorLineActive = "#4CFEFE";//FFF033 +const lineStroke = 4; +const pourcentageBreak = 15; + +//switch +const SwitchHeight = 25; +const SwitchWidth = 50; +const colorSwitchBorder = "black"; +const colorSwitchInnactiveBackground = "red"; +const colorSwitchActiveBackground = "green"; + +//timer +var timeEnd = 70; + +//switch +var numberOfSwitch = 0; + +//grid +var colonneTot = 4; +var numberPerColonne = []; +var liveColonneNumber = []; \ No newline at end of file diff --git a/site/vue/js/func.js b/site/vue/js/func.js new file mode 100644 index 0000000..214a679 --- /dev/null +++ b/site/vue/js/func.js @@ -0,0 +1,82 @@ + +var modal = document.getElementById("myModal"); +function setting() { + var modal = document.getElementById("myModal"); + modal.style.display = "block"; + +} +function closeSetting() { + var modal = document.getElementById("myModal"); + if (event.target == modal) { + modal.style.display = "none"; + } +} +window.onclick = function (event) { + closeSetting(); +} + +function darkMode() { + var checkbox = document.getElementById("darkcheck"); + if (checkbox.checked == true) { + setColor("black"); + } + else { + setColor("white"); + } +} +function dysFont() { + var checkbox = document.getElementById("dyscheckbox"); + var textToChange = document.querySelectorAll(".txt"); + var font; + if (checkbox.checked == true) { + font = "dys"; + } + else { + font = "main"; + } + textToChange.forEach(function (item) { + let currText = item.id; + document.getElementById(currText).style.fontFamily = font; + }) + document.getElementById("jeu-select").style.fontFamily = font; +} + +function setColor(color) { + if (color == "black") { + document.body.style.color = whiteColor; + document.getElementById("body").style.backgroundColor = blackColor; + document.getElementById("setting_int").style.color = whiteColor; + document.getElementById("setting_int").style.backgroundColor = blackColor; + var hr = document.querySelectorAll("#hr"); + hr.forEach(function(item){ + console.log(item); + hr.style.border = "3px solid " + blackColor; + }); + + } else { + document.body.style.color = blackColor; + document.getElementById("body").style.backgroundColor = whiteColor; + document.getElementById("setting_int").style.color = blackColor; + document.getElementById("setting_int").style.backgroundColor = whiteColor; + var hr = document.querySelectorAll("#hr"); + hr.forEach(function(item){ + hr.style.border = "3px solid " + whiteColor; + }); + } +} + +function setLang(newLang) { + var textToChange = document.querySelectorAll(".txt"); + if (newLang === "fr") { + textToChange.forEach(function (item) { + let currText = item.id; + document.getElementById(currText).innerHTML = lang.fr[currText]; + }) + } + else { + textToChange.forEach(function (item) { + let currText = item.id; + document.getElementById(currText).innerHTML = lang.en[currText]; + }) + } +} \ No newline at end of file diff --git a/site/vue/js/lang.js b/site/vue/js/lang.js new file mode 100644 index 0000000..e3c11ef --- /dev/null +++ b/site/vue/js/lang.js @@ -0,0 +1,28 @@ +const lang = { + fr: { + titleGame: "Make It True", + settingTitle: "Parametres", + playSelection: "Je veux jouer a", + mode1: "Aleatoire", + mode2: "Niveau Perso", + themeDark: "Theme Dark :", + retour: "Retour", + dysfont: "Dyslexie :", + setting_title_perso: "Personnalisation du jeu", + active_line_setting : "Couleur ligne active : ", + inactive_line_setting : "Couleur ligne innactive : ", + }, + en: { + titleGame: "Make It True", + settingTitle: "Settings", + playSelection: "I want to play ", + mode1: "Random", + mode2: "Perso Level", + themeDark: "Dark Theme :", + retour: "Back", + dysfont:"Dyslexia :", + setting_title_perso: "Game customization", + active_line_setting : "Color active line : ", + inactive_line_setting : "Color inactive line : ", + } +} \ No newline at end of file diff --git a/site/vue/js/main.js b/site/vue/js/main.js new file mode 100644 index 0000000..6c25195 --- /dev/null +++ b/site/vue/js/main.js @@ -0,0 +1,5 @@ +function initAll(){ + darkMode(); + setLang("fr"); + dysFont(); +} \ No newline at end of file diff --git a/site/vues/menu.html b/site/vues/menu.html deleted file mode 100644 index c3db5f3..0000000 --- a/site/vues/menu.html +++ /dev/null @@ -1,338 +0,0 @@ - - - - - - - - - Make It True | Menu - - - - - - - - - - - - \ No newline at end of file