Compare commits
10 Commits
374db08a13
...
546cfb35ca
| Author | SHA1 | Date | |
|---|---|---|---|
|
546cfb35ca | ||
| f149318b79 | |||
| 5640416c5e | |||
| f2f6ed21bc | |||
| 44cff3c2c3 | |||
| c77c518327 | |||
|
4488695667 | ||
|
|
1502eeac2a | ||
|
|
12dea20843 | ||
|
|
99337bdcd0 |
78
contact.php
78
contact.php
@ -4,6 +4,8 @@
|
|||||||
<title>Contact | Don't meet me</title>
|
<title>Contact | 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">
|
||||||
|
<meta name="keywords" content="site de rencontre, amour, amoureux, site fictif, rencontre homme, rencontre femme">
|
||||||
|
<meta name="description" content="Sur don't meet me vous trouvrez le grand amour. Grâce à notre algorithme de professionel et notre questionnaire de qualité, nous ne pouvons pas nous tromper. Que ce soit une femme ou un homme, don't meet me est la pour vous trouver la personne idéale. Petite précision, ceci est un site fictif qui a été créé dans le cadre d'un projet informatique.">
|
||||||
|
|
||||||
<link rel="stylesheet" class="css" type="text/css" href="styles/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/contact.css"/>
|
<link rel="stylesheet" class="css" type="text/css" href="styles/today/contact.css"/>
|
||||||
@ -18,43 +20,45 @@
|
|||||||
<body>
|
<body>
|
||||||
<?php include("header.php") ?>
|
<?php include("header.php") ?>
|
||||||
<main>
|
<main>
|
||||||
<h1>Notre équipe de spécialistes</h1>
|
<section>
|
||||||
<section id="devs">
|
<h1>Notre équipe de spécialistes</h1>
|
||||||
<!-- Fred -->
|
<div id="devs">
|
||||||
<section class="contactprofile">
|
<!-- Fred -->
|
||||||
<a href="mailto:frederic.egenscheviller@etu.univ-amu.fr" class="tuile">
|
<div class="contactprofile">
|
||||||
<img src="img/profils/fred.jpg" alt="fred" class="profilsimg">
|
<a href="mailto:frederic.egenscheviller@etu.univ-amu.fr" class="tuile">
|
||||||
<p>Frédéric EGENSCHEVILLER</p>
|
<img src="img/profils/fred.jpg" alt="fred" class="profilsimg">
|
||||||
</a>
|
<p>Frédéric EGENSCHEVILLER</p>
|
||||||
</section>
|
</a>
|
||||||
<!-- Marius -->
|
</div>
|
||||||
<section class="contactprofile">
|
<!-- Marius -->
|
||||||
<a href="mailto:marius.pistoresi@etu.univ-amu.fr" class="tuile">
|
<div class="contactprofile">
|
||||||
<img src="img/profils/marius.jpg" alt="marius" class="profilsimg">
|
<a href="mailto:marius.pistoresi@etu.univ-amu.fr" class="tuile">
|
||||||
<p>Marius PISTORESI</p>
|
<img src="img/profils/marius.jpg" alt="marius" class="profilsimg">
|
||||||
</a>
|
<p>Marius PISTORESI</p>
|
||||||
</section>
|
</a>
|
||||||
<!-- Lucas -->
|
</div>
|
||||||
<section class="contactprofile">
|
<!-- Lucas -->
|
||||||
<a href="mailto:lucas.fabre@etu.univ-amu.fr" class="tuile">
|
<div class="contactprofile">
|
||||||
<img src="img/profils/lucas.jpg" alt="lucas" class="profilsimg">
|
<a href="mailto:lucas.fabre@etu.univ-amu.fr" class="tuile">
|
||||||
<p>Lucas FABRE</p>
|
<img src="img/profils/lucas.jpg" alt="lucas" class="profilsimg">
|
||||||
</a>
|
<p>Lucas FABRE</p>
|
||||||
</section>
|
</a>
|
||||||
<!-- Djalim -->
|
</div>
|
||||||
<section class="contactprofile">
|
<!-- Djalim -->
|
||||||
<a href="mailto:djalim.simaila@etu.univ-amu.fr" class="tuile">
|
<div class="contactprofile">
|
||||||
<img src="img/profils/djalim.jpg" alt="djalim" class="profilsimg">
|
<a href="mailto:djalim.simaila@etu.univ-amu.fr" class="tuile">
|
||||||
<p>Djalim SIMAILA</p>
|
<img src="img/profils/djalim.jpg" alt="djalim" class="profilsimg">
|
||||||
</a>
|
<p>Djalim SIMAILA</p>
|
||||||
</section>
|
</a>
|
||||||
<!-- Thomas -->
|
</div>
|
||||||
<section class="contactprofile">
|
<!-- Thomas -->
|
||||||
<a href="mailto:thomas.rubini@etu.univ-amu.fr" class="tuile">
|
<div class="contactprofile">
|
||||||
<img src="img/profils/thomas.jpg" alt="thomas" class="profilsimg">
|
<a href="mailto:thomas.rubini@etu.univ-amu.fr" class="tuile">
|
||||||
<p>Thomas RUBINI</p>
|
<img src="img/profils/thomas.jpg" alt="thomas" class="profilsimg">
|
||||||
</a>
|
<p>Thomas RUBINI</p>
|
||||||
</section>
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<h2 id="review">N'hesitez pas a nous faire part de votre avis !</h2>
|
<h2 id="review">N'hesitez pas a nous faire part de votre avis !</h2>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@ -7,10 +7,10 @@
|
|||||||
<input id="send" type="submit" value="Envoyer">
|
<input id="send" type="submit" value="Envoyer">
|
||||||
</form>
|
</form>
|
||||||
</section>
|
</section>
|
||||||
<section id="rightfoot">
|
<div id="rightfoot">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="mentions.php">Mentions légales</a></li>
|
<li><a href="mentions.php">Mentions légales</a></li>
|
||||||
<li><a href="contact.php">Qui sommes nous</a></li>
|
<li><a href="contact.php">Qui sommes nous</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
169
for.php
169
for.php
@ -10,6 +10,8 @@
|
|||||||
?> | Don't meet me</title>
|
?> | 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">
|
||||||
|
<meta name="keywords" content="site de rencontre, amour, amoureux, site fictif, rencontre homme, rencontre femme">
|
||||||
|
<meta name="description" content="Sur don't meet me vous trouvrez le grand amour. Grâce à notre algorithme de professionel et notre questionnaire de qualité, nous ne pouvons pas nous tromper. Que ce soit une femme ou un homme, don't meet me est la pour vous trouver la personne idéale. Petite précision, ceci est un site fictif qui a été créé dans le cadre d'un projet informatique.">
|
||||||
|
|
||||||
<link rel="stylesheet" class="css" type="text/css" href="styles/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/for.css"/>
|
<link rel="stylesheet" class="css" type="text/css" href="styles/today/for.css"/>
|
||||||
@ -24,97 +26,82 @@
|
|||||||
<body>
|
<body>
|
||||||
<?php include("header.php") ?>
|
<?php include("header.php") ?>
|
||||||
<main>
|
<main>
|
||||||
<section id="formtot">
|
<section id="formulaire">
|
||||||
<section id="intro">
|
<h2>
|
||||||
<h2>
|
<?php
|
||||||
<?php
|
// 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($_GET["gender"]=="man"){
|
||||||
if($_GET["gender"]=="man"){
|
echo "Tu cherches l'homme de ta vie ?";
|
||||||
echo "Tu cherches l'homme de ta vie ?";
|
}else {
|
||||||
}else {
|
echo 'Tu cherches la femme de ta vie ?';
|
||||||
echo 'Tu cherches la femme de ta vie ?';
|
}
|
||||||
}
|
?>
|
||||||
?>
|
</h2>
|
||||||
</h2>
|
<p>Tu es au bon endroit !</p>
|
||||||
<p>Tu es au bon endroit !</p>
|
<form action="./success.php?gender=<?php echo $_GET['gender']; ?>" method="POST">
|
||||||
</section>
|
|
||||||
<section id="form">
|
<!-- peux tu lecher ton coude -->
|
||||||
<form action="./success.php?gender=<?php echo $_GET['gender']; ?>" id="form" method="POST">
|
<label for="lechercoude">Sais-tu te lécher le coude ?</label>
|
||||||
|
<select name="lechercoude" id="lechercoude">
|
||||||
<!-- peux tu lecher ton coude -->
|
<option value="Cette personne est un alien">Oui</option>
|
||||||
<label for="lechercoude">Sais-tu te lécher le coude ?</label>
|
<option value="personne normale">Non</option>
|
||||||
<select name="lechercoude" id="lechercoude">
|
</select>
|
||||||
<option value="Cette personne est un alien">Oui</option>
|
<br>
|
||||||
<option value="personne normale">Non</option>
|
<!-- 100 metres nage libre -->
|
||||||
</select>
|
<label for="100m">Combien de temps fais-tu au 100m nage libre ? (minutes)</label>
|
||||||
<!------------------------------>
|
<input type="number" name="100m" id="100m">
|
||||||
<br>
|
<br>
|
||||||
<!-- 100 metres nage libre -->
|
<!-- solde de la carte banquaire -->
|
||||||
<label for="100m">Combien de temps fais-tu au 100m nage libre ? (minutes)</label>
|
<label for="solde">Quel est le solde actuel de votre compte bancaire?</label>
|
||||||
<input type="number" name="100m" id="100m">
|
<input type="number" name="solde" id="solde" step="100">
|
||||||
<!------------------------------>
|
<br>
|
||||||
<br>
|
<!-- rib -->
|
||||||
<!-- solde de la carte banquaire -->
|
<label for="rib">Saisissez votre RIB</label>
|
||||||
<label for="solde">Quel est le solde actuel de votre compte bancaire?</label>
|
<input type="text" name="rib" id="rib">
|
||||||
<input type="number" name="solde" id="solde" step="100">
|
<br>
|
||||||
<!------------------------------>
|
<!-- systeme s'exploitation -->
|
||||||
<br>
|
<label for="os">Quel est le meilleur système d'exploitation?</label>
|
||||||
<!-- rib -->
|
<select name="os" id="os">
|
||||||
<label for="rib">Saisissez votre RIB</label>
|
<option value="linux master race, une personne de culture">Linux</option>
|
||||||
<input type="text" name="rib" id="rib">
|
<option value="encore un kikou windows ou macos, ou pire, un utilisateur de bsd">autre</option>
|
||||||
<!------------------------------>
|
</select>
|
||||||
<br>
|
<br>
|
||||||
<!-- systeme s'exploitation -->
|
<!-- les feux de l'amour ou helene et les garcons -->
|
||||||
<label for="os">Quel est le meilleur système d'exploitation?</label>
|
Quelle est la meilleure serie?
|
||||||
<select name="os" id="os">
|
<input type="radio" id="fdla" name="serie" value="feux">
|
||||||
<option value="linux master race, une personne de culture">Linux</option>
|
<label for="fdla">Feux de l'amour</label>
|
||||||
<option value="encore un kikou windows ou macos, ou pire, un utilisateur de bsd">autre</option>
|
<input type="radio" id="helene" name="serie" value="helene">
|
||||||
</select>
|
<label for="helene">Helene et les garcons</label>
|
||||||
<!------------------------------>
|
<br>
|
||||||
<br>
|
<!-- Pilote de chasse -->
|
||||||
<!-- les feux de l'amour ou helene et les garcons -->
|
<br>
|
||||||
Quelle est la meilleure serie?
|
<!-- Terre plate ou ronde -->
|
||||||
<input type="radio" id="fdla" name="serie" value="feux">
|
<label for="terre">Quel est la forme de la terre ?</label>
|
||||||
<label for="fdlr">Feux de l'amour</label>
|
<select name="terre" id="terre">
|
||||||
<input type="radio" id="helene" name="serie" value="helene">
|
<option value="normale quoi">spherique</option>
|
||||||
<label for="helene">Helene et les garcons</label>
|
<option value="retour a la case cp">plate</option>
|
||||||
<!------------------------------>
|
<option value=" (: oui ">oui</option>
|
||||||
<br>
|
<option value="minecraft">cubique</option>
|
||||||
<!-- Pilote de chasse -->
|
<option value="haha! quoi?">scutoid</option>
|
||||||
<!------------------------------>
|
</select>
|
||||||
<br>
|
<br>
|
||||||
<!-- Terre plate ou ronde -->
|
<!-- Pain au chocolat -->
|
||||||
<label for="terre">Quel est la forme de la terre ?</label>
|
<label>Pain au chocolat ou chocolatine ?</label>
|
||||||
<select name="terre" id="terre">
|
<input type="radio" id="pain_au_chocolat" name="viennoiserie" value="la verite" required>
|
||||||
<option value="normale quoi">spherique</option>
|
<label for="pain_au_chocolat">pain au chocolat</label>
|
||||||
<option value="retour a la case cp">plate</option>
|
<input type="radio" id="chocolatine" name="viennoiserie" value="un mensonge">
|
||||||
<option value=" (: oui ">oui</option>
|
<label for="chocolatine">chocolatine</label>
|
||||||
<option value="minecraft">cubique</option>
|
<br>
|
||||||
<option value="haha! quoi?">scutoid</option>
|
<!-- est ce toute les route menent au Rhum -->
|
||||||
</select>
|
<label for="route">Est ce que toute les routes menent au Rhum ?</label>
|
||||||
<!------------------------------>
|
<input type="text" name="route" id="route">
|
||||||
<br>
|
<br>
|
||||||
<!-- Pain au chocolat -->
|
<!-- Quel est le nom du bateau dans le film Titanic -->
|
||||||
<label for="pain">Pain au chocolat ou chocolatine ?</label>
|
<label for="titanic">Quel est le nom du bateau dans le film Titanic ?</label>
|
||||||
<input type="radio" id="pain au chocolat" name="viennoiserie" value="la verite" required>
|
<input type="text" name="titanic" id="titanic">
|
||||||
<label for="pain au chocolat">pain au chocolat</label>
|
<br>
|
||||||
<input type="radio" id="chocolatine" name="viennoiserie" value="un mensonge">
|
<input type="submit" value="Trouves mon don't meet!">
|
||||||
<label for="chocolatine">chocolatine</label>
|
</form>
|
||||||
<br>
|
|
||||||
<!------------------------------>
|
|
||||||
<!-- est ce toute les route menent au Rhum -->
|
|
||||||
<label for="route">Est ce que toute les routes menent au Rhum ?</label>
|
|
||||||
<input type="text" name="route" id="route">
|
|
||||||
<!------------------------------>
|
|
||||||
<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="Trouves mon don't meet!">
|
|
||||||
</form>
|
|
||||||
</section>
|
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
<?php include("footer.php") ?>
|
<?php include("footer.php") ?>
|
||||||
|
|||||||
43
header.php
43
header.php
@ -5,28 +5,25 @@
|
|||||||
?>
|
?>
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<section id="buttonSec">
|
<div id="buttonSec">
|
||||||
<button type="button" onclick="switchTheme()">Click Me!</button>
|
<button type="button" onclick="switchTheme()">2000/today</button>
|
||||||
</section>
|
</div>
|
||||||
<section id="title">
|
<div id="title">
|
||||||
<img src="img/logo.png" alt="Logo don't meet me" id="logo">
|
<img src="img/logo.png" alt="Logo don't meet me" id="logo">
|
||||||
</section>
|
</div>
|
||||||
<section>
|
<nav>
|
||||||
<nav>
|
<a href="#" class="burger_button" onclick="menu()">
|
||||||
<a href="#" class="burger_button" onclick="menu()">
|
<span class="bar"></span>
|
||||||
<span class="bar"></span>
|
<span class="bar"></span>
|
||||||
<span class="bar"></span>
|
<span class="bar"></span>
|
||||||
<span class="bar"></span>
|
</a>
|
||||||
</a>
|
<div class="navbar_links hide">
|
||||||
<div class="navbar_links hide">
|
<ul>
|
||||||
<ul>
|
<li><a href="index.php">Accueil</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>
|
</ul>
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
</nav>
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</section>
|
|
||||||
</header>
|
</header>
|
||||||
BIN
img/man/0.jpeg
BIN
img/man/0.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 481 KiB After Width: | Height: | Size: 86 KiB |
BIN
img/man/1.jpeg
BIN
img/man/1.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 413 KiB After Width: | Height: | Size: 66 KiB |
BIN
img/man/10.jpeg
BIN
img/man/10.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 477 KiB After Width: | Height: | Size: 82 KiB |
BIN
img/man/11.jpeg
BIN
img/man/11.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 562 KiB After Width: | Height: | Size: 113 KiB |
BIN
img/man/2.jpeg
BIN
img/man/2.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 410 KiB After Width: | Height: | Size: 67 KiB |
BIN
img/man/3.jpeg
BIN
img/man/3.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 407 KiB After Width: | Height: | Size: 55 KiB |
BIN
img/man/4.jpeg
BIN
img/man/4.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 451 KiB After Width: | Height: | Size: 73 KiB |
BIN
img/man/5.jpeg
BIN
img/man/5.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 461 KiB After Width: | Height: | Size: 88 KiB |
BIN
img/man/6.jpeg
BIN
img/man/6.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 408 KiB After Width: | Height: | Size: 65 KiB |
BIN
img/man/7.jpeg
BIN
img/man/7.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 464 KiB After Width: | Height: | Size: 83 KiB |
BIN
img/man/8.jpeg
BIN
img/man/8.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 402 KiB After Width: | Height: | Size: 60 KiB |
BIN
img/man/9.jpeg
BIN
img/man/9.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 458 KiB After Width: | Height: | Size: 78 KiB |
BIN
img/woman/0.jpeg
BIN
img/woman/0.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 514 KiB After Width: | Height: | Size: 86 KiB |
BIN
img/woman/1.jpeg
BIN
img/woman/1.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 515 KiB After Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 535 KiB After Width: | Height: | Size: 112 KiB |
BIN
img/woman/2.jpeg
BIN
img/woman/2.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 522 KiB After Width: | Height: | Size: 98 KiB |
BIN
img/woman/3.jpeg
BIN
img/woman/3.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 538 KiB After Width: | Height: | Size: 100 KiB |
BIN
img/woman/4.jpeg
BIN
img/woman/4.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 525 KiB After Width: | Height: | Size: 92 KiB |
BIN
img/woman/5.jpeg
BIN
img/woman/5.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 504 KiB After Width: | Height: | Size: 99 KiB |
BIN
img/woman/6.jpeg
BIN
img/woman/6.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 451 KiB After Width: | Height: | Size: 76 KiB |
BIN
img/woman/7.jpeg
BIN
img/woman/7.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 398 KiB After Width: | Height: | Size: 62 KiB |
BIN
img/woman/8.jpeg
BIN
img/woman/8.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 588 KiB After Width: | Height: | Size: 117 KiB |
BIN
img/woman/9.jpeg
BIN
img/woman/9.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 388 KiB After Width: | Height: | Size: 65 KiB |
42
index.php
42
index.php
@ -4,7 +4,9 @@
|
|||||||
<title>Accueil | Don't meet me</title>
|
<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">
|
||||||
|
<meta name="keywords" content="site de rencontre, amour, amoureux, site fictif, rencontre homme, rencontre femme">
|
||||||
|
<meta name="description" content="Sur don't meet me vous trouvrez le grand amour. Grâce à notre algorithme de professionel et notre questionnaire de qualité, nous ne pouvons pas nous tromper. Que ce soit une femme ou un homme, don't meet me est la pour vous trouver la personne idéale. Petite précision, ceci est un site fictif qui a été créé dans le cadre d'un projet informatique.">
|
||||||
|
|
||||||
<link rel="stylesheet" class="css" type="text/css" href="styles/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="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">
|
||||||
@ -19,9 +21,11 @@
|
|||||||
<div id="fade"></div>
|
<div id="fade"></div>
|
||||||
<?php include("header.php") ?>
|
<?php include("header.php") ?>
|
||||||
<main>
|
<main>
|
||||||
<h1>Rencontrez une personne qui vous correspond !</h1>
|
|
||||||
<p id="intropage">Nous avons eu l'idée de proposer un service où hommes et femmes peuvent communiquer afin de se rencontrer. Grâce à notre système de sélection simple et rapide, trouvez votre Roméo ou votre Juliette. Cliquez en dessous pour commencer l'aventure don't meet me !</p>
|
<section>
|
||||||
<section id="makeachoicehf">
|
<h1>Rencontrez une personne qui vous correspond !</h1>
|
||||||
|
<p id="intropage">Nous avons eu l'idée de proposer un service où hommes et femmes peuvent communiquer afin de se rencontrer. Grâce à notre système de sélection simple et rapide, trouvez votre Roméo ou votre Juliette. Cliquez en dessous pour commencer l'aventure don't meet me !</p>
|
||||||
|
<div id="makeachoicehf">
|
||||||
<a href="for.php?gender=woman" class="tuile">
|
<a href="for.php?gender=woman" class="tuile">
|
||||||
<img src="img/woman.jpeg" alt="image femme" class="imgbouton">
|
<img src="img/woman.jpeg" alt="image femme" class="imgbouton">
|
||||||
<p>Trouver une femme</p>
|
<p>Trouver une femme</p>
|
||||||
@ -30,6 +34,7 @@
|
|||||||
<img src="img/man.jpg" alt="image homme" class="imgbouton">
|
<img src="img/man.jpg" alt="image homme" class="imgbouton">
|
||||||
<p>Trouver un homme</p>
|
<p>Trouver un homme</p>
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section id="whydmm">
|
<section id="whydmm">
|
||||||
<h2 id="whydmmtitle">Pourquoi Don't meet me ?</h2>
|
<h2 id="whydmmtitle">Pourquoi Don't meet me ?</h2>
|
||||||
@ -41,19 +46,22 @@
|
|||||||
De plus ceci permet d'éviter l'harcèlement présent sur de nombreux sites, la personne entre en contact avec vous uniquement si vous l'acceptez sur la plateforme. <br/><strong>Mais évidemment, notre sélection ne se trompe jamais. ;)</strong>
|
De plus ceci permet d'éviter l'harcèlement présent sur de nombreux sites, la personne entre en contact avec vous uniquement si vous l'acceptez sur la plateforme. <br/><strong>Mais évidemment, notre sélection ne se trompe jamais. ;)</strong>
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
<section id="comments">
|
<section>
|
||||||
<figure>
|
<h2 id="comments_head"> Commentaires </h2>
|
||||||
<img class="avis" src="img/avis1.jpeg" alt="image femme avis 1">
|
<div id="comments">
|
||||||
<figcaption class="caption">DMM m'a permis de rencontrer l'homme de ma vie. Le principe de sélection m'a semblé très pertinant et vous évite de devoir chercher pendant de longues heures !<br/>Juliette Artois</figcaption>
|
<figure>
|
||||||
</figure>
|
<img class="avis" src="img/avis1.jpeg" alt="image femme avis 1">
|
||||||
<figure>
|
<figcaption class="caption">DMM m'a permis de rencontrer l'homme de ma vie. Le principe de sélection m'a semblé très pertinant et vous évite de devoir chercher pendant de longues heures !<br/>Juliette Artois</figcaption>
|
||||||
<img class="avis" src="img/avis2.jpg" alt="image femme avis 2">
|
</figure>
|
||||||
<figcaption class="caption">Je trouve le principe très simple et rapide. En suivant la section qui vous correspond vous trouvez UNE personne qui vous correspond, contrairement à d'autres sites... Je ne peux que dire oui !</br>Elise David</figcaption>
|
<figure>
|
||||||
</figure>
|
<img class="avis" src="img/avis2.jpg" alt="image femme avis 2">
|
||||||
<figure>
|
<figcaption class="caption">Je trouve le principe très simple et rapide. En suivant la section qui vous correspond vous trouvez UNE personne qui vous correspond, contrairement à d'autres sites... Je ne peux que dire oui !<br/>Elise David</figcaption>
|
||||||
<img class="avis" src="img/avis3.jpeg" alt="image homme avis 3">
|
</figure>
|
||||||
<figcaption class="caption">Bien que le questionnaire à remplir soit original, la rencontre avec mon "Don't meet" s'est déroulée avec succès. La satisfaction est totale.<br/>Julien Martin</figcaption>
|
<figure>
|
||||||
</figure>
|
<img class="avis" src="img/avis3.jpeg" alt="image homme avis 3">
|
||||||
|
<figcaption class="caption">Bien que le questionnaire à remplir soit original, la rencontre avec mon "Don't meet" s'est déroulée avec succès. La satisfaction est totale.<br/>Julien Martin</figcaption>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
<?php include("footer.php") ?>
|
<?php include("footer.php") ?>
|
||||||
|
|||||||
15
mentions.php
15
mentions.php
@ -4,6 +4,9 @@
|
|||||||
<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">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="keywords" content="site de rencontre, amour, amoureux, site fictif, rencontre homme, rencontre femme">
|
||||||
|
<meta name="description" content="Sur don't meet me vous trouvrez le grand amour. Grâce à notre algorithme de professionel et notre questionnaire de qualité, nous ne pouvons pas nous tromper. Que ce soit une femme ou un homme, don't meet me est la pour vous trouver la personne idéale. Petite précision, ceci est un site fictif qui a été créé dans le cadre d'un projet informatique.">
|
||||||
|
|
||||||
<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">
|
||||||
@ -13,15 +16,15 @@
|
|||||||
<body>
|
<body>
|
||||||
<h1>Mentions Légales</h1>
|
<h1>Mentions Légales</h1>
|
||||||
<h2>Préambule</h2>
|
<h2>Préambule</h2>
|
||||||
<p>Ce site a été créé dans le cadre d'un projet au sein de l'IUT d'Aix-Marseille site Gaston Berger (Aix-en-Provence (13) - France.</p>
|
<p>Ce site a été créé dans le cadre d'un projet au sein de l'IUT d'Aix-Marseille site Gaston Berger (Aix-en-Provence (13) - France).</p>
|
||||||
<p>Toutes les informations présentes sont fictives et inventées de toutes pièces lors de ce projet. L'objectif étant de créer un site lufoque qui parodie un site de rencontre.</p>
|
<p>Toutes les informations présentes sont fictives et inventées de toutes pièces lors de ce projet. L'objectif étant de créer un site lufoque qui parodie un site de rencontre.</p>
|
||||||
<p>Les addresses e-mails communiquées étant des ayujyjyjydresses e-mails étudiantes, peuvent ne plus être valable à partir de juillet 2024. Dans le cas échéant, si le site est mis à jour, elles seront modifiées dans la mesure du possible.</p>
|
<p>Les adresses e-mails communiquées étant des adresses e-mails étudiantes, peuvent ne plus être valable à partir de juillet 2024. Dans le cas échéant, si le site est mis à jour, elles seront modifiées dans la mesure du possible.</p>
|
||||||
<h2>Propriétées intellectuelles :</h2>
|
<h2>Propriétées intellectuelles :</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li>EGENSCHEVILLER Frédéric : Mail : frederic.egenscheviller@etu.univ-amu.fr | L'adress et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
<li>EGENSCHEVILLER Frédéric : Mail : frederic.egenscheviller@etu.univ-amu.fr | L'adresse et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
||||||
<li>FABRE Lucas : Mail : lucas.fabre@etu.univ-amu.fr | L'adress et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
<li>FABRE Lucas : Mail : lucas.fabre@etu.univ-amu.fr | L'adresse et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
||||||
<li>PISTORESI Marius : Mail : marius.pistoresi@etu.univ-amu.fr | L'adress et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
<li>PISTORESI Marius : Mail : marius.pistoresi@etu.univ-amu.fr | L'adresse et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
||||||
<li>RUBINI Thomas : Mail : thomas.rubini@etu.univ-amu.fr | L'adress et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
<li>RUBINI Thomas : Mail : thomas.rubini@etu.univ-amu.fr | L'adresse et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
||||||
<li>SIMAILA Djalim : Mail : djalim.simaila@etu.univ-amu.fr | Numéro de téléphone : 0760325021 | L'adresse ne souhaite pas être communiquées.</li>
|
<li>SIMAILA Djalim : Mail : djalim.simaila@etu.univ-amu.fr | Numéro de téléphone : 0760325021 | L'adresse ne souhaite pas être communiquées.</li>
|
||||||
</ul>
|
</ul>
|
||||||
<h3>Hébergement du site :</h3>
|
<h3>Hébergement du site :</h3>
|
||||||
|
|||||||
@ -21,14 +21,22 @@
|
|||||||
.contactprofile a {
|
.contactprofile a {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 500px;
|
width: 500px;
|
||||||
/*justify-content: space-between;*/
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.contactprofile a p{
|
.contactprofile a p{
|
||||||
align-self: center;
|
align-self: center;
|
||||||
margin-left: 2rem;
|
margin-left: 2rem;
|
||||||
/* justify-content: center;*/
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
@media screen and (max-width:1200px){
|
||||||
|
.profilsimg {
|
||||||
|
width: 40vw;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 15px;
|
||||||
|
}
|
||||||
|
.contactprofile a {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,11 +1,36 @@
|
|||||||
section #form {
|
main {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#formulaire {
|
||||||
|
width: fit-content;
|
||||||
|
border: solid purple 2px ;
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
display: flex;
|
display: flex;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-content: space-between;
|
align-items: space-between;
|
||||||
padding-left: 15%;
|
padding-left: 15%;
|
||||||
padding-right: 15%;
|
padding-right: 15%;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
margin-top: 5rem;
|
||||||
margin-bottom: 5rem;
|
margin-bottom: 5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#feedback #form{
|
||||||
|
padding: 2rem;
|
||||||
|
margin-top: 1rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
@ -113,11 +113,12 @@ figure {
|
|||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
#feedback {
|
#footer {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#rightfoot {
|
#rightfoot {
|
||||||
@ -133,4 +134,55 @@ figure {
|
|||||||
|
|
||||||
#rightfoot ul li {
|
#rightfoot ul li {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#feedback{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#feedback #form {
|
||||||
|
width: fit-content;
|
||||||
|
border: solid purple 2px ;
|
||||||
|
border-radius: 15px;
|
||||||
|
display: flex;
|
||||||
|
text-align: center;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
padding-top: 2rem;
|
||||||
|
padding-left: 15%;
|
||||||
|
padding-right: 15%;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
margin-bottom: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#feedback #form form {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:1200px){
|
||||||
|
header{
|
||||||
|
font-size: 3rem;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
header #buttonSec {
|
||||||
|
order: 3;
|
||||||
|
}
|
||||||
|
main{
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
.avis {
|
||||||
|
width: 50%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
figure {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -5,7 +5,7 @@ main h2 {
|
|||||||
font-family: "pacifico" ,Arial, Helvetica, sans-serif;
|
font-family: "pacifico" ,Arial, Helvetica, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
#succes {
|
#meet {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
border : solid purple 2px;
|
border : solid purple 2px;
|
||||||
@ -29,3 +29,22 @@ main h2 {
|
|||||||
section #bio {
|
section #bio {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:1200px){
|
||||||
|
#succes{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
#meet {
|
||||||
|
padding-top: 1rem ;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
#sec_img img {
|
||||||
|
width: 80vw;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -6,7 +6,7 @@ main{
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
#formtot{
|
main #formulaire{
|
||||||
background-color: rgba(255, 255, 255, 0.733);
|
background-color: rgba(255, 255, 255, 0.733);
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
border: solid 2px black;
|
border: solid 2px black;
|
||||||
@ -19,7 +19,7 @@ main{
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
#form{
|
#formulaire{
|
||||||
padding-top: 1rem;
|
padding-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -28,7 +28,7 @@ main{
|
|||||||
#intro{
|
#intro{
|
||||||
font-size: 2.1rem;
|
font-size: 2.1rem;
|
||||||
}
|
}
|
||||||
#form{
|
#formulaire{
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -54,6 +54,10 @@ p{
|
|||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#comments_head{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
#whydmmtitle{
|
#whydmmtitle{
|
||||||
padding-right: 2rem;
|
padding-right: 2rem;
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
|
|||||||
56
success.php
56
success.php
@ -1,8 +1,11 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<head>
|
<head>
|
||||||
<title>It's a don't meet ! | Don't meet me</title>
|
<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">
|
||||||
|
<meta name="keywords" content="site de rencontre, amour, amoureux, site fictif, rencontre homme, rencontre femme">
|
||||||
|
<meta name="description" content="Sur don't meet me vous trouvrez le grand amour. Grâce à notre algorithme de professionel et notre questionnaire de qualité, nous ne pouvons pas nous tromper. Que ce soit une femme ou un homme, don't meet me est la pour vous trouver la personne idéale. Petite précision, ceci est un site fictif qui a été créé dans le cadre d'un projet informatique.">
|
||||||
|
|
||||||
<link rel="stylesheet" type="text/css" class="css" href="styles/today/main.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="stylesheet" type="text/css" class="css" href="styles/today/success.css"/>
|
||||||
@ -36,35 +39,32 @@
|
|||||||
?>
|
?>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<h2>It's a don't meet !</h2>
|
|
||||||
<section id="succes">
|
<section id="succes">
|
||||||
<section id="sec_img">
|
<h2>It's a don't meet !</h2>
|
||||||
<!--<img src="img/avis1.jpeg" alt="La tếte de votre vie">-->
|
<div id="meet">
|
||||||
<?php
|
<div id="sec_img">
|
||||||
echo '<img src="'.$image.'" alt="La tếte de votre vie">';
|
<?php
|
||||||
?>
|
echo '<img src="'.$image.'" alt="La tếte de votre vie">';
|
||||||
</section>
|
?>
|
||||||
<section id="info_bases">
|
</div>
|
||||||
<section id="prenom">
|
<div id="info_bases">
|
||||||
<h3>PRENOM</h2>
|
<section id="prenom">
|
||||||
<p><?php echo $profile['prenom']; ?></p>
|
<h3>PRENOM</h3>
|
||||||
</section>
|
<p><?php echo $profile['prenom']; ?></p>
|
||||||
<section id="nom">
|
</section>
|
||||||
<h3>NOM</h2>
|
<section id="nom">
|
||||||
<p><?php echo $profile['nom']; ?></p>
|
<h3>NOM</h3>
|
||||||
</section>
|
<p><?php echo $profile['nom']; ?></p>
|
||||||
<section id="age">
|
</section>
|
||||||
<h3>AGE</h2>
|
<section id="age">
|
||||||
<p><?php echo $profile['age']; ?></p>
|
<h3>AGE</h3>
|
||||||
</section>
|
<p><?php echo $profile['age']; ?></p>
|
||||||
</section>
|
</section>
|
||||||
<section id="bio">
|
</div>
|
||||||
<p>
|
<div id="bio">
|
||||||
<?php
|
<p> <?php echo $profile['bio']; ?> </p>
|
||||||
echo $profile['bio'];
|
</div>
|
||||||
?>
|
</div>
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
<?php include("footer.php") ?>
|
<?php include("footer.php") ?>
|
||||||
|
|||||||
60
test.html
60
test.html
@ -1,60 +0,0 @@
|
|||||||
<!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