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

finition header et page content id

Browse Source
This commit is contained in:
Pontoporeia
2022-12-21 16:15:53 +01:00
parent 06d7894049
commit ca6d019c36
7 changed files with 215 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
apropos.html
View File

@@ -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>
<a href="index.html">Mémoire post-ERG / A life after ERG</a>
<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>
<!-- 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
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>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>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>Mais pourquoi cette moyenne de 16/20 ?</p> <p>Mais pourquoi cette moyenne de 16/20 ?</p>
<p>Et où finissent les autres mémoires ?</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>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>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. <p>De fait, notre recherche se pencherait sur un dispositif de partage/diffusion plus adéquat et en phase avec
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. la multitude de format et forme de monstration plus contemporain.
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" . Notre lieu d'archive/exposition prendrait la forme d'un site web, idéalement en ligne (ou en local en fonction
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. du RE - propriété intellectuelle et droit d'auteur ?). Il contiendrait tout types de mémoire ainsi qu'une
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> 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> <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> <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>

33
contact.html
View File

@@ -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,32 +14,27 @@
</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>
<a href="index.html">Mémoire post-ERG / A life after ERG</a>
<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>
<!-- GRILLE --> <!-- GRILLE -->
<div id="page_content">
<div class="grille01"> <h2>Contact</h2>
<h2>Contact</h2> <p>Laurent Leprince, <br>
<p>Laurent Leprince, <br>
Bibliothèque d'architecture, d'ingénierie architecturale, d'urbanisme (BAIU) :<br> Bibliothèque d'architecture, d'ingénierie architecturale, d'urbanisme (BAIU) :<br>
laurent.leprince@uclouvain.be</p> laurent.leprince@uclouvain.be</p>
@@ -50,8 +45,8 @@
<p>Brigitte Ledune,<br> <p>Brigitte Ledune,<br>
Cours de suivi de mémoire : <br> Cours de suivi de mémoire : <br>
brigitte.ledune@erg.be</p> brigitte.ledune@erg.be</p>
</div>
</div>
</body> </body>

19
formulaire.html
View File

@@ -12,25 +12,23 @@
<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>
</header>
<!-- 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="formulaire.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 id="wrapper"> </div>
</header>
<section id="main-content">
<!-- CONTENU PAGE -->
<div id="page_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"> <div class="button">
<label>Votre nom/prénom/pseudo</label> <label>Votre nom/prénom/pseudo</label>
@@ -121,9 +119,6 @@
</form> </form>
</section>
</div> </div>
</body> </body>

9
index.html
View File

@@ -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>

33
licences.html
View File

@@ -16,32 +16,31 @@
<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>

48
partagerunmemoire.html
View File

@@ -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
View File

@@ -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 {