CHERCHER
diff --git a/SwichGIT/src/js/main.js b/SwichGIT/src/js/main.js index a8c6b19..b7f26b8 100644 --- a/SwichGIT/src/js/main.js +++ b/SwichGIT/src/js/main.js @@ -8,8 +8,8 @@ var darkprima = "#474747"; var darkseconda = "#393939"; var darktercia = "#606060"; var carteselect = []; -var deckPartie = []; //Ensemble des cartes affichées a l'ecran -var TasDuJEU = []; // Ensemble de toutes les cartes présente dans le jeu +var deckPartie = []; //Ensemble des cartes affichees a l'ecran +var TasDuJEU = []; // Ensemble de toutes les cartes presente dans le jeu @@ -17,7 +17,7 @@ var TasDuJEU = []; // Ensemble de toutes les cartes présente dans le jeu class Carte { - constructor(id, allFigure/*,row,column,nbForme*/) { //à décommenter quand il y aura des prametres de partie + constructor(id, allFigure/*,row,column,nbForme*/) { //a decommenter quand il y aura des prametres de partie //Attribut de Classe this.identifiant = id; this.row = 4 /*row*/; @@ -65,7 +65,7 @@ class Carte { var lacarte = "card" + macarte; for (var i = 0; i < deckPartie.length; i++) { if (this.id == deckPartie[i].identifiant) { - var laCarte = deckPartie[i];//Carte liée avec le code HTML + var laCarte = deckPartie[i];//Carte liee avec le code HTML } } if (document.getElementById(lacarte).style.boxShadow != "") { @@ -186,7 +186,7 @@ class Figure { } var unRond = document.createElement('div'); - unRond.className = "rondinterieur inté"; + unRond.className = "rondinterieur inte"; unCercle.appendChild(unRond); divContainForm.appendChild(unCercle); @@ -309,7 +309,7 @@ function journuit() { function lancerpartie() { document.getElementById("pageAccueil").style.visibility = "hidden"; - //fonction de création de partie à changer en fonction du test voulu + //fonction de creation de partie a changer en fonction du test voulu creePartieClassique(); document.getElementById("pageGame").style.visibility = "visible"; } @@ -332,7 +332,7 @@ function redistribuer() { deckPartie = []; for (var i = 0; i < 16; i++) { var index = getRandom(0, TasDuJEU.length - 1) - var dejaPresente = false;//Permet de savoir si la carte est déjà dans la liste + var dejaPresente = false;//Permet de savoir si la carte est deja dans la liste for (var j = 0; j < deckPartie.length; j++) { if (TasDuJEU[index].identifiant == deckPartie[j].identifiant) { dejaPresente = true; @@ -340,7 +340,7 @@ function redistribuer() { } while (dejaPresente == true) { index = getRandom(0, TasDuJEU.length - 1) - dejaPresente = false;//Permet de savoir si la carte est déjà dans la liste + dejaPresente = false;//Permet de savoir si la carte est deja dans la liste for (var j = 0; j < deckPartie.length; j++) { if (TasDuJEU[index].identifiant == deckPartie[j].identifiant) { dejaPresente = true; @@ -354,7 +354,7 @@ function redistribuer() { } //================================================================================================================================================================ -//Fonction créations de game +//Fonction creations de game function genererTouteslesCartes3_4Possibles() { deckPartie = []; @@ -431,7 +431,7 @@ function creePartieClassique() { } for (var i = 0; i < 16; i++) { var index = getRandom(0, TasDuJEU.length - 1) - var dejaPresente = false;//Permet de savoir si la carte est déjà dans la liste + var dejaPresente = false;//Permet de savoir si la carte est deja dans la liste for (var j = 0; j < deckPartie.length; j++) { if (TasDuJEU[index].identifiant == deckPartie[j].identifiant) { dejaPresente = true; @@ -439,7 +439,7 @@ function creePartieClassique() { } while (dejaPresente == true) { index = getRandom(0, TasDuJEU.length - 1) - dejaPresente = false;//Permet de savoir si la carte est déjà dans la liste + dejaPresente = false;//Permet de savoir si la carte est deja dans la liste for (var j = 0; j < deckPartie.length; j++) { if (TasDuJEU[index].identifiant == deckPartie[j].identifiant) { dejaPresente = true; @@ -475,7 +475,7 @@ function creePartieInfini() { Coy2 = getRandom(0, 3); } AllFigure.push(new Figure(new Array(TypeFigure.Moyen), FormeFigure.Rond, Cox2, Coy2)); - //Code de Génération de Figure + //Code de Generation de Figure var uneCarte = new Carte(j, AllFigure); deckPartie.push(uneCarte); @@ -493,7 +493,7 @@ function changerlesCartesDeTasDeJeu() { TasDuJEU.splice(unIndex, 1); if (TasDuJEU.length > 16) { var index2 = getRandom(0, TasDuJEU.length - 1) - var dejaPresente = false;//Permet de savoir si la carte est déjà dans la liste + var dejaPresente = false;//Permet de savoir si la carte est deja dans la liste for (var j = 0; j < deckPartie.length; j++) { if (TasDuJEU[index2].identifiant == deckPartie[j].identifiant) { dejaPresente = true; @@ -501,7 +501,7 @@ function changerlesCartesDeTasDeJeu() { } while (dejaPresente == true) { index2 = getRandom(0, TasDuJEU.length - 1) - dejaPresente = false;//Permet de savoir si la carte est déjà dans la liste + dejaPresente = false;//Permet de savoir si la carte est deja dans la liste for (var j = 0; j < deckPartie.length; j++) { if (TasDuJEU[index2].identifiant == deckPartie[j].identifiant) { dejaPresente = true; @@ -546,7 +546,7 @@ function remplacerLaCarte(uneCarte) { Coy2 = getRandom(0, 3); } AllFigure.push(new Figure(new Array(TypeFigure.Moyen), FormeFigure.Rond, Cox2, Coy2)); - //Code de Génération de Figure + //Code de Generation de Figure var newCarte = new Carte(pos + 1, AllFigure); deckPartie[pos] = newCarte; } @@ -615,7 +615,62 @@ function creaMatrice(row, column) { } //================================================================================= -//chercheCombi => Compte les combinainsons de 2 cartes à l'écran +//chercheCombi => Compte les combinainsons de 2 à 5 cartes a l'ecran +//Pour changer le nombre de carte maximum dans une liste il faut changer la valeur max de N + +function chercherCombinaison() { + var Cptsolution = 0; + /* + Pour toutes les longueurs possible d’un tas de carte (N = 0, N<4 ; N++) + Pour toutes les échantillon de cartes ( i = 0 ; i<16 – N ; i ++) + Pour toutes les autres cartes (j=0 ;j<15-i-N ;j++) + DeckTest = vide ; + DeckTest.push(DeckPartie[i]) + Pour N + 2 cartes (k=1 ;k<2+N ;k++) + DeckTest.push(DeckPartie[i+k+j]) + Tab = AssemblageArbre(copie(Decktest) , Decktest[0]) + Pour toutes les valeurs de tab + Si tab[m] == N+2 + //Woula j’ai trouvé*/ + for (var N = 0; N < 4; N++) { + for (var i = 0; i < 16 - N; i++) { + for (var j = 0; j < 15 - i - N; j++) { + var DeckTeste = []; + var tabCode = []; + var tab = []; + var copie = []; + DeckTeste.push(deckPartie[i]); + for (var k = 1; k < N + 2; k++) { + DeckTeste.push(deckPartie[i + k + j]) + } + tab = AssemblageARBRE(copieListeDeCarte(DeckTeste), copieCarte(DeckTeste[0])); + + //Recupération de code + + var solution = true; + for (var h = 0; h < tab.length; h++) { + tabCode.push(tab[h].code); + } + //Reagarde si il y a une solution + for (var g = 0; g < tab.length; g++) { + if (tab[g].code == DeckTeste.length) { + solution = false; + } + } + //Reagarde si il y a une solution + if (!solution) { + Cptsolution++; + var recup = []; + for (var h = 0; h < DeckTeste.length; h++) { + recup.push(deckPartie.indexOf(DeckTeste[h]) + 1); + } + window.alert("Combinaison a " + (N + 2) + " cartes trouvée : " + recup); + } + } + } + } + window.alert("Nombre de combinaison: " + Cptsolution); +} function chercheCombi2() { var Cptsolution = 0; @@ -656,15 +711,15 @@ function chercheCombi2() { } if (!solution) { Cptsolution++; - window.alert("Combinaison a 2 trouvé: " + (i + 1) + " " + (i + j + 2)); + window.alert("Combinaison a 2 trouve: " + (i + 1) + " " + (i + j + 2)); } } } - window.alert("Nombre de solution à 2 cartes : " + Cptsolution); + window.alert("Nombre de solution a 2 cartes : " + Cptsolution); } //================================================================================= -//chercheCombi => Compte les combinainsons de 3 cartes à l'écran +//chercheCombi => Compte les combinainsons de 3 cartes a l'ecran function chercheCombi3() { var Cptsolution = 0; for (var i = 0; i < 15; i++) { //Partie fixe @@ -710,7 +765,7 @@ function chercheCombi3() { } if (!solution) { Cptsolution++; - window.alert("Combinaison a 3 trouvé: " + (i + 1) + " " + (i + j + 2) + " " + (k + j + i + 3)); + window.alert("Combinaison a 3 trouve: " + (i + 1) + " " + (i + j + 2) + " " + (k + j + i + 3)); } } } @@ -718,12 +773,12 @@ function chercheCombi3() { if (Cptsolution == 0) { window.alert("Pas de solution"); } - window.alert("Nombre de solution à 3 cartes : " + Cptsolution); + window.alert("Nombre de solution a 3 cartes : " + Cptsolution); } //================================================================================= -//FONCTION DE TEST => permet de tester des fonctionnalité via le bouton VALIDER +//FONCTION DE TEST => permet de tester des fonctionnalite via le bouton VALIDER function testPourJeuInfini() { try { @@ -752,7 +807,7 @@ function testPourJeuInfini() { } } if (solution) { - window.alert("Rien trouvé chef !!!"); + window.alert("Rien trouve chef !!!"); } if (!solution) { window.alert("J'ai une solution chef !!!!"); @@ -793,7 +848,7 @@ function testPourJeuClassique() { } } if (solution) { - window.alert("Rien trouvé chef !!!"); + window.alert("Rien trouve chef !!!"); } if (!solution) { window.alert("J'ai une solution chef !!!!"); @@ -916,7 +971,7 @@ function comparaisonARBRE(CarteMereEntree, CarteFilleEntree) { for (var j = 0; j < CarteMere.SesFigures.length; j++) { if (CarteFille.SesFigures[i].X == CarteMere.SesFigures[j].X) { if (CarteFille.SesFigures[i].Y == CarteMere.SesFigures[j].Y) { - //Coordonnées identiques + //Coordonnees identiques if (CarteFille.SesFigures[i].forme == CarteMere.SesFigures[j].forme) { //Forme identiques for (var k = 0; k < CarteMere.SesFigures[j].type.length; k++) { @@ -940,7 +995,7 @@ function comparaisonARBRE(CarteMereEntree, CarteFilleEntree) { } } } - //Si le type de la figure n'y est pas on l'ajoute à la liste de carte Mere; + //Si le type de la figure n'y est pas on l'ajoute a la liste de carte Mere; liaison = liaison + 1; CarteMere.SesFigures[j].type.push(CarteFille.SesFigures[i].type[0]); } else { @@ -993,7 +1048,7 @@ function SommeDeCarte(CarteMere, CarteFille) { //================================================================================== - +/* function ChoisirPseudo() { let nom = localStorage.getItem('nom'); if (nom == null) { @@ -1009,24 +1064,24 @@ function EnvoyerNouveauNom() { document.location.reload(true); }; - +*/ /* function addplayer(){ - //j'ai mis une limite de 6joueurs, mais c'est à voir + //j'ai mis une limite de 6joueurs, mais c'est a voir if(nbplayers < 7){ - //création de la div contenant le pseudo + //creation de la div contenant le pseudo var divpseudo = document.createElement('div'); divpseudo.id = 'pseudolist'; - //reprise du pseudo entré par le joueur + //reprise du pseudo entre par le joueur var pseudo = document.getElementById("inputpseudo").value; - //vérification si pseudo vide pour lui donner un pseudo du style "Joueur3" + //verification si pseudo vide pour lui donner un pseudo du style "Joueur3" if(pseudo == "") { pseudo = "Joueur " + nbplayers; } - //création du text-pseudo + //creation du text-pseudo var tag = document.createElement("p"); tag.className = "pseudojoueur"; var text = document.createTextNode(pseudo); diff --git a/SwichGIT/src/js/menu.js b/SwichGIT/src/js/menu.js new file mode 100644 index 0000000..3371545 --- /dev/null +++ b/SwichGIT/src/js/menu.js @@ -0,0 +1,82 @@ +var FormeSelect = []; +var ListeCouleur = ["colorbase","colorcarre","colorone","colortwo","colorthree"] +//3 modes : 0 = couleurs // 1 = formes // 2 = personnaliser les cartes +var mode = 0; + + +function SelectShape(shape){ + //recuperer la forme + var forme = "set"+shape; + var selection = document.getElementById(forme); + //Que si deja selectionne + var couleurBase = selection.style.backgroundColor; + //deselection + if(couleurBase[0] == "v" && couleurBase[1] == "a" && couleurBase[2] == "r"){ + //supprime de la liste des selectionne + var pos = FormeSelect.indexOf(shape); + FormeSelect.splice(pos, 1); + //recuperer la couleur + var recupColor = getVarColor(couleurBase); + ListeCouleur.push(recupColor); + //mettre a jour la couleur + selection.style.backgroundColor = "#333"; + //document.getElementById("SettingName").innerHTML = recupColor; + + + }else{ //selection + if(FormeSelect.length > 4){ + alert("NON NON NOOOOOON"); + } else{ + FormeSelect.push(shape); + //definir la couleur + var couleur = "var(--" + ListeCouleur[0] + ")"; + selection.style.backgroundColor = couleur; + //Supprimer la couleur de la liste + ListeCouleur.splice(0, 1); + //document.getElementById("SettingName").innerHTML = ListeCouleur.length; + } + } +} + +function getVarColor(color){ + var getvar = color; + getvar = getvar.substring(6,getvar.length-1); + + return getvar; +} + +function varColorToHex(color){ + hex = getComputedStyle(document.documentElement).getPropertyValue(color); + hex = hex.substring(1,hex.length); + return hex; +} + +function settingSuiv(){ + if(mode == 0){ //passage au mode forme + document.getElementById('testSettings').innerHTML = "Les formes"; + document.getElementById('couleurs').style.display = "none"; + document.getElementById('forme').style.visibility = "visible"; + document.getElementById('SettingAfter').style.visibility = "collapse"; + document.getElementById('SettingBefore').style.visibility = "visible"; + mode = mode + 1; + } +} + +function settingPrec(){ + if(mode == 1){ + document.getElementById('testSettings').innerHTML = "Les couleurs"; + document.getElementById('couleurs').style.display = ""; + document.getElementById('forme').style.visibility = "collapse"; + document.getElementById('SettingAfter').style.visibility = "visible"; + document.getElementById('SettingBefore').style.visibility = "collapse"; + mode = mode - 1; + } +} + +function SettingClose(){ + document.getElementById('popup2').style.display = "none"; +} + +function settingOpen(){ + document.getElementById('popup2').style.display = ""; +} \ No newline at end of file From ee90e9a0215bce61500ca5aac20164ad9125cd5d Mon Sep 17 00:00:00 2001 From: cytoffinMorpion
- - - - - - -query('INSERT INTO partie(Id) VALUES("'.$partiecreer.'")'); - $idpartie=$partiecreer; - require("DB.php"); -} -if($action=="Rejoindre"){ - $idpartie=$_POST['placer']; - $idpartie=$partiecreer; - require("DB.php"); -} - -echo "Id : $idpartie
" ; -$colonne=""; - -if(isset($_POST['case'])){ - - if($_POST['case']=='1'){ - $colonne='un'; -} -elseif ($_POST['case']=='2'){ - $colonne='deux'; -} -elseif ($_POST['case']=='3'){ - $colonne='trois'; -} -elseif ($_POST['case']=='4'){ - $colonne='quatre'; -} -elseif ($_POST['case']=='5'){ - $colonne='cinq'; -} -elseif ($_POST['case']=='6'){ - $colonne='six'; -} -elseif ($_POST['case']=='7'){ - $colonne='sept'; -} -elseif ($_POST['case']=='8'){ - $colonne='huit'; -} -elseif ($_POST['case']=='9'){ - $colonne='neuf'; -} - else{ - $colonne='null'; - } -} -$valeur=""; -if(isset($_POST['forme'])){ - $valeur=$_POST['forme']; -} - - -header("refresh: 2"); -//$db->exec('CREATE TABLE partie(Id STRING,un STRING,deux STRING,trois STRING, quatre STRING,cinq STRING,six STRING,sept STRING,huit STRING,neuf STRING)'); -if(isset($colonne)and $valeur!="" and $colonne!=''){ - - $aff=$db->query('SELECT "'.$colonne.'" FROM partie where Id="'.$idpartie.'" '); - $res = $aff->fetchArray(); - - if(strlen($res[$colonne])==1){ - echo "Insertion impossible une valeur est déjà à l'intérieur
"; - } - else{ - $update = $db->query('UPDATE partie SET "'.$colonne.'" = "'.$valeur.'" where Id="'.$idpartie.'" '); - } -} - -$afficher = $db->query('SELECT * FROM partie where Id="'.$idpartie.'" '); -while ($row = $afficher->fetchArray()) { - -$un=$row['un']; -$deux=$row['deux']; -$trois=$row['trois']; -$quatre=$row['quatre']; -$cinq=$row['cinq']; -$six=$row['six']; -$sept=$row['sept']; -$huit=$row['huit']; -$neuf=$row['neuf']; -} -echo " -
$un | -$deux | -$trois | -
$quatre | -$cinq | -$six | -
$sept | -$huit | -$neuf | -
-
- - - - - - - - - - diff --git a/SwichGIT/MorpionMulti/bddt.php b/SwichGIT/MorpionMulti/bddt.php deleted file mode 100644 index 5eef32f..0000000 --- a/SwichGIT/MorpionMulti/bddt.php +++ /dev/null @@ -1,4 +0,0 @@ - \ No newline at end of file diff --git a/SwichGIT/MorpionMulti/js.js b/SwichGIT/MorpionMulti/js.js deleted file mode 100644 index e69de29..0000000 diff --git a/SwichGIT/MorpionMulti/mysqlitedb.db b/SwichGIT/MorpionMulti/mysqlitedb.db deleted file mode 100644 index cea990e5f7f784c537732da284c59285d8428f1b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8192 zcmeI!Ta4pY835qiZ_Z`6%bDHTS%wVVvMnsdcH+dLr8K_BaqPsmIDx{>WHXt}eKN_; z?9f{%@W2BCQGrAO^#O@WAS4h-MXCTHkU;Q&1VtdNiUco}3R0y45>McnX_g-}PTzPy zIpcWj?>`rx-;Pg=hSDE)v#UFUt>s}h=R4=~`+bjQvp%2i755WxKa=8j4?>d@_y6(v zTa{OQ59YHex0XNC^10ir%rY>`z$^o^49qex%fKuHvkc5KFw4L!1G5awGVuSEf$>#; z^y2)y|Ks-#msd8syUT-N|IK}X)%mi?XU#IB@Y&PI{gs$9Zrsi
zgPs2V Insertion impossible une valeur est déjà à l'intérieur D%*~&jBgSDv|n+xSIiI14O@C
zBPEO7!UhO9+FZavzr81{g6hfEqWo@}7Nf(r$aAH2N*+Up-ldU}wT(e3S+#NwQnJZU
zw8`sO$tIq7Q79#=b*2zBlpp}6LrPXHKvoj`mlizFgwyny2^n8aKg~iGnE2c;DPPro
zFbPh|SHZ(ca8kYs?zh7oO$I#TZU @^D3sH(?JWL){0CBh5uO+oWc(Z{<$5_;#9$pTX0<3mgpBI
z%JYf!v9*81!l!<52+3&wXcC-E7uEhTf lfM=EsT#E=A3+ZmrF{qhUwJC~%tSMG(
zYNE}F0mM+UU&s*T)=crVO-?K1N$Arp+Kjh-Ti;F{U2BO}XZp6JXT1Go^|bGm+inxy
z2k!gTz-OlqmWt_AyOGv=KZA6&nYb?gPOGKhJ60=My_LB!c^xTz_3N>89Sai$`}RiM
zZ&&7>vPA>-4RJFA>Ri&KnU$5O$3T;f0Z7RW3~v+N+$Po0cGO&vv?4hc2{S450}18e
zK37K}?N R1+%J|A1NUHo9-
zH&SPRd=?9({$bucS8lFr-n@Zd;84+G=?nK6h7D0e{X2FgUKwj37O9>D2c>EGQ!qD0
z>L*E84z(p;mwHRaubjXLDU8TCW^)#im5qaK0$2$Xg5~JI
z0@W!n{K?VEslfjv(2NG^6EOQ_up$<8c_m)Xx{n}}A1Pg_bRsH9>ADZ#sYGOymzIFW
zCY$=7{g0@o;uYOh4e<#H1x1NkjCy8ZylS3x-z)1AUe-pfm?cmyn804Ug%^0{X(P9T
z93D|+BCed`Az!9=(5+uV4Wb(qT9OVgjmk*>0Br6Ab|)nm{E?CV;aT CsS~>d*<0(lrj-3GV17<6h@Qs5*f~Ahw=o`!5
zgv(w;_CK5>V#izinb5-yb{-veQQbvlKKg2wSn*qiKMkux4_1{mS?Iz?X%@cQm2Ph=
zl8r{uDj5Vh3&4Utu>TWU(Irm<{Jf~8iOW&Y@A
zodmrIomvTpMr~;{p?rvlkOd^mNnC?mvl4$t>Ve*76r !)}GfraTgeIb8?Pw=Y{wM+mvk5Z;w
z?M-r|sTMPm8=$fimPw~*`M@@Cb`;2sN7k2st&0yENATn-xC?3hEGT_v^u
+
@@ -10,36 +10,40 @@
Identifiant inconnu
";
+}
+else{
+ echo "
+
+
+
+";
+}
+
+
+?>
diff --git a/SwichGIT/MorpionMulti/MyDB.php b/SwichGIT/MorpionPhp/MaDB.php
similarity index 99%
rename from SwichGIT/MorpionMulti/MyDB.php
rename to SwichGIT/MorpionPhp/MaDB.php
index 1c579bd..58e90b3 100644
--- a/SwichGIT/MorpionMulti/MyDB.php
+++ b/SwichGIT/MorpionPhp/MaDB.php
@@ -1,6 +1,4 @@
+
+
+
+
+
+ $un
+ $deux
+ $trois
+
+
+ $quatre
+ $cinq
+ $six
+
+
+$sept
+ $huit
+ $neuf
+ Morpion
+
+
+
+
+Identifiant partie : $idpartie";
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+query('SELECT "'.$colonne.'" FROM partie where Id="'.$idpartie.'" ');
+ $res = $aff->fetchArray();
+
+ if(strlen($res[$colonne])!=0){
+ echo "
";
+ }
+ else{
+ $update = $db->query('UPDATE partie SET "'.$colonne.'" = "'.$valeur.'" where Id="'.$idpartie.'" ');
+ }
+
+}
\ No newline at end of file
diff --git a/SwichGIT/MorpionPhp/SupprimerPartieActuelEtCreer.php b/SwichGIT/MorpionPhp/SupprimerPartieActuelEtCreer.php
new file mode 100644
index 0000000..a31418a
--- /dev/null
+++ b/SwichGIT/MorpionPhp/SupprimerPartieActuelEtCreer.php
@@ -0,0 +1,12 @@
+query($requete);
+
+$newid=genererChaineAleatoire(10);
+$_SESSION['idpartie']=$newid;
+$db->query('INSERT INTO partie(Id) VALUES("'.$newid.'")');
\ No newline at end of file
diff --git a/SwichGIT/MorpionPhp/SupprimerPartieActuelle.php b/SwichGIT/MorpionPhp/SupprimerPartieActuelle.php
new file mode 100644
index 0000000..e86d695
--- /dev/null
+++ b/SwichGIT/MorpionPhp/SupprimerPartieActuelle.php
@@ -0,0 +1,10 @@
+query($requete);
+
+
diff --git a/SwichGIT/MorpionMulti/css.css b/SwichGIT/MorpionPhp/css.css
similarity index 84%
rename from SwichGIT/MorpionMulti/css.css
rename to SwichGIT/MorpionPhp/css.css
index b0e2494..690d7dc 100644
--- a/SwichGIT/MorpionMulti/css.css
+++ b/SwichGIT/MorpionPhp/css.css
@@ -1,9 +1,14 @@
body{
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
+ background-color: #9DD9D2;
}
-
+.myInput{
+ background-color: #ff8500;
+ height: 0px;
+ width: 0px;
+}
h1 {
font-size: 4em;
font-weight: 700;
@@ -34,7 +39,3 @@ p{
text-align: center;
color: #F43C3F
}
-
-
-
-
diff --git a/SwichGIT/MorpionPhp/js.js b/SwichGIT/MorpionPhp/js.js
new file mode 100644
index 0000000..38977a6
--- /dev/null
+++ b/SwichGIT/MorpionPhp/js.js
@@ -0,0 +1,14 @@
+function myFunction() {
+ /* Get the text field */
+ var copyText = document.getElementById("myInput");
+
+ /* Select the text field */
+ copyText.select();
+ copyText.setSelectionRange(0, 99999); /* For mobile devices */
+
+ /* Copy the text inside the text field */
+ document.execCommand("copy");
+
+ /* Alert the copied text */
+ alert("Copied the text: " + copyText.value);
+}
\ No newline at end of file
diff --git a/SwichGIT/MorpionPhp/mysqlitedb.db b/SwichGIT/MorpionPhp/mysqlitedb.db
new file mode 100644
index 0000000000000000000000000000000000000000..9555096a849ef92beed5a68129c4bdf996b35c55
GIT binary patch
literal 8192
zcmeI#Piw+37zXe+BJ3ceySd(8*bWn9AnRer`KO2|f|`RK>x>xKT5S{XIzO!+!xW9z
z-Sv5C(&tUuLw>i+CL?VWue1C&G5kSKBm{ji6H(2LiW|O!3sv8^ciI0}HF}Tu(S0R?
z1-S
Date: Sun, 3 Jan 2021 21:36:34 +0100
Subject: [PATCH 4/4] Avancement parametres
---
SwichGIT/src/css/PageDaccueil.css | 134 +-
SwichGIT/src/css/Resp1.css | 321 -----
SwichGIT/src/css/Resp2.css | 321 -----
SwichGIT/src/css/Resp3.css | 549 +-------
SwichGIT/src/css/base.css | 17 +-
SwichGIT/src/css/desktops.css | 134 ++
SwichGIT/src/css/fonts/Montserrat-Black.ttf | Bin 257552 -> 0 bytes
SwichGIT/src/css/fonts/Montserrat-Black.woff | Bin 133620 -> 0 bytes
SwichGIT/src/css/fonts/Montserrat-Black.woff2 | Bin 87772 -> 0 bytes
.../src/css/fonts/Montserrat-ExtraBold.ttf | Bin 244868 -> 0 bytes
.../src/css/fonts/Montserrat-ExtraBold.woff2 | Bin 88448 -> 0 bytes
SwichGIT/src/css/formes.css | 191 +++
SwichGIT/src/css/phone.css | 6 +
SwichGIT/src/css/pickr.min.css | 1148 +++++++++++++++--
SwichGIT/src/css/tablet.css | 79 ++
SwichGIT/src/index.html | 340 +++--
SwichGIT/src/js/main.js | 8 +-
SwichGIT/src/js/menu.js | 88 +-
18 files changed, 1830 insertions(+), 1506 deletions(-)
delete mode 100644 SwichGIT/src/css/Resp1.css
delete mode 100644 SwichGIT/src/css/Resp2.css
create mode 100644 SwichGIT/src/css/desktops.css
delete mode 100644 SwichGIT/src/css/fonts/Montserrat-Black.ttf
delete mode 100644 SwichGIT/src/css/fonts/Montserrat-Black.woff
delete mode 100644 SwichGIT/src/css/fonts/Montserrat-Black.woff2
delete mode 100644 SwichGIT/src/css/fonts/Montserrat-ExtraBold.ttf
delete mode 100644 SwichGIT/src/css/fonts/Montserrat-ExtraBold.woff2
create mode 100644 SwichGIT/src/css/formes.css
create mode 100644 SwichGIT/src/css/phone.css
create mode 100644 SwichGIT/src/css/tablet.css
diff --git a/SwichGIT/src/css/PageDaccueil.css b/SwichGIT/src/css/PageDaccueil.css
index ceeebe6..de5e84c 100644
--- a/SwichGIT/src/css/PageDaccueil.css
+++ b/SwichGIT/src/css/PageDaccueil.css
@@ -8,6 +8,7 @@
#mount1 {
z-index: 11;
+ position: absolute;
}
#mount2 {
@@ -31,7 +32,6 @@
#couleurs{
z-index: 1;
- top: -20vw;
}
.pannel{
@@ -43,6 +43,7 @@
#pickrcontner{
position: relative;
display: flex;
+ flex-wrap: wrap;
justify-content: space-around;
}
@@ -100,70 +101,6 @@
display: table-cell;
vertical-align: middle;
}
-.settingRond{
- height: 80%;
- width: 80%;
- margin-left: 10%;
- margin-top: 10%;
- -webkit-clip-path: circle(50% at 50% 50%);
- clip-path: circle(50% at 50% 50%);
-}
-.settingCarre{
- height: 80%;
- width: 80%;
- margin-left: 10%;
- margin-top: 10%;
- -webkit-clip-path: inset(0 0 0 0);
- clip-path: inset(0 0 0 0);
-}
-.settingTriangle{
- height: 80%;
- width: 80%;
- margin-left: 10%;
- margin-top: 10%;
- -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
- clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-}
-.settingCroix{
- height: 80%;
- width: 80%;
- margin-left: 10%;
- margin-top: 10%;
- -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
- clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
-}
-.settingLosange{
- height: 80%;
- width: 80%;
- margin-left: 10%;
- margin-top: 10%;
- -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
- clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-}
-.settingPenta{
- height: 80%;
- width: 80%;
- margin-left: 10%;
- margin-top: 10%;
- -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
- clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
-}
-.settingHexa{
- height: 80%;
- width: 80%;
- margin-left: 10%;
- margin-top: 10%;
- -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
- clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
-}
-.settingHocto{
- height: 80%;
- width: 80%;
- margin-left: 10%;
- margin-top: 10%;
- -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
- clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-}
.settingShape{
background-color: #333;
}
@@ -444,6 +381,73 @@ label:active:after {
z-index: 10;
}
+#choosemode {
+ height: 4vw;
+ width: 16vw;
+ position: absolute;
+ left: 42vw;
+ top: 50vh;
+ z-index: 15;
+}
+
+#conteneurmode{
+ width: 80%;
+ height: 2vw;
+ left : 10%;
+ top : 25%;
+ position: absolute;
+ margin: 0 auto;
+ background-color: var(--lightsedonca);
+ border-radius: 5vw;
+}
+
+#modeprec{
+ height: 100%;
+ width: 15%;
+ float: left;
+ position: relative;
+}
+
+#modesuiv{
+ height: 100%;
+ width: 15%;
+ float: right;
+ position: relative;
+}
+
+#textdumode{
+ height: 100%;
+ width: 70%;
+ position: absolute;
+ left: 15%;
+}
+
+#textmode {
+ font-family: Lucida Console, Arial Black, Arial;
+ font-size: 1vw;
+ color: #707070;
+ text-align:center;
+ margin: 5% auto 0 auto;
+}
+
+#triangleprec{
+ width: 0;
+ height: 0;
+ margin: 0.25vw auto 0 auto;
+ border-top: 0.75vw solid transparent;
+ border-right: 1.25vw solid grey;
+ border-bottom: 0.75vw solid transparent;
+}
+
+#trianglesuiv{
+ width: 0;
+ height: 0;
+ margin: 0.25vw auto 0 auto;
+ border-top: 0.75vw solid transparent;
+ border-left: 1.25vw solid grey;
+ border-bottom: 0.75vw solid transparent;
+}
+
#buttonadd {
position: absolute;
top: 30%;
diff --git a/SwichGIT/src/css/Resp1.css b/SwichGIT/src/css/Resp1.css
deleted file mode 100644
index 4ad3c72..0000000
--- a/SwichGIT/src/css/Resp1.css
+++ /dev/null
@@ -1,321 +0,0 @@
-/*Demi Ecran*/
-@media screen and (max-width: 960px) and (min-height: 600px) {
- .anneau {
- box-sizing: border-box;
- background-color: #FFD100;
- border-radius: 3vw;
- height: inherit;
- width: inherit;
- display: table-cell;
- vertical-align: middle;
- }
-
- .rondinterieur {
- background-color: var(--lighttercia);
- height: 3vw;
- width: 3vw;
- display: table;
- margin: 0 auto;
- border-radius: 3vw;
- }
-
- .containform {
- box-sizing: content-box;
- height: 6vw;
- width: 6vw;
- display: table-cell;
- vertical-align: middle;
- }
-
- .rond {
- display: table;
- margin: 0 auto;
- background-color: #FFD100;
- height: 3vw;
- width: 3vw;
- border-radius: 3vw;
- }
-
- /* PARTIE CARRE */
- .carre {
- background-color: #30C0DE;
- height: inherit;
- width: inherit;
- display: table-cell;
- vertical-align: middle
- }
-
- .carreinterieur {
- background-color: var(--lightsedonca);
- height: 3vw;
- width: 3vw;
- display: table;
- margin: 0 auto;
- }
-
- .pcarre {
- display: table;
- margin: 0 auto;
- background-color: #30C0DE;
- height: 3vw;
- width: 3vw;
- }
-
- /* PARTIE TRIANGLE */
- .triangle {
- display: table;
- margin: 0 auto;
- border-left: 2.5vw solid transparent;
- border-right: 2.5vw solid transparent;
- border-bottom: 5vw solid #DEA430;
- }
-
- .trianglerinterieur {
- position: absolute;
- margin-left: -1.5vw;
- margin-top: 1.25vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-bottom: 3vw solid var(--lightsedonca);
- }
-
- .ptriangle {
- display: table;
- margin: 0 auto;
- margin-top: 0.75vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-bottom: 3vw solid #DEA430;
- }
-
- /* TRAPEZE */
- .trapeze {
- bottom: 0px;
- height: 0;
- margin-top: 2.58vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-top: 3vw solid #6FDE30;
- }
-
- .triangletrapeze {
- padding-top: 0.1vw;
- position: absolute;
- border-left: 3vw solid transparent;
- border-right: 3vw solid transparent;
- border-bottom: 2.5vw solid #6FDE30;
- }
-
- .trapezeinte {
- position: absolute;
- margin-top: 3vw;
- margin-left: 1.25vw;
- width: 2vw;
- border-left: 0.75vw solid transparent;
- border-right: 0.75vw solid transparent;
- border-top: 1.5vw solid var(--lightsedonca);
- z-index: 15;
- }
-
- .triangletrapezeinte {
- position: absolute;
- margin-top: 1.45vw;
- margin-left: 1.25vw;
- padding-top: 0.1vw;
- border-left: 1.75vw solid transparent;
- border-right: 1.75vw solid transparent;
- border-bottom: 1.5vw solid var(--lightsedonca);
- z-index: 15;
- }
-
- .trapezep {
- display: table;
- margin: 0 auto;
- margin-top: 2vw;
- width: 2vw;
- border-left: 0.75vw solid transparent;
- border-right: 0.75vw solid transparent;
- border-top: 1.5vw solid #6FDE30;
- z-index: 15;
- }
-
- .triangletrapezep {
- position: absolute;
- margin-top: 0.55vw;
- margin-left: 1.25vw;
- border-left: 1.75vw solid transparent;
- border-right: 1.75vw solid transparent;
- border-bottom: 1.5vw solid #6FDE30;
- z-index: 15;
- }
-
- .losangephaut {
- display: table;
- margin: 0 auto;
- margin-top: -3vw;
- border-left: 3vw solid transparent;
- border-right: 3vw solid transparent;
- border-bottom: 3vw solid #B130DE;
- }
-
- .losangepbas {
- position: absolute;
- border-left: 3vw solid transparent;
- border-right: 3vw solid transparent;
- border-top: 3vw solid #B130DE;
- }
-
- .losangephauti {
- display: table;
- margin: 0 auto;
- margin-top: -1.5vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-bottom: 1.5vw solid var(--lightsedonca);
- }
-
- .losangepbasi {
- position: absolute;
- margin-left: 1.5vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-top: 1.5vw solid var(--lightsedonca);
- }
-
- .losangephautc {
- display: table;
- margin: 0 auto;
- margin-top: -1.5vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-bottom: 1.5vw solid #B130DE;
- }
-
- .losangepbasc {
- position: absolute;
- margin-left: 1.5vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-top: 1.5vw solid #B130DE;
- }
-
- .buttonretour {
- position: relative;
- height: 4vh;
- width: 4vh;
- border-radius: 55vw;
- background-color: var(--lightsedonca);
- z-index: 5;
- margin-left: 2vw;
- top: 1.75vw;
- }
-
- .flex-item {
- background: var(--lightsedonca);
- width: 10vw;
- height: 13vw;
- border-radius: 2vw;
- padding-right: 0.4vw;
- padding-left: 0.4vw;
- padding-bottom: 0.8vw;
- padding-top: 0.4vw;
- list-style: none;
- display: flex;
- margin-right: 1.75vw;
- margin-left: 1.75vw;
- -webkit-flex-flow: row wrap;
- justify-content: space-around;
- }
-
- .item-form {
- width: 4vw;
- padding-left: 0.1vw;
- margin-top: 0.25vw;
- height: 4vw;
- border-radius: 10px;
- background-color: var(--lighttercia);
- }
-
- .containcards {
- height: 87vh;
- overflow-x: auto;
- display: flex;
- flex-wrap: wrap;
- padding-left: 10vw;
- padding-top: 2.5vw;
- }
-
- .logop2 img {
- width: 20vh;
- padding-top: 1vh;
- position: relative;
- left: 38vw;
- }
-
- .txt {
- position: absolute;
- font-family: Arial Black;
- color: var(--lightprima);
- font-size: 2.5vw;
- left: 1vw;
- top: -1vh;
- }
-
- .logo img {
- position: absolute;
- width: 25vw;
- left: 38vw;
- top: 13%;
- z-index: 11;
- }
-
- .mounts img {
- position: absolute;
- height: 100%;
- width: 100%;
- pointer-events: none;
- margin-left: -1vw;
- margin-top: -1vw;
- object-fit: cover;
- }
-
- #contourbuttonvalider {
- position: absolute;
- border-radius: 45px;
- left: 3vw;
- top: 5.5vw;
- height: 9vw;
- width: 25vw;
- background-color: var(--lightsedonca);
- z-index: 15;
- }
-
- .bouttonvalider {
- position: absolute;
- height: 6.8vw;
- width: 22.8vw;
- top: 1.1vw;
- left: 1.1vw;
- border-radius: 30px;
- background-color: #B130DE;
- }
-
- .bouttonvalider2 {
- position: absolute;
- height: 6.8vw;
- width: 22.8vw;
- top: 1.1vw;
- left: 1.1vw;
- border-radius: 30px;
- background-color: #00CC66;
- }
-
- #textjouer {
- font-family: Montserrat, impact, Arial Black;
- position: absolute;
- font-size: 5vw;
- margin-top: 0.2vw;
- margin-left: 5.5vw;
- color: var(--lightsedonca);
- }
-}
diff --git a/SwichGIT/src/css/Resp2.css b/SwichGIT/src/css/Resp2.css
deleted file mode 100644
index 1296054..0000000
--- a/SwichGIT/src/css/Resp2.css
+++ /dev/null
@@ -1,321 +0,0 @@
-/*DemTéléphone 1i Ecran*/
-@media screen and (max-width: 550px) and (max-height: 850px) {
- .anneau {
- box-sizing: border-box;
- background-color: #DE3030;
- border-radius: 3vw;
- height: inherit;
- width: inherit;
- display: table-cell;
- vertical-align: middle;
- }
-
- .rondinterieur {
- background-color: var(--lighttercia);
- height: 3vw;
- width: 3vw;
- display: table;
- margin: 0 auto;
- border-radius: 3vw;
- }
-
- .containform {
- box-sizing: content-box;
- height: 6vw;
- width: 6vw;
- display: table-cell;
- vertical-align: middle;
- }
-
- .rond {
- display: table;
- margin: 0 auto;
- background-color: #DE3030;
- height: 3vw;
- width: 3vw;
- border-radius: 3vw;
- }
-
- /* PARTIE CARRE */
- .carre {
- background-color: #30C0DE;
- height: inherit;
- width: inherit;
- display: table-cell;
- vertical-align: middle
- }
-
- .carreinterieur {
- background-color: var(--lightsedonca);
- height: 3vw;
- width: 3vw;
- display: table;
- margin: 0 auto;
- }
-
- .pcarre {
- display: table;
- margin: 0 auto;
- background-color: #30C0DE;
- height: 3vw;
- width: 3vw;
- }
-
- /* PARTIE TRIANGLE */
- .triangle {
- display: table;
- margin: 0 auto;
- border-left: 2.5vw solid transparent;
- border-right: 2.5vw solid transparent;
- border-bottom: 5vw solid #DEA430;
- }
-
- .trianglerinterieur {
- position: absolute;
- margin-left: -1.5vw;
- margin-top: 1.25vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-bottom: 3vw solid var(--lightsedonca);
- }
-
- .ptriangle {
- display: table;
- margin: 0 auto;
- margin-top: 0.75vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-bottom: 3vw solid #DEA430;
- }
-
- /* TRAPEZE */
- .trapeze {
- bottom: 0px;
- height: 0;
- margin-top: 2.58vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-top: 3vw solid #6FDE30;
- }
-
- .triangletrapeze {
- padding-top: 0.1vw;
- position: absolute;
- border-left: 3vw solid transparent;
- border-right: 3vw solid transparent;
- border-bottom: 2.5vw solid #6FDE30;
- }
-
- .trapezeinte {
- position: absolute;
- margin-top: 3vw;
- margin-left: 1.25vw;
- width: 2vw;
- border-left: 0.75vw solid transparent;
- border-right: 0.75vw solid transparent;
- border-top: 1.5vw solid var(--lightsedonca);
- z-index: 15;
- }
-
- .triangletrapezeinte {
- position: absolute;
- margin-top: 1.45vw;
- margin-left: 1.25vw;
- padding-top: 0.1vw;
- border-left: 1.75vw solid transparent;
- border-right: 1.75vw solid transparent;
- border-bottom: 1.5vw solid var(--lightsedonca);
- z-index: 15;
- }
-
- .trapezep {
- display: table;
- margin: 0 auto;
- margin-top: 2vw;
- width: 2vw;
- border-left: 0.75vw solid transparent;
- border-right: 0.75vw solid transparent;
- border-top: 1.5vw solid #6FDE30;
- z-index: 15;
- }
-
- .triangletrapezep {
- position: absolute;
- margin-top: 0.55vw;
- margin-left: 1.25vw;
- border-left: 1.75vw solid transparent;
- border-right: 1.75vw solid transparent;
- border-bottom: 1.5vw solid #6FDE30;
- z-index: 15;
- }
-
- .losangephaut {
- display: table;
- margin: 0 auto;
- margin-top: -3vw;
- border-left: 3vw solid transparent;
- border-right: 3vw solid transparent;
- border-bottom: 3vw solid #B130DE;
- }
-
- .losangepbas {
- position: absolute;
- border-left: 3vw solid transparent;
- border-right: 3vw solid transparent;
- border-top: 3vw solid #B130DE;
- }
-
- .losangephauti {
- display: table;
- margin: 0 auto;
- margin-top: -1.5vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-bottom: 1.5vw solid var(--lightsedonca);
- }
-
- .losangepbasi {
- position: absolute;
- margin-left: 1.5vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-top: 1.5vw solid var(--lightsedonca);
- }
-
- .losangephautc {
- display: table;
- margin: 0 auto;
- margin-top: -1.5vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-bottom: 1.5vw solid #B130DE;
- }
-
- .losangepbasc {
- position: absolute;
- margin-left: 1.5vw;
- border-left: 1.5vw solid transparent;
- border-right: 1.5vw solid transparent;
- border-top: 1.5vw solid #B130DE;
- }
-
- .buttonretour {
- position: relative;
- height: 4vh;
- width: 4vh;
- border-radius: 55vw;
- background-color: var(--lightsedonca);
- z-index: 5;
- margin-left: 9.5vw;
- top: 6.75vw;
- }
-
- .flex-item {
- background: var(--lightsedonca);
- width: 10vw;
- height: 13vw;
- border-radius: 2vw;
- padding-right: 0.4vw;
- padding-left: 0.4vw;
- padding-bottom: 0.8vw;
- padding-top: 0.4vw;
- list-style: none;
- display: flex;
- margin-right: 1.75vw;
- margin-left: 1.75vw;
- -webkit-flex-flow: row wrap;
- justify-content: space-around;
- }
-
- .item-form {
- width: 5vw;
- padding-left: 0.1vw;
- margin-top: 0.25vw;
- height: 5vw;
- border-radius: 10px;
- background-color: var(--lighttercia);
- }
-
- .containcards {
- height: 87vh;
- overflow-x: auto;
- display: flex;
- flex-wrap: wrap;
- padding-left: 2.5vw;
- padding-top: 2.5vw;
- }
-
- .logop2 img {
- width: 20vh;
- padding-top: 1vh;
- position: relative;
- left: 27vw;
- }
-
- .txt {
- position: absolute;
- font-family: Arial Black;
- color: var(--lightprima);
- font-size: 5.5vw;
- left: 2.25vw;
- top: -1vh;
- }
-
- .logo img {
- position: absolute;
- width: 45vw;
- left: 28vw;
- top: 13%;
- z-index: 11;
- }
-
- .mounts img {
- position: absolute;
- height: 100%;
- width: 100%;
- pointer-events: none;
- margin-left: -1vw;
- margin-top: -1vw;
- object-fit: cover;
- }
-
- #contourbuttonvalider {
- position: absolute;
- border-radius: 45px;
- left: -10vw;
- top: 5.5vw;
- height: 15vw;
- width: 50vw;
- background-color: var(--lightsedonca);
- z-index: 15;
- }
-
- .bouttonvalider {
- position: absolute;
- height: 13vw;
- width: 47vw;
- top: 1.1vw;
- left: 1.5vw;
- border-radius: 30px;
- background-color: #B130DE;
- }
-
- .bouttonvalider2 {
- position: absolute;
- height: 6.8vw;
- width: 22.8vw;
- top: 1.1vw;
- left: 1.1vw;
- border-radius: 30px;
- background-color: #00CC66;
- }
-
- #textjouer {
- font-family: Montserrat, impact, Arial Black;
- position: absolute;
- font-size: 10vw;
- margin-top: 0.2vw;
- margin-left: 12.5vw;
- color: var(--lightsedonca);
- }
-}
diff --git a/SwichGIT/src/css/Resp3.css b/SwichGIT/src/css/Resp3.css
index 4884b90..105b755 100644
--- a/SwichGIT/src/css/Resp3.css
+++ b/SwichGIT/src/css/Resp3.css
@@ -1,566 +1,77 @@
/*Ecran*/
@media screen and (min-width: 960px) {
-
-
- /*PARTIE FORMES*/
-
-
- .containform {
- position: relative;
- height: var(--x);
- width: var(--x);
- display: table-cell;
- vertical-align: middle;
- }
/*ROND*/
.anneau {
position: relative;
background-color: var(--colorbase);
- border-radius: var(--y);
- height: var(--y);
- width: var(--y);
+ border-radius: var(--v);
+ height: var(--v);
+ width: var(--v);
display: table-cell;
vertical-align: middle;
}
.anneau2 {
position: relative;
background-color: white;
- border-radius: var(--y);
- height: var(--y);
- width: var(--y);
- left : calc((var(--x) - var(--y))/2);
+ border-radius: var(--v);
+ height: var(--v);
+ width: var(--v);
+ left : calc((var(--u) - var(--v))/2);
display: table-cell;
vertical-align: middle;
}
.anneau3 {
position: relative;
background-color: var(--colorbase);
- border-radius: var(--y);
- height: var(--y);
- width: var(--y);
+ border-radius: var(--v);
+ height: var(--v);
+ width: var(--v);
margin-left: auto;
margin-right: auto;
}
.rondinterieur {
- background-color: white;
- height: var(--z);
- width: var(--z);
+ background-color: var(--lighttercia);
+ height: var(--w);
+ width: var(--w);
display: table;
margin: 0 auto;
- border-radius: var(--z);
+ border-radius: var(--w);
}
.rond {
display: table;
margin: 0 auto;
background-color: var(--colorbase);
- height: var(--z);
- width: var(--z);
- border-radius: var(--z);
+ height: var(--w);
+ width: var(--w);
+ border-radius: var(--w);
}
.rond2 {
display: table;
margin: 0 auto;
background-color: white;
- height: var(--z);
- width: var(--z);
- border-radius: var(--z);
+ height: var(--w);
+ width: var(--w);
+ border-radius: var(--w);
}
.rond3 {
position: relative;
- top : calc((var(--y) - var(--z))/ 2);
- left : calc((var(--y) - var(--z))/2);
+ top : calc((var(--v) - var(--w))/ 2);
+ left : calc((var(--v) - var(--w))/2);
display: table-cell;
vertical-align: middle;
background-color: white;
- height: var(--z);
- width: var(--z);
- border-radius: var(--z);
+ height: var(--w);
+ width: var(--w);
+ border-radius: var(--w);
}
.rond4 {
display: table;
margin: 0 auto;
background-color: var(--colorbase);
- height: var(--z);
- width: var(--z);
- border-radius: var(--z);
- }
-
- /* PARTIE CARRE */
- .carre {
- position: relative;
- background-color: black;
- height: var(--y);
- width: var(--y);
- margin-left: auto;
- margin-right: auto;
- }
-
- .carreinterieur {
- position: relative;
- top : calc((var(--y) - var(--z))/2);
- left : calc((var(--y) - var(--z))/2);
- display: table-cell;
- vertical-align: middle;
- background-color: white;
- height: var(--z);
- width: var(--z);
- }
- .carre2 {
- background-color: black;
- height: var(--z);
- width: var(--z);
- display: table;
- margin: 0 auto;
- }
- .carreinterieur2 {
- background-color: white;
- height: var(--z);
- width: var(--z);
- display: table;
- margin-left: auto;
- margin-right: auto;
- }
- .carreinterieur3 {
- position: relative;
- background-color: white;
- height: var(--y);
- width: var(--y);
- left : calc((var(--x) - var(--y))/2);
- display: table-cell;
- vertical-align: middle;
- }
- .carrev2 {
- position: relative;
- background-color: black;
- height: var(--y);
- width: var(--y);
- margin-left: auto;
- margin-right: auto;
- }
- .carreinterieur4 {
- position : relative;
- top : calc((var(--y) - var(--z)) / 2);
- left : calc((var(--y) - var(--z)) / 2);
- background-color: white;
- height: var(--z);
- width: var(--z);
- display: table-cell;
- vertical-align: middle;
- }
- .carre3 {
- background-color: black;
- height: var(--z);
- width: var(--z);
- display: table;
- margin: 0 auto;
- }
- /*A SUPPRIMER
- ===========================================
- */
- .pcarre {
- background-color: black;
- height: var(--z);
- width: var(--z);
- display: table;
- margin: 0 auto;
- }
- /*========================================*/
-
- /* PARTIE TRIANGLE */
- .triangle {
- display: table;
- margin: 0 auto;
- border-left: calc(var(--y) /2) solid transparent;
- border-right: calc(var(--y) /2) solid transparent;
- border-bottom: var(--y) solid var(--colortwo);
- }
- .trianglerinterieur {
- position: absolute;
- bottom: calc((var(--x) - var(--z))/2.2);
- left : calc((var(--x) - var(--z))/2);
- border-left: calc(var(--z) /2) solid transparent;
- border-right: calc(var(--z) /2) solid transparent;
- border-bottom: var(--z) solid white;
- }
- .trianglerinterieur2 {
- position: absolute;
- bottom: calc((var(--x) - var(--z))/2);
- left : calc((var(--x) - var(--z))/2);
- border-left: calc(var(--z) /2) solid transparent;
- border-right: calc(var(--z) /2) solid transparent;
- border-bottom: var(--z) solid white;
- }
- .ptriangle {
- position: absolute;
- bottom: calc(((var(--x) - var(--y))/1.5) + ((var(--y) - var(--z))/3));
- left : calc((var(--x) - var(--z))/2);
- border-left: calc(var(--z) /2) solid transparent;
- border-right: calc(var(--z) /2) solid transparent;
- border-bottom: var(--z) solid var(--colortwo);
- }
- .triangle2 {
- display: table;
- margin: 0 auto;
- border-left: calc(var(--y) /2) solid transparent;
- border-right: calc(var(--y) /2) solid transparent;
- border-bottom: var(--y) solid white;
- }
-
- /* Croix */
- .croix{
- position: absolute;
- left: calc((var(--x) - var(--y)) / 2);
- bottom: calc( ((var(--x) - var(--y))/2) + ((var(--y)) / 4) );
- }
- .croixinté{
- z-index: 2;
- position: absolute;
- left: calc((var(--x) - var(--z))/2);
- bottom: calc( ((var(--x) - var(--z))/2) + ((var(--z)) / 2.33) );
- }
- .croixgauche{
- position: relative;
- background-color: var(--couleur);
- height: calc(var(--y)/4);
- width: var(--y);
- top : calc(var(--y) / 8);
- transform: rotate(45deg);
- }
- .croixdroite{
- position: relative;
- background-color: var(--couleur);
- height: calc(var(--y)/4);
- width: var(--y);
- bottom : calc(var(--y) / 8);
- transform: rotate(-45deg);
- }
- .croixgauche2{
- position: relative;
- background-color: white;
- height: calc(var(--y)/4);
- width: var(--y);
- top : calc(var(--y) / 8);
- transform: rotate(45deg);
- }
-
- .croixdroite2{
- position: relative;
- background-color: white;
- height: calc(var(--y)/4);
- width: var(--y);
- bottom : calc(var(--y) / 8);
- transform: rotate(-45deg);
- }
-
- .croixgaucheinte{
- position: relative;
- background-color: white;
- height: calc(var(--z)/16);
- width: calc(var(--z));
- top : calc(var(--z) / 32);
- transform: rotate(45deg);
- }
- .croixdroiteinte{
- position: relative;
- background-color: white;
- height: calc(var(--z)/16);
- width: calc(var(--z));
- bottom : calc(var(--z) / 32);
- transform: rotate(-45deg);
- }
- .croixgaucheinte2{
- position: relative;
- background-color: var(--couleur);
- height: calc(var(--z)/16);
- width: calc(var(--z));
- top : calc(var(--z) / 32);
- transform: rotate(45deg);
- }
- .croixdroiteinte2{
- position: relative;
- background-color: var(--couleur);
- height: calc(var(--z)/16);
- width: calc(var(--z));
- bottom : calc(var(--z) / 32);
- transform: rotate(-45deg);
- }
- /*LOSANGE*/
- .losange{
- width: var(--y);
- height: var(--y);
- display: table;
- margin: 0 auto;
- background: var(--couleur);
- clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
- }
- .losange2{
- width: var(--y);
- height: var(--y);
- display: table;
- margin: 0 auto;
- background: white;
- clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
- }
- .losangeinte{
- position: absolute;
- z-index: 2;
- width: var(--z);
- height: var(--z);
- bottom : calc( ((var(--x) - var(--z))/2));
- left : calc((var(--x) - var(--z))/2);
- background: white;
- clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
- }
- .losangeinte2{
- width: var(--z);
- height: var(--z);
- display: table;
- margin: 0 auto;
- background: var(--couleur);
- clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
- }
- /*PENTA*/
- .trapeze{
- width: var(--y);
- height: var(--y);
- background: var(--couleur);
- position: relative;
- left: calc((var(--x) - var(--y)) / 2);
- clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
- }
- .trapeze2{
- width: var(--y);
- height: var(--y);
- background: white;
- position: relative;
- left: calc((var(--x) - var(--y)) / 2);
- clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
- }
- .trapezeinte{
- width: var(--z);
- height: var(--z);
- background: white;
- position: absolute;
- z-index: 2;
- bottom : calc( ((var(--x) - var(--z))/2));
- left: calc((var(--x) - var(--z))/2);
- clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
- }
- .trapezeinte2{
- width: var(--z);
- height: var(--z);
- background: var(--couleur);
- position: absolute;
- z-index: 2;
- bottom : calc( ((var(--x) - var(--z))/2));
- left: calc((var(--x) - var(--z))/2);
- clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
- }
- .octogon{
- width: var(--y);
- height: var(--y);
- background: var(--couleur);
- position: relative;
- left: calc((var(--x) - var(--y)) / 2);
- clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
- }
- .octogon2{
- width: var(--y);
- height: var(--y);
- background: white;
- position: relative;
- left: calc((var(--x) - var(--y)) / 2);
- clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
- }
- .octogoninte{
- width: var(--z);
- height: var(--z);
- background: white;
- position: absolute;
- z-index: 2;
- bottom : calc( ((var(--x) - var(--z))/2));
- left: calc((var(--x) - var(--z))/2);
- clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
- }
- .octogoninte2{
- width: var(--z);
- height: var(--z);
- background: var(--couleur);
- position: absolute;
- z-index: 2;
- bottom : calc( ((var(--x) - var(--z))/2));
- left: calc((var(--x) - var(--z))/2);
- clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
- }
- /*HEXAGONE*/
- .hexa{
- width: var(--y);
- height: var(--y);
- display: table;
- margin: 0 auto;
- background: var(--couleur);
- clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
- }
- .hexa2{
- width: var(--y);
- height: var(--y);
- display: table;
- margin: 0 auto;
- background: white;
- clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
- }
- .hexainte{
- position: absolute;
- z-index: 2;
- width: var(--z);
- height: var(--z);
- bottom : calc( ((var(--x) - var(--z))/2));
- left : calc((var(--x) - var(--z))/2);
- background: white;
- clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
- }
- .hexainte2{
- display: table;
- margin: 0 auto;
- width: var(--z);
- height: var(--z);
- background: var(--couleur);
- clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
- }
-
-
-
-
-
-
-
-
-
-
- /*===========================================*/
-
-
-
-
- /*Externe*/
-
- .buttonretour {
- position: relative;
- height: 4vh;
- width: 4vh;
- border-radius: 55vw;
- background-color: var(--lightsedonca);
- z-index: 5;
- margin-left: 2vw;
- top: 1.75vw;
- }
-
- .flex-item {
- background: var(--lightsedonca);
- width: 10vw;
- height: 13vw;
- border-radius: 0.75vw;
- padding-right: 0.15vw;
- padding-left: 0.15vw;
- padding-bottom: 0.25vw;
- list-style: none;
- display: flex;
- margin-right: 0.4vw;
- margin-left: 0.4vw;
- -webkit-flex-flow: row wrap;
- justify-content: space-around;
- }
-
- .item-form {
- width: 3vw;
- padding-left: 0.1vw;
- margin-top: 0.25vw;
- height: 3vw;
- border-radius: 10px;
- background-color: var(--lighttercia);
- }
-
- .containcards {
- height: 87vh;
- overflow-x: auto;
- display: flex;
- flex-wrap: wrap;
- padding-left: 3vw;
- padding-top: 2.5vw;
- }
-
- .logop2 img {
- width: 20vh;
- padding-top: 1vh;
- position: relative;
- left: 43.5vw;
- }
-
-
- .txt {
- position: absolute;
- font-family: Arial Black;
- color: var(--lightprima);
- font-size: 1.5vw;
- left: 0.4vw;
- top: -1.6vh;
- }
-
- .logo img {
- position: absolute;
- width: 12vw;
- left: 44vw;
- top: 13%;
- z-index: 11;
- }
-
- .mounts img {
- position: absolute;
- height: 100%;
- width: 100%;
- pointer-events: none;
- margin-left: -10px;
- }
-
- #contourbuttonvalider {
- position: absolute;
- border-radius: 45px;
- left: 9.2vw;
- top: 5.5vw;
- height: 4vw;
- width: 12vw;
- background-color: var(--lightsedonca);
- z-index: 15;
- }
-
- .bouttonvalider {
- position: absolute;
- height: 3.4vw;
- width: 11.4vw;
- top: 0.3vw;
- left: 0.3vw;
- border-radius: 30px;
- background-color: #B130DE;
- }
-
-
- .bouttonvalider2 {
- position: absolute;
- height: 3.4vw;
- width: 11.4vw;
- top: 0.3vw;
- left: 0.3vw;
- border-radius: 30px;
- background-color: #00CC66;
- }
-
- #textjouer {
- font-family: Montserrat, impact, Arial Black;
- position: absolute;
- font-size: 2.5vw;
- margin-top: 0.2vw;
- margin-left: 2.7vw;
- color: var(--lightsedonca);
- text-align:center;
+ height: var(--w);
+ width: var(--w);
+ border-radius: var(--w);
}
}
+
+
\ No newline at end of file
diff --git a/SwichGIT/src/css/base.css b/SwichGIT/src/css/base.css
index 2e13bcf..1523516 100644
--- a/SwichGIT/src/css/base.css
+++ b/SwichGIT/src/css/base.css
@@ -9,14 +9,17 @@
--colorone : #00CBFF;
--colortwo : #00FF6E;
--colorthree : #C800FF;
+ --colorfour : #E6DA27;
+ --colorfive : #2E6DB4;
+ --colorsix : #E6792F;
/*Les formes*/
- --x : 4vw;
- --y : 2.5vw; /*taille anneau*/
- --z : 1.5vw; /*taille rond*/
- --d : calc(var(--x)/2);
- --l : calc(var(--x)/2);
-
-
+ --u: calc(var(--x) / 2.75);
+ --v: calc(var(--y) / 2.75);
+ --w: calc(var(--z) / 2.75);
+ /*Les formes settings*/
+ --x : 10vw;
+ --y : 7vw;
+ --z : 3.75vw;
}
.test{
diff --git a/SwichGIT/src/css/desktops.css b/SwichGIT/src/css/desktops.css
new file mode 100644
index 0000000..6f0704a
--- /dev/null
+++ b/SwichGIT/src/css/desktops.css
@@ -0,0 +1,134 @@
+/*Ecran*/
+@media screen and (min-width: 992px) {
+
+
+ /*PARTIE FORMES*/
+
+
+ /*===========================================*/
+
+
+
+
+ /*Externe*/
+
+ .buttonretour {
+ position: relative;
+ height: 4vh;
+ width: 4vh;
+ border-radius: 55vw;
+ background-color: var(--lightsedonca);
+ z-index: 5;
+ margin-left: 2vw;
+ top: 1.75vw;
+ }
+
+ .flex-item {
+ background: var(--lightsedonca);
+ width: 10vw;
+ height: 13vw;
+ border-radius: 0.75vw;
+ padding-right: 0.15vw;
+ padding-left: 0.15vw;
+ padding-bottom: 0.25vw;
+ list-style: none;
+ display: flex;
+ margin-right: 0.4vw;
+ margin-left: 0.4vw;
+ -webkit-flex-flow: row wrap;
+ justify-content: space-around;
+ }
+
+ .item-form {
+ width: 3vw;
+ padding-left: 0.1vw;
+ margin-top: 0.25vw;
+ height: 3vw;
+ border-radius: 10px;
+ background-color: var(--lighttercia);
+ }
+
+ .containcards {
+ height: 87vh;
+ overflow-x: auto;
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 3vw;
+ padding-top: 2.5vw;
+ }
+
+ .logop2 img {
+ width: 20vh;
+ padding-top: 1vh;
+ position: relative;
+ left: 43.5vw;
+ }
+
+
+ .txt {
+ position: absolute;
+ font-family: Arial Black;
+ color: var(--lightprima);
+ font-size: 1.5vw;
+ left: 0.4vw;
+ top: -1.6vh;
+ }
+
+ .logo img {
+ position: absolute;
+ width: 12vw;
+ left: 44vw;
+ top: 13%;
+ z-index: 11;
+ }
+
+ .mounts img {
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ pointer-events: none;
+ margin-left: -10px;
+ }
+
+ #contourbuttonvalider {
+ position: absolute;
+ border-radius: 45px;
+ left: 9.2vw;
+ top: 5.5vw;
+ height: 4vw;
+ width: 12vw;
+ background-color: var(--lightsedonca);
+ z-index: 15;
+ }
+
+ .bouttonvalider {
+ position: absolute;
+ height: 3.4vw;
+ width: 11.4vw;
+ top: 0.3vw;
+ left: 0.3vw;
+ border-radius: 30px;
+ background-color: #B130DE;
+ }
+
+
+ .bouttonvalider2 {
+ position: absolute;
+ height: 3.4vw;
+ width: 11.4vw;
+ top: 0.3vw;
+ left: 0.3vw;
+ border-radius: 30px;
+ background-color: #00CC66;
+ }
+
+ #textjouer {
+ font-family: Montserrat, impact, Arial Black;
+ position: absolute;
+ font-size: 2.5vw;
+ margin-top: 0.2vw;
+ margin-left: 2.7vw;
+ color: var(--lightsedonca);
+ text-align:center;
+ }
+}
diff --git a/SwichGIT/src/css/fonts/Montserrat-Black.ttf b/SwichGIT/src/css/fonts/Montserrat-Black.ttf
deleted file mode 100644
index 437b1157cb4c32560095c6d40accde2956070c1c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 257552
zcmbrn2Y^)7^*{dZeN(o#*`3)syHj>&VRyC{mO6A~m)@lZSHOxLR0O+XAw)4zqcJ9^
zQKLv~F&Yz-_%->OZoZ~|Q50-T1d@
}HPo6lF#4Qbx*YvotrY|a^B?Vq4ZE&ugCw!`%f6)lmp;kU6KCf!$VIBBwU65mf
zrm!bZ*JKnrakwUFbX+^1Jc
q$vD0
zt0ju&sQC;G?F(#Te^MkpN&c34^1Y!?f=z5sf=$dm0q58gQ7EL~P*-LPhOYp&XaQS1
zj!}oSJJo3zZ$RkIP_U>F9+`E7ly0O>^MeCXf8!91-xmFMuEu?p;3a{&LI?aiHU@)f
z5FCzXdyar!ZSM&OLt)y#D*qnj_#xdss9tQrcMz&e9(*`Ixna_^7x#_v`@