dernière mise à jours baser sur ce qu'on a montrer au q1
This commit is contained in:
Pontoporeia
0
fonts/Combinedd.otf
Executable file → Normal file
0
fonts/Combinedd.otf
Executable file → Normal file
158
formulaire.html
158
formulaire.html
@@ -30,106 +30,94 @@
|
|||||||
<h3>Partager son mémoire</h3>
|
<h3>Partager son mémoire</h3>
|
||||||
<form action=" partager.php" method="get">
|
<form action=" partager.php" method="get">
|
||||||
|
|
||||||
<details>
|
<div class="button">
|
||||||
<summary>Informations personnelles</summary>
|
<label>Votre nom/prénom/pseudo</label>
|
||||||
|
<input type="text" name="nom" placeholder="...">
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="button">
|
<div class="button">
|
||||||
<label>Votre nom/prénom/pseudo</label>
|
<label>Année diplômante (2020, 2021, ...)</label>
|
||||||
<input type="text" name="nom" placeholder="...">
|
<input type="text" name="année" placeholder="...">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="button">
|
<div class="button">
|
||||||
<label>Année diplômante (2020, 2021, ...)</label>
|
<label>Contact : mail, insta, ...</label>
|
||||||
<input type="text" name="année" placeholder="...">
|
<input type="email" name="mail" placeholder="Votre contact">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="button">
|
<div class="button">
|
||||||
<label>Orientation principale</label>
|
<label>Titre du mémoire</label>
|
||||||
<select name="Orientation">
|
<input type="titre" name="mémoire" placeholder="...">
|
||||||
<option value="typographie">Typographie</option>
|
</div>
|
||||||
<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>Atelier Pratique</label>
|
<label>Tag/mots-clefs sur le mémoire</label>
|
||||||
<select name="AP">
|
<input type="text" name="tag" placeholder="typographie, photographie, outils libre, post-colonial,..">
|
||||||
<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>Contact : mail, insta, ...</label>
|
<label>Promoteur.rice</label>
|
||||||
<input type="email" name="mail" placeholder="Votre contact">
|
<input type="text" name="nom" placeholder="nom/prénom/pseudo">
|
||||||
</div>
|
</div>
|
||||||
</details>
|
|
||||||
|
|
||||||
|
<div class="button">
|
||||||
|
<label>Problématique</label>
|
||||||
|
<input type="text" name="problématique" placeholder="...">
|
||||||
|
</div>
|
||||||
|
|
||||||
<details>
|
<div class="button">
|
||||||
<summary>Information à propos du mémoire</summary>
|
<label>Résumé en quelque lignes</label>
|
||||||
<div class="button">
|
<input type="text" name="résumé" placeholder="...">
|
||||||
<label>Titre du mémoire</label>
|
</div>
|
||||||
<input type="titre" name="mémoire" placeholder="...">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="button">
|
<div class="button">
|
||||||
<label>Tag/mots-clefs sur le mémoire</label>
|
<label>Orientation principale</label>
|
||||||
<input type="text" name="tag"
|
<select name="Orientation">
|
||||||
placeholder="typographie, photographie, outils libre, post-colonial,..">
|
<option value="typographie">Typographie</option>
|
||||||
</div>
|
<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>Problématique</label>
|
<label>Atelier Pratique</label>
|
||||||
<input type="text" name="problématique" placeholder="...">
|
<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>Résumé en quelque lignes</label>
|
<label>Formats de fichiers de mémoire</label>
|
||||||
<input type="text" name="résumé" placeholder="...">
|
<input type="text" name="tag" placeholder="png, jpeg, pdf, mp3, html,... ">
|
||||||
</div>
|
</div>
|
||||||
</details>
|
|
||||||
|
|
||||||
<details>
|
<div class="button">
|
||||||
<summary>Information équipe autour du mémoire</summary>
|
<label>Importer les divers fichers de son mémoire</label>
|
||||||
<div class="button">
|
<input type="text" name="upload" placeholder="upload ">
|
||||||
<label>Promoteur.rice</label>
|
</div>
|
||||||
<input type="text" name="nom" placeholder="nom/prénom/pseudo">
|
|
||||||
</div>
|
|
||||||
</details>
|
|
||||||
|
|
||||||
<details>
|
<div id="enter"class="button">
|
||||||
<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>
|
||||||
|
|||||||
46
item.html
Normal file
46
item.html
Normal file
@@ -0,0 +1,46 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link href="style.css" rel="stylesheet">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="author" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Post-ERG</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- ENTÊTE -->
|
||||||
|
<header>
|
||||||
|
<a href="index.html">Mémoire post-ERG / A life after ERG</a>
|
||||||
|
<div class="menu">
|
||||||
|
<div class="menu-content">
|
||||||
|
<input type="search" name="search" placeholder="Recherche..." button class="button"></input>
|
||||||
|
<a href="formulaire.html" button class="button">Partager un mémoire</a>
|
||||||
|
<a href="apropos.html" button class="button">À propos</a>
|
||||||
|
<a href="contact.html" button class="button">Contact</a>
|
||||||
|
<a href="licences.html" button class="button">Licences</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- CONTENU PAGE -->
|
||||||
|
<div id="page_content">
|
||||||
|
|
||||||
|
<!-- GRILLE -->
|
||||||
|
|
||||||
|
<div class=" grid-section">
|
||||||
|
<div class="grid-main">
|
||||||
|
<div class="grid1">Colonne 1</div>
|
||||||
|
<div class="grid2">Colonne 2</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
48
partagerunmemoire.html
Normal file
48
partagerunmemoire.html
Normal file
@@ -0,0 +1,48 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<link href="reset.css" >
|
||||||
|
<link href="style.css" rel="stylesheet">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="author" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Post-ERG</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<!-- ENTÊTE -->
|
||||||
|
|
||||||
|
<div id="header">
|
||||||
|
<h1><a href="index.html">Mémoire post-ERG/A life after ERG</a></h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- MENU -->
|
||||||
|
|
||||||
|
<div class="menu">
|
||||||
|
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
||||||
|
<a href="partagerunmemoire.html" button class="boutton boutton1">Partager un mémoire</a>
|
||||||
|
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
||||||
|
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
||||||
|
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- GRILLE -->
|
||||||
|
|
||||||
|
<div class="grille01">
|
||||||
|
<div class="grille_01">Colonne 1</div>
|
||||||
|
<div class="grille_02">Colonne 2</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
31
style.css
31
style.css
@@ -49,8 +49,6 @@
|
|||||||
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 {
|
||||||
@@ -331,31 +329,4 @@
|
|||||||
.memoire img {
|
.memoire img {
|
||||||
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;
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user