finition header et page content id
This commit is contained in:
Pontoporeia
99
apropos.html
99
apropos.html
@@ -3,7 +3,7 @@
|
|||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
<link href="reset.css" >
|
<link href="reset.css">
|
||||||
<link href="style.css" rel="stylesheet">
|
<link href="style.css" rel="stylesheet">
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="author" content="">
|
<meta name="author" content="">
|
||||||
@@ -13,61 +13,66 @@
|
|||||||
|
|
||||||
</head>
|
</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>
|
<body>
|
||||||
|
|
||||||
<!-- MENU -->
|
<!-- ENTÊTE -->
|
||||||
|
<header>
|
||||||
<div class="menu">
|
<a href="index.html">Mémoire post-ERG / A life after ERG</a>
|
||||||
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
<div class="menu">
|
||||||
<a href="partagerunmemoire.html" button class="boutton boutton1">Partager un mémoire</a>
|
<div class="menu-content">
|
||||||
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
||||||
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
<a href="formulaire.html" button class="boutton boutton1">Partager un mémoire</a>
|
||||||
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
||||||
</div>
|
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
||||||
|
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
<!-- GRILLE -->
|
<!-- CONTENU PAGE -->
|
||||||
|
<div id="page_content">
|
||||||
|
<h2>À propos</h2>
|
||||||
|
|
||||||
<div class="grille01">
|
<p>Nous sommes un groupe d'étudiant.e.s en design numérique avec projet concernant les mémoires de l'année
|
||||||
|
passée qui demande votre aide !
|
||||||
<h2>à propos</h2>
|
|
||||||
|
|
||||||
<p>Nous sommes un groupe d'étudiant.e.s en design numérique avec projet concernant les mémoires de l'année passée qui demande votre aide !
|
|
||||||
|
|
||||||
Qu'en est-il des mémoires après notre master ?
|
Qu'en est-il des mémoires après notre master ?
|
||||||
Quelle est la visibilité de notre travail après notre départ de l'ERG ? Certains mémoires finissent à la bibliothèque exposés, mais lesquels et pourquoi ?
|
Quelle est la visibilité de notre travail après notre départ de l'ERG ? Certains mémoires finissent à la
|
||||||
Actuellement, la bibliothèque (BAUI) sert de lieux d'archives (collection de documents anciens, classés à des fins historiques ; lieu où les archives sont conservées) des mémoires pour l'erg, st-Luc et UCL mais pourquoi sont-ils si peu à être exposés ? </p>
|
bibliothèque exposés, mais lesquels et pourquoi ?
|
||||||
|
Actuellement, la bibliothèque (BAUI) sert de lieux d'archives (collection de documents anciens, classés à des
|
||||||
<p>Actuellement, les mémoires sélectionnés sont ceux avec une grande disctinction (16/20). Cette note obtenue dépend de la cotation de lecture de mémoire et sa défense.</p>
|
fins historiques ; lieu où les archives sont conservées) des mémoires pour l'erg, st-Luc et UCL mais pourquoi
|
||||||
|
sont-ils si peu à être exposés ? </p>
|
||||||
<p>Mais pourquoi cette moyenne de 16/20 ?</p>
|
|
||||||
<p>Et où finissent les autres mémoires ?</p>
|
|
||||||
|
|
||||||
<p>En l'occurence, la bibliothèque n'est pas un lieu de diffusion et de monstration " juste ", car les mémoires dépendent de la note attribuée en fin de Master et de la place disponible dans les étagères ; sans parler de l'état déplorable de certains mémoires due aux conditions de stockages : couverture plastifiée, stickers, etc - nous travaillons un visuel qui finalement sera " dégradé " lors de son exposition à la bibliothèque, si exposé. De plus, les mémoires sont visible en bibliothèque de manière tangible (style édition).</p>
|
|
||||||
|
|
||||||
<p>Qu'en t-il des formats numérique, audio ou vidéo ?</p>
|
|
||||||
|
|
||||||
<p>De fait, notre recherche se pencherait sur un dispositif de partage/diffusion plus adéquat et en phase avec la multitude de format et forme de monstration plus contemporain.
|
|
||||||
Notre lieu d'archive/exposition prendrait la forme d'un site web, idéalement en ligne (ou en local en fonction du RE - propriété intellectuelle et droit d'auteur ?). Il contiendrait tout types de mémoire ainsi qu'une interrogation autour de sa licence et sa notion de partage.
|
|
||||||
En paralèlle, nous donnerons quelques tips et bon plans pour : "comment licencier son mémoire : pour protéger ses valeurs et notions de partage s'il y'a" .
|
|
||||||
Dans un premier temps, nous allons collecter un maximum de mémoires et tenter de recontacter leur auteurice pour échanger avec eux et obtenir des pdf, vidéos, photos.
|
|
||||||
Dans un second temps, nous trouverons un relais pour les futures étudiant.e.s et organiseront un formulaire qui publiera automatiquement les mémoires sur notre site.</p>
|
|
||||||
|
|
||||||
<h2>Un projet depuis 2022</h2>
|
<p>Actuellement, les mémoires sélectionnés sont ceux avec une grande disctinction (16/20). Cette note obtenue
|
||||||
|
dépend de la cotation de lecture de mémoire et sa défense.</p>
|
||||||
|
|
||||||
<p>Théo Hennequin<br>www.theohennequin.com<br>Théophile Gervreau-Mercier<br>tgm.happyngreen.fr<br>Olivia Marly<br>oli98marly@gmail.com</p>
|
<p>Mais pourquoi cette moyenne de 16/20 ?</p>
|
||||||
|
<p>Et où finissent les autres mémoires ?</p>
|
||||||
|
|
||||||
|
<p>En l'occurence, la bibliothèque n'est pas un lieu de diffusion et de monstration " juste ", car les mémoires
|
||||||
|
dépendent de la note attribuée en fin de Master et de la place disponible dans les étagères ; sans parler de
|
||||||
|
l'état déplorable de certains mémoires due aux conditions de stockages : couverture plastifiée, stickers, etc
|
||||||
|
- nous travaillons un visuel qui finalement sera " dégradé " lors de son exposition à la bibliothèque, si
|
||||||
|
exposé. De plus, les mémoires sont visible en bibliothèque de manière tangible (style édition).</p>
|
||||||
|
|
||||||
|
<p>Qu'en t-il des formats numérique, audio ou vidéo ?</p>
|
||||||
|
|
||||||
|
<p>De fait, notre recherche se pencherait sur un dispositif de partage/diffusion plus adéquat et en phase avec
|
||||||
|
la multitude de format et forme de monstration plus contemporain.
|
||||||
|
Notre lieu d'archive/exposition prendrait la forme d'un site web, idéalement en ligne (ou en local en fonction
|
||||||
|
du RE - propriété intellectuelle et droit d'auteur ?). Il contiendrait tout types de mémoire ainsi qu'une
|
||||||
|
interrogation autour de sa licence et sa notion de partage.
|
||||||
|
En paralèlle, nous donnerons quelques tips et bon plans pour : " comment licencier son mémoire : pour protéger
|
||||||
|
ses valeurs et notions de partage s'il y'a" . Dans un premier temps, nous allons collecter un maximum de mémoires et
|
||||||
|
tenter de recontacter leur auteurice pour échanger avec eux et obtenir des pdf, vidéos, photos. Dans un second
|
||||||
|
temps, nous trouverons un relais pour les futures étudiant.e.s et organiseront un formulaire qui publiera
|
||||||
|
automatiquement les mémoires sur notre site.</p>
|
||||||
|
|
||||||
|
<h2>Un projet depuis 2022</h2>
|
||||||
|
|
||||||
|
<p>Théo Hennequin<br>www.theohennequin.com<br>Théophile Gervreau-Mercier<br>tgm.happyngreen.fr<br>Olivia
|
||||||
|
Marly<br>oli98marly@gmail.com</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
61
contact.html
61
contact.html
@@ -3,7 +3,7 @@
|
|||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
<link href="reset.css" >
|
<link href="reset.css">
|
||||||
<link href="style.css" rel="stylesheet">
|
<link href="style.css" rel="stylesheet">
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="author" content="">
|
<meta name="author" content="">
|
||||||
@@ -14,45 +14,40 @@
|
|||||||
</head>
|
</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>
|
<body>
|
||||||
|
|
||||||
<!-- MENU -->
|
<!-- ENTÊTE -->
|
||||||
|
<header>
|
||||||
<div class="menu">
|
<a href="index.html">Mémoire post-ERG / A life after ERG</a>
|
||||||
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
<div class="menu">
|
||||||
<a href="partagerunmemoire.html" button class="boutton boutton1">Partager un mémoire</a>
|
<div class="menu-content">
|
||||||
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
||||||
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
<a href="formulaire.html" button class="boutton boutton1">Partager un mémoire</a>
|
||||||
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
||||||
</div>
|
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
||||||
|
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
<!-- GRILLE -->
|
<!-- GRILLE -->
|
||||||
|
<div id="page_content">
|
||||||
|
<h2>Contact</h2>
|
||||||
|
<p>Laurent Leprince, <br>
|
||||||
|
Bibliothèque d'architecture, d'ingénierie architecturale, d'urbanisme (BAIU) :<br>
|
||||||
|
laurent.leprince@uclouvain.be</p>
|
||||||
|
|
||||||
|
<p>Xavier Gorgol, <br>
|
||||||
|
Responsable des mémoires de l'ERG :<br>
|
||||||
|
xavier.gorgol@erg.be<br></p>
|
||||||
|
|
||||||
|
<p>Brigitte Ledune,<br>
|
||||||
|
Cours de suivi de mémoire : <br>
|
||||||
|
brigitte.ledune@erg.be</p>
|
||||||
|
|
||||||
<div class="grille01">
|
|
||||||
<h2>Contact</h2>
|
|
||||||
<p>Laurent Leprince, <br>
|
|
||||||
Bibliothèque d'architecture, d'ingénierie architecturale, d'urbanisme (BAIU) :<br>
|
|
||||||
laurent.leprince@uclouvain.be</p>
|
|
||||||
|
|
||||||
<p>Xavier Gorgol, <br>
|
|
||||||
Responsable des mémoires de l'ERG :<br>
|
|
||||||
xavier.gorgol@erg.be<br></p>
|
|
||||||
|
|
||||||
<p>Brigitte Ledune,<br>
|
|
||||||
Cours de suivi de mémoire : <br>
|
|
||||||
brigitte.ledune@erg.be</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
199
formulaire.html
199
formulaire.html
@@ -12,118 +12,113 @@
|
|||||||
<body>
|
<body>
|
||||||
<!-- ENTÊTE -->
|
<!-- ENTÊTE -->
|
||||||
<header>
|
<header>
|
||||||
<a href="index.html">Mémoire post-ERG/A life after ERG</a>
|
<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="boutton boutton1"></input>
|
||||||
|
<a href="formulaire.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>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!-- MENU -->
|
<!-- CONTENU PAGE -->
|
||||||
|
<div id="page_content">
|
||||||
<div class="menu">
|
|
||||||
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
|
||||||
<a href="formulaire.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>
|
|
||||||
<div id="wrapper">
|
|
||||||
|
|
||||||
<section id="main-content">
|
|
||||||
|
|
||||||
|
|
||||||
<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">
|
|
||||||
<label>Votre nom/prénom/pseudo</label>
|
|
||||||
<input type="text" name="nom" placeholder="...">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="boutton">
|
|
||||||
<label>Année diplômante (2020, 2021, ...)</label>
|
|
||||||
<input type="text" name="année" placeholder="...">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="boutton">
|
|
||||||
<label>Contact : mail, insta, ...</label>
|
|
||||||
<input type="email" name="mail" placeholder="Votre contact">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="boutton">
|
|
||||||
<label>Titre du mémoire</label>
|
|
||||||
<input type="titre" name="mémoire" placeholder="...">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="boutton">
|
|
||||||
<label>Tag/mots-clefs sur le mémoire</label>
|
|
||||||
<input type="text" name="tag" placeholder="typographie, photographie, outils libre, post-colonial,..">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="boutton">
|
|
||||||
<label>Promoteur.rice</label>
|
|
||||||
<input type="text" name="nom" placeholder="nom/prénom/pseudo">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="boutton">
|
|
||||||
<label>Problématique</label>
|
|
||||||
<input type="text" name="problématique" placeholder="...">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="boutton">
|
|
||||||
<label>Résumé en quelque lignes</label>
|
|
||||||
<input type="text" name="résumé" placeholder="...">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="boutton">
|
|
||||||
<label>Orientation principale</label>
|
|
||||||
<select name="Orientation">
|
|
||||||
<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="boutton">
|
|
||||||
<label>Atelier Pratique</label>
|
|
||||||
<select name="AP">
|
|
||||||
<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="boutton">
|
<div class="button">
|
||||||
<label>Formats de fichiers de mémoire</label>
|
<label>Votre nom/prénom/pseudo</label>
|
||||||
<input type="text" name="tag" placeholder="png, jpeg, pdf, mp3, html,... ">
|
<input type="text" name="nom" placeholder="...">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="boutton">
|
|
||||||
<label>Importer les divers fichers de son mémoire</label>
|
|
||||||
<input type="text" name="upload" placeholder="upload ">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="boutton boutton1">
|
<div class="boutton">
|
||||||
<input type="submit" name="go" value="envoyer">
|
<label>Année diplômante (2020, 2021, ...)</label>
|
||||||
</div>
|
<input type="text" name="année" placeholder="...">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="boutton">
|
||||||
|
<label>Contact : mail, insta, ...</label>
|
||||||
|
<input type="email" name="mail" placeholder="Votre contact">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="boutton">
|
||||||
|
<label>Titre du mémoire</label>
|
||||||
|
<input type="titre" name="mémoire" placeholder="...">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="boutton">
|
||||||
|
<label>Tag/mots-clefs sur le mémoire</label>
|
||||||
|
<input type="text" name="tag" placeholder="typographie, photographie, outils libre, post-colonial,..">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="boutton">
|
||||||
|
<label>Promoteur.rice</label>
|
||||||
|
<input type="text" name="nom" placeholder="nom/prénom/pseudo">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="boutton">
|
||||||
|
<label>Problématique</label>
|
||||||
|
<input type="text" name="problématique" placeholder="...">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="boutton">
|
||||||
|
<label>Résumé en quelque lignes</label>
|
||||||
|
<input type="text" name="résumé" placeholder="...">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="boutton">
|
||||||
|
<label>Orientation principale</label>
|
||||||
|
<select name="Orientation">
|
||||||
|
<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="boutton">
|
||||||
|
<label>Atelier Pratique</label>
|
||||||
|
<select name="AP">
|
||||||
|
<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="boutton">
|
||||||
|
<label>Formats de fichiers de mémoire</label>
|
||||||
|
<input type="text" name="tag" placeholder="png, jpeg, pdf, mp3, html,... ">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="boutton">
|
||||||
|
<label>Importer les divers fichers de son mémoire</label>
|
||||||
|
<input type="text" name="upload" placeholder="upload ">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="boutton boutton1">
|
||||||
|
<input type="submit" name="go" value="envoyer">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</form>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@@ -30,17 +30,18 @@
|
|||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!-- MENU -->
|
<!-- CONTENU PAGE -->
|
||||||
|
<div id="page_content">
|
||||||
|
|
||||||
|
|
||||||
<!-- GRILLE -->
|
<!-- GRILLE -->
|
||||||
<div class="grid-section">
|
|
||||||
|
<div class=" grid-section">
|
||||||
<div class="grid-main">
|
<div class="grid-main">
|
||||||
<div class="grid1">Colonne 1</div>
|
<div class="grid1">Colonne 1</div>
|
||||||
<div class="grid2">Colonne 2</div>
|
<div class="grid2">Colonne 2</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@@ -15,33 +15,32 @@
|
|||||||
|
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<!-- ENTÊTE -->
|
<!-- ENTÊTE -->
|
||||||
|
<header>
|
||||||
<div id="header">
|
<a href="index.html">Mémoire post-ERG / A life after ERG</a>
|
||||||
<h1><a href="index.html">Mémoire post-ERG/A life after ERG</a></h1>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<!-- MENU -->
|
|
||||||
|
|
||||||
<div class="menu">
|
<div class="menu">
|
||||||
|
<div class="menu-content">
|
||||||
<input type="search" name="search" placeholder="Recherche..." button class="boutton boutton1"></input>
|
<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="formulaire.html" button class="boutton boutton1">Partager un mémoire</a>
|
||||||
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
<a href="apropos.html" button class="boutton boutton1">À propos</a>
|
||||||
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
<a href="contact.html" button class="boutton boutton1">Contact</a>
|
||||||
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
<a href="licences.html" button class="boutton boutton1">Licences</a>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- CONTENU PAGE -->
|
||||||
|
<div id="page_content">
|
||||||
|
|
||||||
<!-- GRILLE -->
|
<!-- GRILLE -->
|
||||||
|
|
||||||
<div class="grille01">
|
<div class="grid-section">
|
||||||
<div class="grille_01">Colonne 1</div>
|
<div class="grid-main">
|
||||||
<div class="grille_02">Colonne 2</div>
|
<div class="grid1">Colonne 1</div>
|
||||||
|
<div class="grid2">Colonne 2</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@@ -1,48 +0,0 @@
|
|||||||
<!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>
|
|
||||||
18
style.css
18
style.css
@@ -11,6 +11,7 @@
|
|||||||
|
|
||||||
/* ENTÊTE */
|
/* ENTÊTE */
|
||||||
header {
|
header {
|
||||||
|
z-index: 10000;
|
||||||
font-family: 'police1';
|
font-family: 'police1';
|
||||||
position: fixed;
|
position: fixed;
|
||||||
background: linear-gradient(315deg, rgba(77, 168, 112, 1) 0%, rgba(193, 4, 252, 1) 66%);
|
background: linear-gradient(315deg, rgba(77, 168, 112, 1) 0%, rgba(193, 4, 252, 1) 66%);
|
||||||
@@ -42,6 +43,8 @@
|
|||||||
position: inherit;
|
position: inherit;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
background-color: white;
|
||||||
|
background: linear-gradient(0deg, rgba(2,0,36,0) 0%, rgba(255,255,255,1) 40%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-content{
|
.menu-content{
|
||||||
@@ -81,12 +84,23 @@
|
|||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* CONTENUS DE LA PAGE */
|
||||||
|
#page_content {
|
||||||
|
position: relative;
|
||||||
|
top: 15vh;
|
||||||
|
max-width: 80ch;
|
||||||
|
padding: 3em 1em;
|
||||||
|
margin: auto;
|
||||||
|
line-height: 1.75;
|
||||||
|
font-size: 1.25em;
|
||||||
|
}
|
||||||
|
|
||||||
/* GRILLE */
|
/* GRILLE */
|
||||||
.grid-section{
|
.grid-section{
|
||||||
display: block;
|
position: relative;
|
||||||
|
/* display: block; */
|
||||||
/* position: fixed; */
|
/* position: fixed; */
|
||||||
margin: 30%;
|
/* margin: 30%; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid-main {
|
.grid-main {
|
||||||
|
|||||||
Reference in New Issue
Block a user