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

180
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 -->
<label for="lechercoude">Sais-tu te lécher le coude ?</label> <!-- peux tu lecher ton coude -->
<select name="lechercoude" id="lechercoude"> <label for="lechercoude">Sais-tu te lécher le coude ?</label>
<option value="Cette personne est un alien">Oui</option> <select name="lechercoude" id="lechercoude">
<option value="personne normale">Non</option> <option value="Cette personne est un alien">Oui</option>
</select> <option value="personne normale">Non</option>
<!------------------------------> </select>
<br> <!------------------------------>
<!-- 100 metres nage libre --> <br>
<label for="100m">Combien de temps fais-tu au 100m nage libre ? (minutes)</label> <!-- 100 metres nage libre -->
<input type="number" name="100m" id="100m"> <label for="100m">Combien de temps fais-tu au 100m nage libre ? (minutes)</label>
<!------------------------------> <input type="number" name="100m" id="100m">
<br> <!------------------------------>
<!-- solde de la carte banquaire --> <br>
<label for="solde">Quel est le solde actuel de votre compte bancaire?</label> <!-- solde de la carte banquaire -->
<input type="number" name="solde" id="solde" step="100"> <label for="solde">Quel est le solde actuel de votre compte bancaire?</label>
<!------------------------------> <input type="number" name="solde" id="solde" step="100">
<br> <!------------------------------>
<!-- rib --> <br>
<label for="rib">Saisissez votre RIB</label> <!-- rib -->
<input type="text" name="rib" id="rib"> <label for="rib">Saisissez votre RIB</label>
<!------------------------------> <input type="text" name="rib" id="rib">
<br> <!------------------------------>
<!-- systeme s'exploitation --> <br>
<label for="os">Quel est le meilleur système d'exploitation?</label> <!-- systeme s'exploitation -->
<select name="os" id="os"> <label for="os">Quel est le meilleur système d'exploitation?</label>
<option value="linux master race, une personne de culture">Linux</option> <select name="os" id="os">
<option value="encore un kikou windows ou macos, ou pire, un utilisateur de bsd">autre</option> <option value="linux master race, une personne de culture">Linux</option>
</select> <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 --> <br>
Quelle est la meilleure serie? <!-- les feux de l'amour ou helene et les garcons -->
<input type="radio" id="fdla" name="serie" value="feux"> Quelle est la meilleure serie?
<label for="fdlr">Feux de l'amour</label> <input type="radio" id="fdla" name="serie" value="feux">
<input type="radio" id="helene" name="serie" value="helene"> <label for="fdlr">Feux de l'amour</label>
<label for="helene">Helene et les garcons</label> <input type="radio" id="helene" name="serie" value="helene">
<!------------------------------> <label for="helene">Helene et les garcons</label>
<br> <!------------------------------>
<!-- Pilote de chasse --> <br>
<!------------------------------> <!-- Pilote de chasse -->
<br> <!------------------------------>
<!-- Terre plate ou ronde --> <br>
<label for="terre">Quel est la forme de la terre ?</label> <!-- Terre plate ou ronde -->
<select name="terre" id="terre"> <label for="terre">Quel est la forme de la terre ?</label>
<option value="normale quoi">spherique</option> <select name="terre" id="terre">
<option value="retour a la case cp">plate</option> <option value="normale quoi">spherique</option>
<option value=" (: oui ">oui</option> <option value="retour a la case cp">plate</option>
<option value="minecraft">cubique</option> <option value=" (: oui ">oui</option>
<option value="haha! quoi?">scutoid</option> <option value="minecraft">cubique</option>
</select> <option value="haha! quoi?">scutoid</option>
<!------------------------------> </select>
<br> <!------------------------------>
<!-- Pain au chocolat --> <br>
<label for="pain">Pain au chocolat ou chocolatine ?</label> <!-- Pain au chocolat -->
<input type="radio" id="pain au chocolat" name="viennoiserie" value="la verite" required> <label for="pain">Pain au chocolat ou chocolatine ?</label>
<label for="pain au chocolat">pain au chocolat</label> <input type="radio" id="pain au chocolat" name="viennoiserie" value="la verite" required>
<input type="radio" id="chocolatine" name="viennoiserie" value="un mensonge"> <label for="pain au chocolat">pain au chocolat</label>
<label for="chocolatine">chocolatine</label> <input type="radio" id="chocolatine" name="viennoiserie" value="un mensonge">
<br> <label for="chocolatine">chocolatine</label>
<!------------------------------> <br>
<!-- est ce toute les route menent au Rhum --> <!------------------------------>
<label for="route">Est ce que toute les routes menent au Rhum ?</label> <!-- est ce toute les route menent au Rhum -->
<input type="text" name="route" id="route"> <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 --> <br>
<label for="titanic">Quel est le nom du bateau dans le film Titanic ?</label> <!-- Quel est le nom du bateau dans le film Titanic -->
<input type="text" name="titanic" id="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!"> <br>
</form> <input type="submit" value="Trouves mon don't meet!">
</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;