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

page item et images + pdf de mémoire

Browse Source
This commit is contained in:
Pontoporeia
2022-12-22 14:10:41 +01:00
parent 21c2bce1bd
commit ab685f320e
8 changed files with 82 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
index.html
View File

@@ -37,12 +37,11 @@
<ul id="mosaic"> <ul id="mosaic">
<li class="item"><a href="memoires/m1.html"><img src="memoires/memoire_1.jpg" alt=""><span><strong>Yeah I'm <li class="item"><a href="memoires/m1.html"><img src="memoires/memoire_1.jpg" alt=""><span><strong>Yeah I'm
still searchin'</strong><br>Meryll Hardt</span></a></li> still searchin'</strong><br>Meryll Hardt</span></a></li>
<li class="item"><a href=""><img src="memoires/memoire_2.png" alt=""><span><strong>Froncer les <li class="item"><a href="item2.html"><img src="memoires/memoire_2.png" alt=""><span><strong>Froncer les
sourcils</strong><br>Olivier Bertrand</span></a></li> sourcils</strong><br>Olivier Bertrand</span></a></li>
<li class="item"><a href=""><img src="memoires/memoire_3.png" alt=""><span><strong>Design Spéculatif: La guerre <li class="item"><a href=""><img src="memoires/memoire_3.png" alt=""><span><strong>Design Spéculatif: La guerre
des imaginaires</strong><br>ANTOINE PUEL</span></a></li> des imaginaires</strong><br>Antoine Puel</span></a></li>
<li class="item"><a href=""><img src="memoires/memoire_3.png" alt=""><span><strong>Design Spéculatif: La guerre <li class="item"><a href="item1.html"><img src="memoires/memoire_4.jpeg" alt=""><span><strong>Observatoire personnel de pratiques logicielles</strong><br>Quentin Jumelin</span></a></li>
des imaginaires</strong><br>ANTOINE PUEL</span></a></li>
</ul> </ul>
</section> </section>
<section class="grid2"> <section class="grid2">

44
item1.html Normal file
View File

@@ -0,0 +1,44 @@
<!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">
<div class="cover"></div>
<div class="memoire"> <img src="memoires/m4/img_1.jpeg" alt="">
<img src="memoires/m4/img_2.jpeg" alt="">
<img src="memoires/m4/img_3.jpeg" alt="">
</div>
</div>
</body>
</html>

9
item.html → item2.html
View File

@@ -31,13 +31,8 @@
<!-- CONTENU PAGE --> <!-- CONTENU PAGE -->
<div id="page_content"> <div id="page_content">
<!-- GRILLE --> <div class="cover"></div>
<div class="memoire"> <embed src="memoires/memoire_2.pdf"/>
<div class=" grid-section">
<div class="grid-main">
<div class="grid1">Colonne 1</div>
<div class="grid2">Colonne 2</div>
</div>
</div> </div>
</div> </div>

BIN
memoires/m4/img_1.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 415 KiB

BIN
memoires/m4/img_2.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 400 KiB

BIN
memoires/m4/img_3.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 416 KiB

BIN
memoires/memoire_4.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 269 KiB

35
style.css
View File

@@ -153,14 +153,20 @@
/* CONTENUS DE LA PAGE */ /* CONTENUS DE LA PAGE */
#page_content { #page_content {
position: relative; position: relative;
/* display: inline;
float: none; */
top: 15vh; top: 15vh;
max-width: 100ch; max-width: 80ch;
padding: 3em 1em; padding: 3em 1em;
margin: auto; margin: auto;
line-height: 1.75; line-height: 1.75;
font-size: 1.25em; font-size: 1.25em;
} }
#page_content .memoire {
margin: 0 auto;
}
input:active { input:active {
border-color: rgba(77, 168, 112, 1); border-color: rgba(77, 168, 112, 1);
@@ -287,7 +293,32 @@
color: rgba(77, 168, 112, 1); color: rgba(77, 168, 112, 1);
} }
.list hr{ .list hr {
color: #c104fc; color: #c104fc;
width: 50%; width: 50%;
}
/* ITEM PAGE */
.cover {
position: relative;
width: 100%;
}
embed {
display: inherit;
width: 800px;
height: 700px;
/* max-height: 800px ; */
position: relative;
margin: 0 auto; /* margin-left: 10%; */
padding: 0.2rem;
border-color: #c104fc;
border-style: solid;
border-radius: 16px;
}
.memoire img {
max-width: 40%;
margin: 0.5rem;
} }