This commit is contained in:
iTrooz_ 2021-10-29 15:57:45 +02:00
parent 621fa08525
commit 8d70362b9c
No known key found for this signature in database
GPG Key ID: 9F6DBA12596D5703
12 changed files with 154 additions and 55 deletions

View File

@ -59,5 +59,16 @@
"age" : 30,
"bio" :"Salut je suis Vincent et je suis facteur. Alors laisse moi te poster ma déclaration."
}
,{
"prenom" : "Talon",
"nom" : "Riel",
"age" : 40,
"bio" :"bonjour je suis humoriste de proféssion. Si tu veux ecouté mes calembours vien me parlé"
}
,{
"prenom" : "Claude",
"nom" : "Brisebois",
"age" : 27,
"bio" : "Bonsoir je m'appelle Claude et j'aime la chasse et la pêche traditionnelle"
}
]

View File

@ -63,6 +63,20 @@
"prenom" : "Alexandrie",
"nom" : "Lacasse",
"age" : 32,
"bio" :"SAlut je suis une jeune fille qui cherche déséperment l'ammour alors s'il te plaît fait le premier pas."
"bio" :"Salut je suis une jeune fille qui cherche déséperement l'ammour alors s'il te plaît fait le premier pas."
}
,{
"prenom" : "Élodie",
"nom" : "Fontaine",
"age" : 39,
"bio" : "Bonjour, je suis Élodie et je suis atteinte de l'hippopotomonstrosesquippedaliophobie alors n'utilise pas des mots trop long pour ta disquette."
}
,{
"prenom" : "",
"nom" : "",
"age" : ,
"bio" :""
}
]

View File

@ -3,11 +3,11 @@
<h2>Donnez nous votre avis</h2>
<h3>C'est 100% anonyme !</h3>
<form id="form" action="" method="post" enctype="text/plain">
<textarea name="feedback" id="txtfeedback" cols="70" rows="10" placeholder="Donnez votre avis sur le site"></textarea>
<textarea name="feedback" id="txtfeedback" cols="70" rows="2" placeholder="Donnez votre avis sur le site"></textarea>
<input id="send" type="submit" value="Envoyer">
</form>
</section>
<section>
<section id="rightfoot">
<ul>
<li>Mentions légales</li>
<li>Qui sommes nous</li>

48
for.php
View File

@ -8,7 +8,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<script src="nav.js" defer></script>
<script src="js/nav.js" defer></script>
<title>Recherche <?php
if(isset($_GET["gender"])){
if($_GET["gender"]=="man")echo "d'un homme";
@ -36,23 +36,59 @@
<section id="form">
<form action="" id="form" method="post" enctype="text/plain">
<!-- peux tu lecher ton coude -->
<!------------------------------>
<label for="lechercoude">Sais-tu te lécher le coude ?</label>
<select name="lechercoude" id="lechercoude">
<option value="Oui">Oui</option>
<option value="Non">Non</option>
<option value="Cette personne est un alien">Oui</option>
<option value="personne normale">Non</option>
</select>
<!------------------------------>
<br>
<!-- 100 metres nage libre -->
<label for="100m">Combien de temps fais-tu au 100m nage libre ? (minutes)</label>
<input type="number" name="100m" id="100m">
<!-- 100 metres nage libre -->
<!------------------------------>
<br>
<!-- solde de la carte banquaire -->
<label for="solde">Quel est le solde actuel de votre compte banquaire?</label>
<input type="number" name="solde" id="solde" step="100">
<!------------------------------>
<!-- -->
<br>
<!-- rib -->
<label for="rib">Pouriez vous saisir votre rib?</label>
<input type="text" name="rib" id="rib">
<!------------------------------>
<br>
<!-- systeme s'exploitation -->
<label for="os">Quel est le meilleur system d'exploitation?</label>
<select name="os" id="os">
<option value="linux master race, une personne de culture">Linux</option>
<option value="encore un kikou windows ou macos, ou pire, un utilisateur de bsd">autre</option>
</select>
<!------------------------------>
<br>
<!-- les feux de l'amour ou helene et les garcons -->
<p>Quel est la meilleur serie?</p>
<input type="radio" id="fdla" name="serie" value="feux">
<label for="fdlr">Feux de l'amour</label>
<input type="radio" id="helene" name="serie" value="helene">
<label for="helene">Helene et les garcons</label>
<!------------------------------>
<br>
<!-- Pilote de chasse -->
<!------------------------------>
<br>
<!-- Terre plate ou ronde -->
<label for="lechercoude">Quel est la forme de la terre</label>
<select name="lechercoude" id="lechercoude">
<option value="Cette personne est un alien">Oui</option>
<option value="personne normale">Non</option>
</select>
<!------------------------------>
<!-- Pain au chocolat -->
<!------------------------------>
<!-- est ce toute les route menent au Roms -->
<!------------------------------>
<!-- quel est le nom du bateau dans le film Titanic -->
<!------------------------------>
</form>
</section>

View File

@ -1,28 +0,0 @@
<header>
<section id="title">
<img src="img/logo.png" alt="Logo don't meet me" id="logo">
</section>
<section>
<nav>
<a href="#" class="burger_button">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</a>
<div class="navbar_links">
<ul>
<li><a href="index.php">Acceuil</a></li>
<li><a href="for.php?gender=man">Trouve un homme !</a></li>
<li><a href="for.php?gender=woman">Trouve une femme ! </a></li>
<li><a href="contact.php">Qui sommes nous</a></li>
<li>
<section id="sec_switch">
<a href="index.php"><img src="img/switchoff.png" alt="bouton pour chager de thème" id="switch"></a>
</section>
</li>
</ul>
</div>
</nav>
</section>
</header>

View File

@ -1,3 +1,8 @@
<?php // theme manager
// if(isset($_GET("settheme"))){
// if()
// }
?>
<header>
<section id="title">
@ -5,12 +10,12 @@
</section>
<section>
<nav>
<a href="#" class="burger_button">
<a href="#" class="burger_button" onclick="menu()">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</a>
<div class="navbar_links">
<div class="navbar_links hide">
<ul>
<li><a href="index.php">Acceuil</a></li>
<li><a href="for.php?gender=man">Trouve un homme !</a></li>
@ -18,7 +23,7 @@
<li><a href="contact.php">Qui sommes nous</a></li>
<li>
<section id="sec_switch">
<a href="index.php"><img src="img/switchoff.png" alt="bouton pour chager de thème" id="switch"></a>
<a onClick="updateTheme"><img src="img/switchoff.png" alt="bouton pour chager de thème" id="switch"></a>
</section>
</li>
</ul>

View File

@ -8,7 +8,8 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<script src="nav.js" defer></script>
<script src="js/nav.js" defer></script>
<script src="js/themeManager.js" defer></script>
<title>Accueil | Don't meet me</title>
</head>
<body>

18
js/nav.js Normal file
View File

@ -0,0 +1,18 @@
const toggleButton = document.getElementsByClassName('burger_button')[0]
const navbarLinks = document.getElementsByClassName('navbar_links')[0]
var hide = 1
//toggleButton.addEventListener('click',() => {
// navbarLinks.classList.remove('hide')
//})
function menu(){
console.log('Je rentre dans la fonction')
if(hide == 1){
navbarLinks.classList.remove('hide')
hide = 0
}
else{
navbarLinks.classList.add('hide')
hide = 1
}
}

33
js/themeManager.js Normal file
View File

@ -0,0 +1,33 @@
function updateTheme(a){
console.log("a");
// delTheme();
// if(currentTheme=="today"){
// link.href = "styles/today/main.css";
// }else if(themeName=="2000"){
// setTheme(themeName);
}
function delTheme(){
let themeNode = document.getElementById("theme");
themeNode.parentNode.removeChild(themeNode);
}
function setTheme(themeName){
let head = document.getElementsByTagName("HEAD")[0];
let link = document.createElement("link");
// set the attributes for link element
link.rel = "stylesheet";
link.type = "text/css";
link.id = "theme";
if(themeName=="today"){
link.href = "styles/today/main.css";
}else if(themeName=="2000"){
link.href = "styles/2000/main.css";
}else throw new Error("invalid theme : "+themeName);
head.appendChild(link);
}
var currentTheme = "today";
setTheme(currentTheme);

8
nav.js
View File

@ -1,8 +0,0 @@
const toggleButton = document.getElementsByClassName('burger_button')[0]
const navbarLinks = document.getElementsByClassName('navbar_links')[0]
toggleButton.addEventListener('click',() => {
console.log('coucou je dans la fonciton')
console.log(navbarLinks.classList)
navbarLinks.classList.toggle('active')
})

View File

@ -70,27 +70,39 @@ footer{
flex-direction: row;
background-color: pink;
}
footer #feedback #form{
display: flex;
flex-direction: column;
width: 100px;
height: auto;
}
footer #feedback #form #send{
justify-self: flex-start;
}
footer #feedback #form #txtfeedback{
resize: none;
}
footer #rightfoot ul{
font-size: 1rem;
display : flex;
flex-direction: column;
text-align: center;
justify-content: center;
}
@media screen and (max-width:1000px){
#title{
justify-content: left;
}
@media screen and (max-width:800px){
.burger_button{
display: flex
}
.navbar_links{
display: flex;
width: 100%;
}
@ -115,4 +127,9 @@ footer #feedback #form #txtfeedback{
.navbar_links .active{
display: flex;
}
.hide{
display: none;
c
}
}

View File

@ -8,7 +8,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<script src="nav.js" defer></script>
<script src="js/nav.js" defer></script>
<title>It's a don't meet ! | Don't meet me</title>
</head>
<body>