DjalimSimaila/dontmeetme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Never gonna give you up

Browse Source
This commit is contained in:
iTrooz_ 2021-10-29 17:17:51 +02:00
parent 8d70362b9c
commit 7d14e79f15
No known key found for this signature in database
GPG Key ID: 9F6DBA12596D5703
12 changed files with 184 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
db/woman.json
View File

@ -71,12 +71,5 @@
"age" : 39, "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." "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" :""
}
] ]

53
for.php
View File

@ -1,14 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="styles/<?php echo((isset($_GET["theme"]) && $_GET["theme"]=="vieux") ? '2000' : 'today')?>/main.css"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<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="js/nav.js" defer></script>
<title>Recherche <?php <title>Recherche <?php
if(isset($_GET["gender"])){ if(isset($_GET["gender"])){
if($_GET["gender"]=="man")echo "d'un homme"; if($_GET["gender"]=="man")echo "d'un homme";
@ -16,6 +8,17 @@
else header('Location: index.php'); else header('Location: index.php');
}else header('Location: index.php'); }else header('Location: index.php');
?> | Don't meet me</title> ?> | Don't meet me</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" class="css" type="text/css" href="styles/today/main.css"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<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="js/nav.js" defer></script>
<script src="js/themeManager.js" defer></script>
</head> </head>
<body> <body>
<?php include("header.php") ?> <?php include("header.php") ?>
@ -34,8 +37,9 @@
<p>Tu es au bon endroit !</p> <p>Tu es au bon endroit !</p>
</section> </section>
<section id="form"> <section id="form">
<form action="" id="form" method="post" enctype="text/plain"> <form action="./success.php?gender=<?php echo $_GET['gender']; ?>" id="form" method="POST">
<!-- peux tu lecher ton coude -->
<!-- peux tu lecher ton coude -->
<label for="lechercoude">Sais-tu te lécher le coude ?</label> <label for="lechercoude">Sais-tu te lécher le coude ?</label>
<select name="lechercoude" id="lechercoude"> <select name="lechercoude" id="lechercoude">
<option value="Cette personne est un alien">Oui</option> <option value="Cette personne est un alien">Oui</option>
@ -67,7 +71,7 @@
<!------------------------------> <!------------------------------>
<br> <br>
<!-- les feux de l'amour ou helene et les garcons --> <!-- les feux de l'amour ou helene et les garcons -->
<p>Quel est la meilleur serie?</p> Quel est la meilleur serie?
<input type="radio" id="fdla" name="serie" value="feux"> <input type="radio" id="fdla" name="serie" value="feux">
<label for="fdlr">Feux de l'amour</label> <label for="fdlr">Feux de l'amour</label>
<input type="radio" id="helene" name="serie" value="helene"> <input type="radio" id="helene" name="serie" value="helene">
@ -78,18 +82,35 @@
<!------------------------------> <!------------------------------>
<br> <br>
<!-- Terre plate ou ronde --> <!-- Terre plate ou ronde -->
<label for="lechercoude">Quel est la forme de la terre</label> <label for="terre">Quel est la forme de la terre</label>
<select name="lechercoude" id="lechercoude"> <select name="terre" id="terre">
<option value="Cette personne est un alien">Oui</option> <option value="normal quoi">spherique</option>
<option value="personne normale">Non</option> <option value="retour a la case cp">plate</option>
<option value=" (: oui ">oui</option>
<option value="minecraft">cubique</option>
<option value="haha! quoi?">scutoid</option>
</select> </select>
<!------------------------------> <!------------------------------>
<br>
<!-- Pain au chocolat --> <!-- Pain au chocolat -->
pain au chocolat ou chocolatine?
<input type="radio" id="pain au chocolat" name="viennoiserie" value="la verite" required>
<label for="pain au chocolat">pain au chocolat</label>
<input type="radio" id="chocolatine" name="viennoiserie" value="un mensonge">
<!--<label for="chocolatine">chocolatine</label>------>
<br>
<!------------------------------> <!------------------------------>
<!-- est ce toute les route menent au Roms --> <!-- est ce toute les route menent au Roms -->
<label for="route">Est ce que toute les routes menent aux Roms</label>
<input type="text" name="route" id="route">
<!------------------------------> <!------------------------------>
<!-- quel est le nom du bateau dans le film Titanic --> <br>
<!-- Quel est le nom du bateau dans le film Titanic -->
<label for="titanic">Quel est le nom du bateau dans le film Titanic</label>
<input type="text" name="titanic" id="titanic">
<!------------------------------> <!------------------------------>
<br>
<input type="submit" value="trouver votre dont meet!">
</form> </form>
</section> </section>
</main> </main>

7
header.php
View File

@ -17,16 +17,13 @@
</a> </a>
<div class="navbar_links hide"> <div class="navbar_links hide">
<ul> <ul>
<li><a href="index.php">Acceuil</a></li> <li><a href="index.php">Accueil</a></li>
<li><a href="for.php?gender=man">Trouve un homme !</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="for.php?gender=woman">Trouve une femme ! </a></li>
<li><a href="contact.php">Qui sommes nous</a></li> <li><a href="contact.php">Qui sommes nous</a></li>
<li>
<section id="sec_switch">
<a onClick="updateTheme"><img src="img/switchoff.png" alt="bouton pour chager de thème" id="switch"></a>
</section>
</li> </li>
</ul> </ul>
<button type="button" onclick="switchTheme()">Click Me!</button>
</div> </div>
</nav> </nav>
</section> </section>

8
index.php
View File

@ -1,18 +1,22 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <head>
<title>Accueil | Don't meet me</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="styles/<?php echo((isset($_GET["theme"]) && $_GET["theme"]=="vieux") ? '2000' : 'today')?>/main.css"/>
<link rel="stylesheet" class="css" type="text/css" href="styles/today/main.css"/>
<link rel="stylesheet" class="css" type="text/css" href="styles/today/index.css"/>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap" rel="stylesheet"> <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"> <link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<script src="js/nav.js" defer></script> <script src="js/nav.js" defer></script>
<script src="js/themeManager.js" defer></script> <script src="js/themeManager.js" defer></script>
<title>Accueil | Don't meet me</title>
</head> </head>
<body> <body>
<div id="fade"></div>
<?php include("header.php") ?> <?php include("header.php") ?>
<main> <main>
<section id="makeachoicehf"> <section id="makeachoicehf">

7
js/nav.js
View File

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

62
js/themeManager.js
View File

@ -1,32 +1,46 @@
function updateTheme(a){ function setTransition(div, n){
console.log("a"); div.style.filter = "blur("+n+"px)"
// delTheme();
// if(currentTheme=="today"){
// link.href = "styles/today/main.css";
// }else if(themeName=="2000"){
// setTheme(themeName);
} }
function delTheme(){ var fading = false
let themeNode = document.getElementById("theme");
themeNode.parentNode.removeChild(themeNode); function switchTheme(){
if(fading)return;
fading = true;
if(currentTheme=="today"){
currentTheme="2000";
}else{
currentTheme="today";
}
let LOOP_TIMES = 100;
for(let i=0;i<=LOOP_TIMES;++i){
setTimeout(() => {setTransition(div, i*2)}, i*5);
}
let div = document.getElementsByTagName("body")[0];
setTimeout(()=>{
setTheme(currentTheme);
for(let i=0;i<=LOOP_TIMES;++i){
setTimeout(() => {setTransition(div, (LOOP_TIMES-i)*2)}, i*5);
}
setTimeout(()=>fading=false, LOOP_TIMES*10)
}, LOOP_TIMES*5)
} }
function setTheme(themeName){ function setTheme(themeName){
for(let i of document.getElementsByClassName("css")){
let head = document.getElementsByTagName("HEAD")[0]; if(i.rel=="stylesheet"){
let link = document.createElement("link"); let styleName = i.href.split("/").pop();
i.href = "styles/"+themeName+"/"+styleName;
// 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"; var currentTheme = "today";

0
mentions.php Normal file
View File

8
resultat.php
View File

@ -1,8 +0,0 @@
<html>
<?php
$a = ["a", "b"];
echo $a[rand(0, count($a)-1)];
?>
</p>
</body>
</html>

0
styles/today/index.css Normal file
View File

50
styles/today/main.css
View File

@ -1,5 +1,8 @@
body{ body{
background-color: beige; background-color: beige;
font-family: 'Zen Kurenaido', sans-serif;
margin: 0;
padding: 0;
} }
#title{ #title{
@ -9,17 +12,17 @@ body{
.burger_button{ .burger_button{
position: absolute; position: absolute;
top: .75rem; top: 30px;
right: 1rem; right: 1rem;
display: none; display: none;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
width: 30px; width: 60px;
height: 21px; height: 42px;
} }
.burger_button .bar{ .burger_button .bar{
height: 3px; height: 6px;
width: 100%; width: 100%;
background-color: black; background-color: black;
border-radius: 10px; border-radius: 10px;
@ -30,7 +33,6 @@ nav ul{
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
list-style-type: none; list-style-type: none;
font-family: 'Zen Kurenaido', sans-serif;
padding-left: 0; padding-left: 0;
align-items: center; align-items: center;
text-decoration: none; text-decoration: none;
@ -50,25 +52,31 @@ nav ul li{
margin-bottom: auto; margin-bottom: auto;
} }
#sec_switch img{ nav ul li:last-child{
height : 1rem;
width : auto;
}
nav ul li:last-child {
border-right: none; border-right: none;
background-color: transparent; border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
padding-right: 1rem;
} }
/*nav ul li:hover{ nav ul li:first-child{
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding-left: 1rem;
}
nav ul li:hover{
background-color: rgb(24, 88, 207); background-color: rgb(24, 88, 207);
transition: background-color 1s; transition: background-color 1s;
}*/ }
footer{ footer{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-around;
background-color: pink; background-color: pink;
padding-bottom: 1rem;
border-radius: 1rem;
} }
footer #feedback #form{ footer #feedback #form{
@ -84,12 +92,16 @@ footer #feedback #form #txtfeedback{
resize: none; resize: none;
} }
footer #rightfoot{
display: flex;
align-items: center;
}
footer #rightfoot ul{ footer #rightfoot ul{
font-size: 1rem; font-size: 1rem;
display : flex; display : flex;
flex-direction: column; flex-direction: column;
text-align: center; list-style-type: none;
justify-content: center;
} }
@ -99,7 +111,7 @@ footer #rightfoot ul{
} }
.burger_button{ .burger_button{
display: flex display: flex;
} }
.navbar_links{ .navbar_links{
@ -118,6 +130,9 @@ footer #rightfoot ul{
.navbar_links li{ .navbar_links li{
text-align: center; text-align: center;
border-right: none;
min-width: 100%;
font-size: 5rem;
} }
.navbar_links li a{ .navbar_links li a{
@ -130,6 +145,5 @@ footer #rightfoot ul{
.hide{ .hide{
display: none; display: none;
c
} }
} }

13
success.php
View File

@ -1,22 +1,25 @@
<html lang="fr"> <html lang="fr">
<head> <head>
<title>It's a don't meet ! | Don't meet me</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="styles/<?php echo((isset($_GET["theme"]) && $_GET["theme"]=="vieux") ? '2000' : 'today')?>/main.css"/>
<link rel="stylesheet" type="text/css" href="styles/<?php echo((isset($_GET["theme"]) && $_GET["theme"]=="vieux") ? '2000' : 'today')?>/success.css"/> <link rel="stylesheet" type="text/css" class="css" href="styles/today/main.css"/>
<link rel="stylesheet" type="text/css" class="css" href="styles/today/success.css"/>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap" rel="stylesheet"> <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"> <link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<script src="js/nav.js" defer></script> <script src="js/nav.js" defer></script>
<title>It's a don't meet ! | Don't meet me</title> <script src="js/themeManager.js" defer></script>
</head> </head>
<body> <body>
<?php <?php
include("header.php"); include("header.php");
$seed = strlen($_POST['lechercoude'].$_POST['100m'].$_POST['solde'].$_POST['rib'].$_POST['os'].$_POST['serie']./*$_POST['pilote'] +*/$_POST['terre'].$_POST['viennoiserie'].$_POST['route'].$_POST['titanic'] );
//$seed = strlen($_POST['question1'] + $_POST['question2'] + $_POST['question2']); srand($seed);
$genderdb; $genderdb;
// choix du genre de la personne que l'on cherche (femme par defaut ) // choix du genre de la personne que l'on cherche (femme par defaut )
if (isset($_GET["gender"]) && $_GET["gender"]=="man"){ if (isset($_GET["gender"]) && $_GET["gender"]=="man"){

60
test.html Normal file
View File

@ -0,0 +1,60 @@
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<div>
<span id="fade_in">Fade In</span> |
<span id="fade_out">Fade Out</span></div>
<div id="fading_div" style="display:none;height:100px;background:#f00">Fading Box</div>
</div>
</div>
<script type="text/javascript">
// global varibles
var done = true,
fading_div = document.getElementById('fading_div'),
fade_in_button = document.getElementById('fade_in'),
fade_out_button = document.getElementById('fade_out');
function function_opacity(opacity_value, fade_in_or_fade_out) { // fade_in_or_out - 0 = fade in, 1 = fade out
fading_div.style.opacity = opacity_value / 100;
fading_div.style.filter = 'alpha(opacity=' + opacity_value + ')';
if (fade_in_or_fade_out == 'in' && opacity_value == 1) {
fading_div.style.display = 'block';
}
if (fade_in_or_fade_out == 'in' && opacity_value == 100) {
done = true;
}
if (fade_in_or_fade_out == 'out' && opacity_value == 1) {
fading_div.style.display = 'none';
done = true;
}
}
// fade in button
fade_in_button.onclick = function () {
if (done && fading_div.style.opacity !== '1') {
done = false;
for (var i = 1; i <= 100; i++) {
setTimeout("function_opacity(" + i + ",'in')", i * 5);
}
}
};
// fade out button
fade_out_button.onclick = function () {
if (done && fading_div.style.opacity !== '0') {
done = false;
for (var i = 100; i >= 1; i--) {
setTimeout("function_opacity(" + i + ",'out')", (i - 100) * -1 * 5);
}
}
};
alert (test);
</script>
</body>
</html>