zswevgbh
This commit is contained in:
parent
621fa08525
commit
8d70362b9c
13
db/man.json
13
db/man.json
@ -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"
|
||||
}
|
||||
]
|
||||
|
@ -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" :""
|
||||
}
|
||||
|
||||
|
||||
]
|
@ -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
48
for.php
@ -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>
|
||||
|
28
header.html
28
header.html
@ -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>
|
11
header.php
11
header.php
@ -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>
|
||||
|
@ -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
18
js/nav.js
Normal 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
33
js/themeManager.js
Normal 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
8
nav.js
@ -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')
|
||||
})
|
@ -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
|
||||
}
|
||||
}
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user