Script

.idea/workspace.xml

@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="5db01d37-ed98-4df0-8a3f-85093d5456ef" name="Default Changelist" comment="">
+      <change afterPath="$PROJECT_DIR$/inscription.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/connexion.html" beforeDir="false" afterPath="$PROJECT_DIR$/connexion.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/connexion.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/connexion.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/creation.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/inscription.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/creation.html" beforeDir="false" />
+    </list>
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="ComposerSettings">
+    <execution />
+  </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="HTML File" />
+        <option value="CSS File" />
+      </list>
+    </option>
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="ProjectId" id="1lA5FnXumkMauI2VLRUvRUzSLTD" />
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent">
+    <property name="DefaultHtmlFileTemplate" value="HTML File" />
+    <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
+    <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
+    <property name="list.type.of.created.stylesheet" value="CSS" />
+    <property name="node.js.detected.package.eslint" value="true" />
+    <property name="node.js.detected.package.tslint" value="true" />
+    <property name="node.js.path.for.package.eslint" value="project" />
+    <property name="node.js.path.for.package.tslint" value="project" />
+    <property name="node.js.selected.package.eslint" value="(autodetect)" />
+    <property name="node.js.selected.package.tslint" value="(autodetect)" />
+    <property name="vue.rearranger.settings.migration" value="true" />
+  </component>
+  <component name="RecentsManager">
+    <key name="MoveFile.RECENT_KEYS">
+      <recent name="D:\Nuit-De-L-Info-2020" />
+    </key>
+  </component>
+  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="5db01d37-ed98-4df0-8a3f-85093d5456ef" name="Default Changelist" comment="" />
+      <created>1607026953826</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1607026953826</updated>
+      <workItem from="1607026956145" duration="13623000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="3" />
+  </component>
+  <component name="Vcs.Log.Tabs.Properties">
+    <option name="TAB_STATES">
+      <map>
+        <entry key="MAIN">
+          <value>
+            <State />
+          </value>
+        </entry>
+      </map>
+    </option>
+  </component>
+</project>

connexion.html

@@ -4,8 +4,9 @@
 <head>
     <meta charset="utf-8" />
     <!--link rel="icon" href="IconeLogo.ico"/-->
-    <title>Accueil</title>
+    <title>Connexion</title>
     <link rel="stylesheet" href="css/connexion.css" />
+    <link rel="stylesheet" href="css/index.css" />
 </head>
 <body>
 <form method="post" action="./traitement.php" name="formulaire">
@@ -26,7 +27,7 @@
 
         <!-- Remind Passowrd -->
         <div id="pied">
-            <a class="souligne" href="#">Mot de passe oublié ?</a>
+            <a class="souligne" href="recupMDP.html">Mot de passe oublié ?</a>
         </div>
 
     </div>

css/connexion.css

@@ -1,13 +1,5 @@
 /* BASIC */
 
-html {
-    background-color: #56baed;
-}
-
-body {
-    font-family: "Poppins", sans-serif;
-    height: 100vh;
-}
 
 a {
     color: #92badd;
@@ -215,11 +207,6 @@ input[type=text]::placeholder {
     animation-delay: 0.8s;
 }
 
-.fondu.quatrieme {
-    -webkit-animation-delay: 1s;
-    -moz-animation-delay: 1s;
-    animation-delay: 1s;
-}
 
 /* Simple CSS3 Fade-in Animation */
 .souligne:after {

css/inscription.css

@@ -1,14 +1,5 @@
 /* BASIC */
 
-html {
-    background-color: #56baed;
-}
-
-body {
-    font-family: "Poppins", sans-serif;
-    height: 100vh;
-}
-
 a {
     color: #92badd;
     display:inline-block;
@@ -220,6 +211,18 @@ input[type=text]::placeholder {
     animation-delay: 1s;
 }
 
+.fondu.cinquieme {
+    -webkit-animation-delay: 1.2s;
+    -moz-animation-delay: 1.2s;
+    animation-delay: 1.2s;
+}
+.fondu.sixieme {
+    -webkit-animation-delay: 1.4s;
+    -moz-animation-delay: 1.4s;
+    animation-delay: 1.4s;
+}
+
+
 /* Simple CSS3 Fade-in Animation */
 .souligne:after {
     display: block;

css/recupMDP.css

@@ -0,0 +1,245 @@
+/* BASIC */
+
+
+a {
+    color: #92badd;
+    display:inline-block;
+    text-decoration: none;
+    font-weight: 400;
+}
+
+h2 {
+    text-align: center;
+    font-size: 16px;
+    font-weight: 600;
+    text-transform: uppercase;
+    display:inline-block;
+    margin: 40px 8px 10px 8px;
+    color: #cccccc;
+}
+
+
+
+/* STRUCTURE */
+
+.wrapper {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    width: 100%;
+    min-height: 100%;
+    padding: 20px;
+}
+
+#contenu {
+
+    background: #fff;
+    padding: 30px;
+    width: 90%;
+    max-width: 450px;
+    position: relative;
+    padding: 0px;
+    -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
+    box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
+    text-align: center;
+}
+
+#pied {
+    background-color: #f6f6f6;
+    border-top: 1px solid #dce8f1;
+    padding: 25px;
+    text-align: center;
+}
+
+
+
+/* TABS */
+
+h2.inactive {
+    color: #cccccc;
+}
+
+h2.active {
+    color: #0d0d0d;
+    border-bottom: 2px solid #5fbae9;
+}
+
+
+
+/* FORM TYPOGRAPHY*/
+
+input[type=button], input[type=submit], input[type=reset]  {
+    background-color: #56baed;
+    border: none;
+    color: white;
+    padding: 15px 80px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    text-transform: uppercase;
+    font-size: 13px;
+    -webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
+    box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
+    margin: 5px 20px 40px 20px;
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -ms-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
+}
+
+input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover  {
+    background-color: #39ace7;
+}
+
+input[type=button]:active, input[type=submit]:active, input[type=reset]:active  {
+    -moz-transform: scale(0.95);
+    -webkit-transform: scale(0.95);
+    -o-transform: scale(0.95);
+    -ms-transform: scale(0.95);
+    transform: scale(0.95);
+}
+
+input[type=text] {
+    background-color: #f6f6f6;
+    border: none;
+    color: #0d0d0d;
+    padding: 15px 32px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    margin: 5px;
+    width: 85%;
+    border: 2px solid #f6f6f6;
+    -webkit-transition: all 0.5s ease-in-out;
+    -moz-transition: all 0.5s ease-in-out;
+    -ms-transition: all 0.5s ease-in-out;
+    -o-transition: all 0.5s ease-in-out;
+    transition: all 0.5s ease-in-out;
+}
+
+input[type=text]:focus {
+    background-color: #fff;
+    border-bottom: 2px solid #5fbae9;
+}
+
+input[type=text]::placeholder {
+    color: #cccccc;
+}
+
+
+
+/* ANIMATIONS */
+
+/* Simple CSS3 Fade-in-down Animation */
+.fonduBas {
+    -webkit-animation-name: fonduBas;
+    animation-name: fonduBas;
+    -webkit-animation-duration: 1s;
+    animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+}
+
+@-webkit-keyframes fonduBas {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0);
+    }
+    100% {
+        opacity: 1;
+        -webkit-transform: none;
+        transform: none;
+    }
+}
+
+@keyframes fonduBas {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0);
+    }
+    100% {
+        opacity: 1;
+        -webkit-transform: none;
+        transform: none;
+    }
+}
+
+/* Simple CSS3 Fade-in Animation */
+@-webkit-keyframes fondu { from { opacity:0; } to { opacity:1; } }
+@-moz-keyframes fondu { from { opacity:0; } to { opacity:1; } }
+@keyframes fondu { from { opacity:0; } to { opacity:1; } }
+
+.fondu {
+    opacity:0;
+    -webkit-animation:fondu ease-in 1;
+    -moz-animation:fondu ease-in 1;
+    animation:fondu ease-in 1;
+
+    -webkit-animation-fill-mode:forwards;
+    -moz-animation-fill-mode:forwards;
+    animation-fill-mode:forwards;
+
+    -webkit-animation-duration:1s;
+    -moz-animation-duration:1s;
+    animation-duration:1s;
+}
+
+.fondu.premier {
+    -webkit-animation-delay: 0.4s;
+    -moz-animation-delay: 0.4s;
+    animation-delay: 0.4s;
+}
+
+.fondu.deuxieme {
+    -webkit-animation-delay: 0.6s;
+    -moz-animation-delay: 0.6s;
+    animation-delay: 0.6s;
+}
+
+.fondu.troisieme {
+    -webkit-animation-delay: 0.8s;
+    -moz-animation-delay: 0.8s;
+    animation-delay: 0.8s;
+}
+
+
+/* Simple CSS3 Fade-in Animation */
+.souligne:after {
+    display: block;
+    left: 0;
+    bottom: -10px;
+    width: 0;
+    height: 2px;
+    background-color: #56baed;
+    content: "";
+    transition: width 0.2s;
+}
+
+.souligne:hover {
+    color: #0d0d0d;
+}
+
+.souligne:hover:after{
+    width: 100%;
+}
+
+
+
+/* OTHERS */
+
+*:focus {
+    outline: none;
+}
+
+#icon {
+    width:60%;
+}
+
+* {
+    box-sizing: border-box;
+}

inscription.html

@@ -4,8 +4,9 @@
 <head>
     <meta charset="utf-8" />
     <!--link rel="icon" href="IconeLogo.ico"/-->
-    <title>Accueil</title>
+    <title>Inscription</title>
     <link rel="stylesheet" href="css/inscription.css" />
+    <link rel="stylesheet" href="css/index.css" />
 </head>
 <body>
 <form method="post" action="./php/Script/traitementInscription.php" name="formulaire">
@@ -18,9 +19,18 @@
 
         <!-- Login Form -->
         <form>
+<<<<<<< HEAD
             <input type="text" id="login" class="fondu second" name="login" placeholder="Nom d'utilisateur">
             <input type="text" id="password" class="fondu third" name="password" placeholder="Mot de passe">
             <input type="submit" class="fondu fourth" value="S'inscrire">
+=======
+            <input type="text" id="nom" class="fondu premier" name="nom" placeholder="Nom">
+            <input type="text" id="prenom" class="fondu deuxieme" name="prenom" placeholder="Prenom">
+            <input type="text" id="mail" class="fondu troisieme" name="mail" placeholder="E-mail">
+            <input type="text" id="login" class="fondu quatrieme" name="login" placeholder="Nom d'utilisateur">
+            <input type="text" id="password" class="fondu cinquieme" name="login" placeholder="Mot de passe">
+            <input type="submit" class="fondu sixieme" value="S'inscrire">
+>>>>>>> b9bf5b2edb8e213d4bd18f03395ccc8c4d5450d2
         </form>
 
         <!-- Remind Passowrd -->

recupMDP.html

@@ -0,0 +1,38 @@
+
+<html lang="en" dir="ltr">
+
+<head>
+    <meta charset="utf-8" />
+    <!--link rel="icon" href="IconeLogo.ico"/-->
+    <title>Recuperation</title>
+    <link rel="stylesheet" href="css/recupMDP.css" />
+    <link rel="stylesheet" href="css/index.css" />
+</head>
+<body>
+<form method="post" action="./traitement.php" name="formulaire">
+
+    <div class="wrapper fonduBas">
+        <div id="contenu">
+            <!-- Tabs Titles -->
+            <h2 class="active"> Mot de passe oublié</h2>
+
+
+            <!-- Login Form -->
+            <form>
+                <input type="text" id="mail" class="fondu premier" name="mail" placeholder="E-mail">
+                <input type="submit" class="fondu troisieme" value="Envoyer">
+            </form>
+
+            <!-- Remind Passowrd -->
+            <div id="pied">
+                <a class="souligne" href="connexion.html">Se connecter</a>
+            </div>
+
+        </div>
+    </div>
+    <! --/form-->
+
+</form>
+</body>
+
+</html>