diff --git a/droit/LANTZ_JANUZI_CGU.pdf b/droit/LANTZ_JANUZI_CGU.pdf new file mode 100644 index 0000000000000000000000000000000000000000..000e0107ed356fffb64f210b429cbd28e9c67b9f Binary files /dev/null and b/droit/LANTZ_JANUZI_CGU.pdf differ diff --git a/droit/LANTZ_JANUZI_CONFORMITE_SECURITE.pdf b/droit/LANTZ_JANUZI_CONFORMITE_SECURITE.pdf new file mode 100644 index 0000000000000000000000000000000000000000..47bb284b3f647526464b31ca4961e72f29b9d295 Binary files /dev/null and b/droit/LANTZ_JANUZI_CONFORMITE_SECURITE.pdf differ diff --git a/droit/LANTZ_JANUZI_DROIT.pdf b/droit/LANTZ_JANUZI_DROIT.pdf new file mode 100644 index 0000000000000000000000000000000000000000..a1583ff24e53cfb626209b0df1b0f9f4bc8be890 Binary files /dev/null and b/droit/LANTZ_JANUZI_DROIT.pdf differ diff --git a/footer.php b/footer.php index 0e68d6c07053e454f637d3d87ded1db04dc31e09..6a7897a1f405fada3237ff65bcaa68f414600f4b 100644 --- a/footer.php +++ b/footer.php @@ -8,9 +8,10 @@ <footer> <div class="date"> <?php - echo '<p> 2023-2034 ~ MatchZéro </p>'; + echo '<a href="droit/LANTZ_JANUZI_DROIT.pdf" target="_blank">Mentions légales ~ MatchZéro</a>'; ?> </div> + <div class="contacter"> Contact </div> diff --git a/inscription.php b/inscription.php index 189c0d21397eaa7cb2b189401c401645b826d287..1505403b856c64244ba0488ffb8350ff55d0bf85 100644 --- a/inscription.php +++ b/inscription.php @@ -35,13 +35,20 @@ <button class="SInscrirebtn1 cursor-pointer" name="SInscrirebtn" onclick="submitForm('email', 'SInscrirebtn1')">S’inscrire </button> + <div class="checkbox-container"> + <input type="checkbox" id="agreeEmail" name="agreeEmail" required> + <label for="agreeEmail">En soumettant ce formulaire, j'accepte que mes informations soient utilisées exclusivement + dans le cadre de ma demande et de la relation commerciale éthique et personnalisée qui pourrait en découler. <a + href="droit/LANTZ_JANUZI_CGU.pdf" target="_blank">(Voir les conditions d'utilisations et les informations qui seront + utilisées)</a></label> + </div> </div> </form> <form method="POST" action="ScripInscription.php"> <div class="TEL" id="telephoneSection"> <div class="Rectangle13"></div> - <input type="text" id="Rectangle144" name="tel" size="25"/> + <input type="text" id="Rectangle144" name="tel" size="25" /> <div class="EntreTonNumeroDeTelephone">Entre ton numéro de téléphone</div> <input type="password" id="Rectangle166" name="choisirmdp2" size="25" /> <div class="ChoisirUnMotDePasse">Choisir un mot de passe</div> @@ -54,6 +61,13 @@ <button class="SInscrirebtn2 cursor-pointer" name="SInscrirebtn" onclick="submitForm('tel', 'SInscrirebtn2')">S’inscrire </button> + <div class="checkbox-container"> + <input type="checkbox" id="agreeTel" name="agreeTel" required> + <label for="agreeTel">En soumettant ce formulaire, j'accepte que mes informations soient utilisées exclusivement + dans le cadre de ma demande et de la relation commerciale éthique et personnalisée qui pourrait en découler. <a + href="droit/LANTZ_JANUZI_CGU.pdf" target="_blank">(Voir les conditions d'utilisations et les informations qui seront + utilisées)</a></label> + </div> </div> </form> diff --git a/inscriptionCSS.css b/inscriptionCSS.css index c99ad23e28198c18f10e1b420076691ec7d9ed2a..35fc332d7b6d0b940d232a046124d88db847f87a 100644 --- a/inscriptionCSS.css +++ b/inscriptionCSS.css @@ -380,4 +380,34 @@ background: #D9D9D9; border-radius: 15px; font-size: 20px; +} + +.checkbox-container { + width: 721px; + margin: 20px auto; + margin-top: 800px; + position: absolute; + text-align: justify; + left: 257px; + display: flex; + align-items: center; +} + +.checkbox-container input[type="checkbox"] { + margin-right: 10px; +} + +.checkbox-container label { + font-size: 15px; + color: black; + font-family: Kufam; +} + +.checkbox-container a { + color: blue; + text-decoration: none; +} + +.checkbox-container a:hover { + text-decoration: underline; } \ No newline at end of file diff --git a/mention.js b/mention.js new file mode 100644 index 0000000000000000000000000000000000000000..67106515e0ff84c4acfeba37019702298b32148e --- /dev/null +++ b/mention.js @@ -0,0 +1,16 @@ +document.addEventListener('DOMContentLoaded', (event) => { + + document.getElementById('legalMention').onclick = function() { + document.getElementById('modalmentionleg').style.display = "block"; + } + + document.querySelector('.close').onclick = function() { + document.getElementById('modalmentionleg').style.display = "none"; + } + + window.onclick = function(event) { + if (event.target == document.getElementById('modalmentionleg')) { + document.getElementById('modalmentionleg').style.display = "none"; + } + } +});