PostERG/posterg-front-end
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changement non connue

Browse Source
This commit is contained in:
Pontoporeia
2023-03-03 12:56:26 +01:00
parent 8ab987f275
commit 4163ffa6cd
2 changed files with 115 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
formulaire.html
View File

@@ -30,94 +30,106 @@
<h3>Partager son mémoire</h3> <h3>Partager son mémoire</h3>
<form action=" partager.php" method="get"> <form action=" partager.php" method="get">
<div class="button"> <details>
<label>Votre nom/prénom/pseudo</label> <summary>Informations personnelles</summary>
<input type="text" name="nom" placeholder="...">
</div>
<div class="button"> <div class="button">
<label>Année diplômante (2020, 2021, ...)</label> <label>Votre nom/prénom/pseudo</label>
<input type="text" name="année" placeholder="..."> <input type="text" name="nom" placeholder="...">
</div> </div>
<div class="button"> <div class="button">
<label>Contact : mail, insta, ...</label> <label>Année diplômante (2020, 2021, ...)</label>
<input type="email" name="mail" placeholder="Votre contact"> <input type="text" name="année" placeholder="...">
</div> </div>
<div class="button"> <div class="button">
<label>Titre du mémoire</label> <label>Orientation principale</label>
<input type="titre" name="mémoire" placeholder="..."> <select name="Orientation">
</div> <option value="typographie">Typographie</option>
<option value="graphisme">Graphisme</option>
<option value="designnumérique">Design Numérique</option>
<option value="Cinéma d'animation">Cinéma d'animation</option>
<option value="Illustration">Illustration</option>
<option value="BD">Bande dessinée</option>
<option value="Photographie">Photographie</option>
<option value="Vidéographie">Vidéographie</option>
<option value="Sculpture">Sculpture</option>
<option value="Peinture">Peinture</option>
<option value="Art numérique">Art numérique</option>
<option value="Vidéographie">Vidéographie</option>
<option value="Photographie">Photographie</option>
<option value="Dessin">Dessin</option>
<option value="Installation performance">Installation performance</option>
</select>
</div>
<div class="button"> <div class="button">
<label>Tag/mots-clefs sur le mémoire</label> <label>Atelier Pratique</label>
<input type="text" name="tag" placeholder="typographie, photographie, outils libre, post-colonial,.."> <select name="AP">
</div> <option value="DPM">Design et politique du multiple</option>
<option value="APS">Art et pratique situé</option>
<option value="R&E">Récits et expérimentation</option>
<option value="PAOC">Pratique de l'art et outils critiques</option>
</select>
</div>
<div class="button"> <div class="button">
<label>Promoteur.rice</label> <label>Contact : mail, insta, ...</label>
<input type="text" name="nom" placeholder="nom/prénom/pseudo"> <input type="email" name="mail" placeholder="Votre contact">
</div> </div>
</details>
<div class="button">
<label>Problématique</label>
<input type="text" name="problématique" placeholder="...">
</div>
<div class="button"> <details>
<label>Résumé en quelque lignes</label> <summary>Information à propos du mémoire</summary>
<input type="text" name="résumé" placeholder="..."> <div class="button">
</div> <label>Titre du mémoire</label>
<input type="titre" name="mémoire" placeholder="...">
</div>
<div class="button"> <div class="button">
<label>Orientation principale</label> <label>Tag/mots-clefs sur le mémoire</label>
<select name="Orientation"> <input type="text" name="tag"
<option value="typographie">Typographie</option> placeholder="typographie, photographie, outils libre, post-colonial,..">
<option value="graphisme">Graphisme</option> </div>
<option value="designnumérique">Design Numérique</option>
<option value="Cinéma d'animation">Cinéma d'animation</option>
<option value="Illustration">Illustration</option>
<option value="BD">Bande dessinée</option>
<option value="Photographie">Photographie</option>
<option value="Vidéographie">Vidéographie</option>
<option value="Sculpture">Sculpture</option>
<option value="Peinture">Peinture</option>
<option value="Art numérique">Art numérique</option>
<option value="Vidéographie">Vidéographie</option>
<option value="Photographie">Photographie</option>
<option value="Dessin">Dessin</option>
<option value="Installation performance">Installation performance</option>
</select>
</div>
<div class="button"> <div class="button">
<label>Atelier Pratique</label> <label>Problématique</label>
<select name="AP"> <input type="text" name="problématique" placeholder="...">
<option value="DPM">Design et politique du multiple</option> </div>
<option value="APS">Art et pratique situé</option>
<option value="R&E">Récits et expérimentation</option>
<option value="PAOC">Pratique de l'art et outils critiques</option>
</select>
</div>
<div class="button"> <div class="button">
<label>Formats de fichiers de mémoire</label> <label>Résumé en quelque lignes</label>
<input type="text" name="tag" placeholder="png, jpeg, pdf, mp3, html,... "> <input type="text" name="résumé" placeholder="...">
</div> </div>
</details>
<div class="button"> <details>
<label>Importer les divers fichers de son mémoire</label> <summary>Information équipe autour du mémoire</summary>
<input type="text" name="upload" placeholder="upload "> <div class="button">
</div> <label>Promoteur.rice</label>
<input type="text" name="nom" placeholder="nom/prénom/pseudo">
</div>
</details>
<div id="enter"class="button"> <details>
<summary>Upload de fichier</summary>
<div class="button">
<label>Formats de fichiers de mémoire</label>
<input type="text" name="tag" placeholder="png, jpeg, pdf, mp3, html,... ">
</div>
<div class="button">
<label>Importer les divers fichers de son mémoire</label>
<input type="text" name="upload" placeholder="upload ">
</div>
</details>
<div id="enter" class="button">
<input type="submit" name="go" value="envoyer"> <input type="submit" name="go" value="envoyer">
</div> </div>
</form> </form>
</div> </div>
</body> </body>

29
style.css
View File

@@ -49,6 +49,8 @@
text-decoration: none; text-decoration: none;
outline: none; outline: none;
font-size: 2rem; font-size: 2rem;
box-shadow: 2px 4px 8px 6px rgba(218, 109, 109, 0.2), 0 6px 20px 0 rgba(216, 24, 24, 0.19);
} }
header a { header a {
@@ -330,3 +332,30 @@
max-width: 40%; max-width: 40%;
margin: 0.5rem; margin: 0.5rem;
} }
#page_content h1,h2,h3,h4,h5{
font-family: police1;
}
#page_content {
font-family: sans-serif;
}
/* form h1,h2,h3,h4,h5{
font-family: sans-serif;
} */
details{
padding: 1rem;
margin: 0.5rem;
border-radius: 16px;
box-shadow: 2px 4px 8px 2px rgba(218, 109, 109, 0.2), 0 6px 20px 0 rgba(216, 24, 24, 0.19);
}
details input {
width: auto;
}
details summary::-webkit-details-marker {
display:none;
}