plein de trucs

This commit is contained in:
MariusPisto 2021-11-18 17:19:02 +01:00
parent 7d7d0ad1c5
commit e2d899d02c
6 changed files with 123 additions and 94 deletions

178
for.php
View File

@ -24,95 +24,97 @@
<body> <body>
<?php include("header.php") ?> <?php include("header.php") ?>
<main> <main>
<section id="intro"> <section id="formtot">
<h2> <section id="intro">
<?php <h2>
// choix du genre de la personne que l'on cherche (femme par defaut ) <?php
if($_GET["gender"]=="man"){ // choix du genre de la personne que l'on cherche (femme par defaut )
echo "Tu cherches l' homme de ta vie ?"; if($_GET["gender"]=="man"){
}else { echo "Tu cherches l'homme de ta vie ?";
echo 'Tu cherches la femme de ta vie ?'; }else {
} echo 'Tu cherches la femme de ta vie ?';
?> }
</h2> ?>
<p>Tu es au bon endroit !</p> </h2>
</section> <p>Tu es au bon endroit !</p>
<section id="form"> </section>
<form action="./success.php?gender=<?php echo $_GET['gender']; ?>" id="form" method="POST"> <section id="form">
<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>
<option value="personne normale">Non</option> <option value="personne normale">Non</option>
</select> </select>
<!------------------------------> <!------------------------------>
<br> <br>
<!-- 100 metres nage libre --> <!-- 100 metres nage libre -->
<label for="100m">Combien de temps fais-tu au 100m nage libre ? (minutes)</label> <label for="100m">Combien de temps fais-tu au 100m nage libre ? (minutes)</label>
<input type="number" name="100m" id="100m"> <input type="number" name="100m" id="100m">
<!------------------------------> <!------------------------------>
<br> <br>
<!-- solde de la carte banquaire --> <!-- solde de la carte banquaire -->
<label for="solde">Quel est le solde actuel de votre compte bancaire?</label> <label for="solde">Quel est le solde actuel de votre compte bancaire?</label>
<input type="number" name="solde" id="solde" step="100"> <input type="number" name="solde" id="solde" step="100">
<!------------------------------> <!------------------------------>
<br> <br>
<!-- rib --> <!-- rib -->
<label for="rib">Saisissez votre RIB</label> <label for="rib">Saisissez votre RIB</label>
<input type="text" name="rib" id="rib"> <input type="text" name="rib" id="rib">
<!------------------------------> <!------------------------------>
<br> <br>
<!-- systeme s'exploitation --> <!-- systeme s'exploitation -->
<label for="os">Quel est le meilleur système d'exploitation?</label> <label for="os">Quel est le meilleur système d'exploitation?</label>
<select name="os" id="os"> <select name="os" id="os">
<option value="linux master race, une personne de culture">Linux</option> <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> <option value="encore un kikou windows ou macos, ou pire, un utilisateur de bsd">autre</option>
</select> </select>
<!------------------------------> <!------------------------------>
<br> <br>
<!-- les feux de l'amour ou helene et les garcons --> <!-- les feux de l'amour ou helene et les garcons -->
Quelle est la meilleure serie? Quelle est la meilleure 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">
<label for="helene">Helene et les garcons</label> <label for="helene">Helene et les garcons</label>
<!------------------------------> <!------------------------------>
<br> <br>
<!-- Pilote de chasse --> <!-- Pilote de chasse -->
<!------------------------------> <!------------------------------>
<br> <br>
<!-- Terre plate ou ronde --> <!-- Terre plate ou ronde -->
<label for="terre">Quel est la forme de la terre ?</label> <label for="terre">Quel est la forme de la terre ?</label>
<select name="terre" id="terre"> <select name="terre" id="terre">
<option value="normale quoi">spherique</option> <option value="normale quoi">spherique</option>
<option value="retour a la case cp">plate</option> <option value="retour a la case cp">plate</option>
<option value=" (: oui ">oui</option> <option value=" (: oui ">oui</option>
<option value="minecraft">cubique</option> <option value="minecraft">cubique</option>
<option value="haha! quoi?">scutoid</option> <option value="haha! quoi?">scutoid</option>
</select> </select>
<!------------------------------> <!------------------------------>
<br> <br>
<!-- Pain au chocolat --> <!-- Pain au chocolat -->
<label for="pain">Pain au chocolat ou chocolatine ?</label> <label for="pain">Pain au chocolat ou chocolatine ?</label>
<input type="radio" id="pain au chocolat" name="viennoiserie" value="la verite" required> <input type="radio" id="pain au chocolat" name="viennoiserie" value="la verite" required>
<label for="pain au chocolat">pain au chocolat</label> <label for="pain au chocolat">pain au chocolat</label>
<input type="radio" id="chocolatine" name="viennoiserie" value="un mensonge"> <input type="radio" id="chocolatine" name="viennoiserie" value="un mensonge">
<label for="chocolatine">chocolatine</label> <label for="chocolatine">chocolatine</label>
<br> <br>
<!------------------------------> <!------------------------------>
<!-- est ce toute les route menent au Rhum --> <!-- est ce toute les route menent au Rhum -->
<label for="route">Est ce que toute les routes menent au Rhum ?</label> <label for="route">Est ce que toute les routes menent au Rhum ?</label>
<input type="text" name="route" id="route"> <input type="text" name="route" id="route">
<!------------------------------> <!------------------------------>
<br> <br>
<!-- Quel est le nom du bateau dans le film Titanic --> <!-- Quel est le nom du bateau dans le film Titanic -->
<label for="titanic">Quel est le nom du bateau dans le film Titanic ?</label> <label for="titanic">Quel est le nom du bateau dans le film Titanic ?</label>
<input type="text" name="titanic" id="titanic"> <input type="text" name="titanic" id="titanic">
<!------------------------------> <!------------------------------>
<br> <br>
<input type="submit" value="Trouves mon don't meet!"> <input type="submit" value="Trouves mon don't meet!">
</form> </form>
</section>
</section> </section>
</main> </main>
<?php include("footer.php") ?> <?php include("footer.php") ?>

View File

Before

Width:  |  Height:  |  Size: 109 KiB

After

Width:  |  Height:  |  Size: 109 KiB

View File

@ -33,14 +33,13 @@
</section> </section>
<section id="whydmm"> <section id="whydmm">
<h2>Pourquoi Don't meet me ?</h2> <h2>Pourquoi Don't meet me ?</h2>
<section> <p id="textpresentation">En deux mots : la <strong>simplicité</strong>, la <strong>rapidité</strong>. Notre site permet d'éviter de longues heures de recherches.
<p>En deux mots : la simplicité, la rapidité. Notre site permet d'éviter de longues heures de recherches.
Grâce à un algorithme complexe, la personne enregistrée sur notre site qui vous correspond le plus se retouve directement sur votre écran. Grâce à un algorithme complexe, la personne enregistrée sur notre site qui vous correspond le plus se retouve directement sur votre écran.
Tout le monde est présent sur ce site dans le même objectif : trouver leur moititée. Les profils enregistrés sont sélectionnés et vérifiés par notre équipe qualifiée. Tout le monde est présent sur ce site dans le même objectif : trouver leur moititée. Les profils enregistrés sont sélectionnés et vérifiés par notre équipe qualifiée.
Le but de notre site est de vous fournir le profil d'une personne sans pour autant vous fournir ses coordonnés dans le but de poursuivre l'aventure en cherchant chacun le profil de l'autre sur Facebook, Copain d'avant ou encore Instagram... Le but de notre site est de vous fournir le profil d'une personne sans pour autant vous fournir ses coordonnés dans le but de poursuivre l'aventure en cherchant chacun le profil de l'autre sur Facebook, Copain d'avant ou encore Instagram...
Cette idée nous est venu dans l'objectif de construire un mystère autour des retrouvailles. Cette idée nous est venu dans l'objectif de construire un mystère autour des retrouvailles.
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. Mais évidemment, notre sélection ne se trompe jamais. ;)</p> 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>
</section> </p>
</section> </section>
<section id="comments"> <section id="comments">
<figure> <figure>

View File

@ -6,6 +6,13 @@ main{
flex-direction: column; flex-direction: column;
} }
#formtot{
background-color: rgba(255, 255, 255, 0.733);
border-radius: 1rem;
border: solid 2px black;
padding: 1rem;
}
#intro{ #intro{
display: flex; display: flex;
align-items: center; align-items: center;

View File

@ -54,6 +54,26 @@ p{
color: black; color: black;
} }
#whydmm{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-size: 1rem;
margin-right: 1rem;
margin-left: 1rem;
margin-bottom: 1rem;
background-color: rgba(255, 255, 255, 0.733);
border-radius: 1rem;
border: 2px solid black;
}
#textpresentation{
margin-right: 1rem;
margin-left: 1rem;
text-align: justify;
}
#comments{ #comments{
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;

View File

@ -2,7 +2,7 @@ body{
font-family: 'Zen Kurenaido', sans-serif; font-family: 'Zen Kurenaido', sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-image: url("patternhearth.png"); background-image: url("../../img/patternhearth.png");
background-repeat: repeat; background-repeat: repeat;
background-position: center; background-position: center;
} }
@ -99,6 +99,7 @@ nav ul li:hover{
} }
footer{ footer{
margin-bottom: 0px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;