Never gonna give you up
This commit is contained in:
iTrooz_
parent
8d70362b9c
commit
7d14e79f15
@ -71,12 +71,5 @@
|
||||
"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" :""
|
||||
}
|
||||
|
||||
|
||||
]
|
||||
53
for.php
53
for.php
@ -1,14 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<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
|
||||
if(isset($_GET["gender"])){
|
||||
if($_GET["gender"]=="man")echo "d'un homme";
|
||||
@ -16,6 +8,17 @@
|
||||
else header('Location: index.php');
|
||||
}else header('Location: index.php');
|
||||
?> | 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>
|
||||
<body>
|
||||
<?php include("header.php") ?>
|
||||
@ -34,8 +37,9 @@
|
||||
<p>Tu es au bon endroit !</p>
|
||||
</section>
|
||||
<section id="form">
|
||||
<form action="" id="form" method="post" enctype="text/plain">
|
||||
<!-- peux tu lecher ton coude -->
|
||||
<form action="./success.php?gender=<?php echo $_GET['gender']; ?>" id="form" method="POST">
|
||||
|
||||
<!-- peux tu lecher ton coude -->
|
||||
<label for="lechercoude">Sais-tu te lécher le coude ?</label>
|
||||
<select name="lechercoude" id="lechercoude">
|
||||
<option value="Cette personne est un alien">Oui</option>
|
||||
@ -67,7 +71,7 @@
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- 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">
|
||||
<label for="fdlr">Feux de l'amour</label>
|
||||
<input type="radio" id="helene" name="serie" value="helene">
|
||||
@ -78,18 +82,35 @@
|
||||
<!------------------------------>
|
||||
<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>
|
||||
<label for="terre">Quel est la forme de la terre</label>
|
||||
<select name="terre" id="terre">
|
||||
<option value="normal quoi">spherique</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>
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- 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 -->
|
||||
<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>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
@ -17,16 +17,13 @@
|
||||
</a>
|
||||
<div class="navbar_links hide">
|
||||
<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=woman">Trouve une femme ! </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>
|
||||
</ul>
|
||||
<button type="button" onclick="switchTheme()">Click Me!</button>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
@ -1,18 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<title>Accueil | Don't meet me</title>
|
||||
<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="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.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>
|
||||
<title>Accueil | Don't meet me</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="fade"></div>
|
||||
<?php include("header.php") ?>
|
||||
<main>
|
||||
<section id="makeachoicehf">
|
||||
|
||||
@ -1,12 +1,7 @@
|
||||
const toggleButton = document.getElementsByClassName('burger_button')[0]
|
||||
const navbarLinks = document.getElementsByClassName('navbar_links')[0]
|
||||
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
|
||||
|
||||
@ -1,32 +1,46 @@
|
||||
function updateTheme(a){
|
||||
console.log("a");
|
||||
// delTheme();
|
||||
// if(currentTheme=="today"){
|
||||
// link.href = "styles/today/main.css";
|
||||
// }else if(themeName=="2000"){
|
||||
// setTheme(themeName);
|
||||
function setTransition(div, n){
|
||||
div.style.filter = "blur("+n+"px)"
|
||||
}
|
||||
|
||||
function delTheme(){
|
||||
let themeNode = document.getElementById("theme");
|
||||
themeNode.parentNode.removeChild(themeNode);
|
||||
var fading = false
|
||||
|
||||
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){
|
||||
|
||||
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);
|
||||
for(let i of document.getElementsByClassName("css")){
|
||||
if(i.rel=="stylesheet"){
|
||||
let styleName = i.href.split("/").pop();
|
||||
i.href = "styles/"+themeName+"/"+styleName;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var currentTheme = "today";
|
||||
|
||||
0
mentions.php
Normal file
0
mentions.php
Normal 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
0
styles/today/index.css
Normal file
@ -1,5 +1,8 @@
|
||||
body{
|
||||
background-color: beige;
|
||||
font-family: 'Zen Kurenaido', sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#title{
|
||||
@ -9,17 +12,17 @@ body{
|
||||
|
||||
.burger_button{
|
||||
position: absolute;
|
||||
top: .75rem;
|
||||
top: 30px;
|
||||
right: 1rem;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
width: 30px;
|
||||
height: 21px;
|
||||
width: 60px;
|
||||
height: 42px;
|
||||
}
|
||||
|
||||
.burger_button .bar{
|
||||
height: 3px;
|
||||
height: 6px;
|
||||
width: 100%;
|
||||
background-color: black;
|
||||
border-radius: 10px;
|
||||
@ -30,7 +33,6 @@ nav ul{
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
list-style-type: none;
|
||||
font-family: 'Zen Kurenaido', sans-serif;
|
||||
padding-left: 0;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
@ -50,25 +52,31 @@ nav ul li{
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
#sec_switch img{
|
||||
height : 1rem;
|
||||
width : auto;
|
||||
}
|
||||
|
||||
nav ul li:last-child {
|
||||
nav ul li:last-child{
|
||||
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);
|
||||
transition: background-color 1s;
|
||||
}*/
|
||||
}
|
||||
|
||||
footer{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
background-color: pink;
|
||||
padding-bottom: 1rem;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
footer #feedback #form{
|
||||
@ -84,12 +92,16 @@ footer #feedback #form #txtfeedback{
|
||||
resize: none;
|
||||
}
|
||||
|
||||
footer #rightfoot{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
footer #rightfoot ul{
|
||||
font-size: 1rem;
|
||||
display : flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
|
||||
@ -99,7 +111,7 @@ footer #rightfoot ul{
|
||||
}
|
||||
|
||||
.burger_button{
|
||||
display: flex
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.navbar_links{
|
||||
@ -118,6 +130,9 @@ footer #rightfoot ul{
|
||||
|
||||
.navbar_links li{
|
||||
text-align: center;
|
||||
border-right: none;
|
||||
min-width: 100%;
|
||||
font-size: 5rem;
|
||||
}
|
||||
|
||||
.navbar_links li a{
|
||||
@ -130,6 +145,5 @@ footer #rightfoot ul{
|
||||
|
||||
.hide{
|
||||
display: none;
|
||||
c
|
||||
}
|
||||
}
|
||||
13
success.php
13
success.php
@ -1,22 +1,25 @@
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<title>It's a don't meet ! | Don't meet me</title>
|
||||
<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="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.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>It's a don't meet ! | Don't meet me</title>
|
||||
<script src="js/themeManager.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<?php
|
||||
include("header.php");
|
||||
|
||||
//$seed = strlen($_POST['question1'] + $_POST['question2'] + $_POST['question2']);
|
||||
$seed = strlen($_POST['lechercoude'].$_POST['100m'].$_POST['solde'].$_POST['rib'].$_POST['os'].$_POST['serie']./*$_POST['pilote'] +*/$_POST['terre'].$_POST['viennoiserie'].$_POST['route'].$_POST['titanic'] );
|
||||
srand($seed);
|
||||
$genderdb;
|
||||
// choix du genre de la personne que l'on cherche (femme par defaut )
|
||||
if (isset($_GET["gender"]) && $_GET["gender"]=="man"){
|
||||
|
||||
60
test.html
Normal file
60
test.html
Normal 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>
|
||||
Loading…
Reference in New Issue
Block a user