pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mise en page de l'album d'images

Browse Source
This commit is contained in:
hugogogo
2021-02-15 19:58:33 +01:00
parent 313dc53030
commit 72bab0c2d5
14 changed files with 51 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
back.html
View File

@@ -1,14 +0,0 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<meta name="description" content="description du site web">
<meta name="keywords" content="truc, bidule, chouette">
</head>
<body>
<a href = "javascript:history.back()">Back to previous page</a>
<INPUT TYPE="button" VALUE="Back" onClick="history.go(-1);">
</body>
</html>

BIN
docs/Documents sites/Onglet KOSMOPOLIT visuel kaléidoscope.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 MiB

BIN
docs/Documents sites/Onglet LEA 2021.odt Normal file
View File

Binary file not shown.

BIN
docs/Documents sites/Onglet LITTERall 26 visuel sous texte Cataplasme de vinaigre Oskar Pastior.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 534 KiB

BIN
docs/Documents sites/Onglet LITTERall 26.odt Normal file
View File

Binary file not shown.

BIN
docs/Documents sites/Onglet LITTERall 27 visuel.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 MiB

BIN
docs/Documents sites/Onglet LITTERall 27.odt Normal file
View File

Binary file not shown.

BIN
docs/Documents sites/Onglet LITTERall petite vignette colonne.pdf Normal file
View File

Binary file not shown.

BIN
docs/Documents sites/Onglet LITTERall vignette pour acceder a LITTERall 27.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
docs/Documents sites/Onglet LITTERall visuel sous le texte crédit Jeffrey Trehudic.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 220 KiB

BIN
docs/Documents sites/Onglet litterall vignette pour acceder à la page LITTERall 26.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 MiB

BIN
docs/Documents sites/Textes trois onglets principaux.odt Normal file
View File

Binary file not shown.

BIN
docs/revues/lion.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 384 KiB

82
pages/litterall.html
View File

@@ -21,7 +21,7 @@
} }
.horizontal { .horizontal {
display: flex; display: flex;
flex-direction: raw; flex-direction: row;
} }
.horizontal > * { .horizontal > * {
margin: 20px; margin: 20px;
@@ -36,20 +36,36 @@
.gallery { .gallery {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
/*
justify-content: flex-start;
width: 90%;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, max-content));
grid-gap: 2px;
justify-content: center;
padding: initial;
*/
} }
.gallery > * { .gallery > * {
margin: 2px 4px 2px 0px; margin: 3px 6px 3px 0px;
flex: 1;
}
.gallery::after {
content: "";
flex: 100;
} }
/*settings specifics*/ /*settings specifics*/
main {
margin-left: 20px;
}
img#dernier_numero { img#dernier_numero {
width: 240px; width: 240px;
height: 410px; max-width: 98vw;
max-width: 100vw;
} }
#tous_numeros img { #tous_numeros img {
width: 120px; max-height: 200px;
height: 205px;
border: 1px solid lightgrey; border: 1px solid lightgrey;
} }
</style> </style>
@@ -72,32 +88,36 @@
<p> <p>
Vestibulum ultricies nisl in elit pulvinar, ac dignissim libero finibus. Aenean bibendum venenatis augue, quis convallis metus facilisis at. Suspendisse risus mi, bibendum eget urna vel, consectetur rutrum purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin tincidunt mollis ante eget iaculis. Donec a finibus nisl, at hendrerit diam. Phasellus eget magna et nisi feugiat bibendum. Donec pretium nisi sit amet lorem volutpat venenatis. Vestibulum ultricies nisl in elit pulvinar, ac dignissim libero finibus. Aenean bibendum venenatis augue, quis convallis metus facilisis at. Suspendisse risus mi, bibendum eget urna vel, consectetur rutrum purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin tincidunt mollis ante eget iaculis. Donec a finibus nisl, at hendrerit diam. Phasellus eget magna et nisi feugiat bibendum. Donec pretium nisi sit amet lorem volutpat venenatis.
</p> </p>
<img id="dernier_numero" src="./docs/revues/litt23.jpg" alt="revue litterall"> <div class="image_container">
<div class="gallery" id="tous_numeros"> <img id="dernier_numero" src="./docs/revues/litt23.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt22.jpg" alt="revue litterall"> </div>
<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall"> <div class="gallery" id="tous_numeros">
<img class="horizontal" src="./docs/revues/litt20.jpg" alt="revue litterall"> <img src="./docs/revues/litt22.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt20.jpg" alt="revue litterall"> <img src="./docs/revues/litt21.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall"> <img src="./docs/revues/litt20.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt17.jpg" alt="revue litterall"> <img src="./docs/revues/litt20.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall"> <img src="./docs/revues/litt19.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall"> <img src="./docs/revues/litt17.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt22.jpg" alt="revue litterall"> <img src="./docs/revues/litt19.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall"> <!--
<img class="horizontal" src="./docs/revues/litt20.jpg" alt="revue litterall"> <img src="./docs/revues/lion.jpg" alt="lion">
<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall"> -->
<img class="horizontal" src="./docs/revues/litt17.jpg" alt="revue litterall"> <img src="./docs/revues/litt21.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall"> <img src="./docs/revues/litt22.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall"> <img src="./docs/revues/litt21.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt22.jpg" alt="revue litterall"> <img src="./docs/revues/litt20.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall"> <img src="./docs/revues/litt19.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt20.jpg" alt="revue litterall"> <img src="./docs/revues/litt17.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall"> <img src="./docs/revues/litt19.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt17.jpg" alt="revue litterall"> <img src="./docs/revues/litt21.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall"> <img src="./docs/revues/litt22.jpg" alt="revue litterall">
<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall"> <img src="./docs/revues/litt21.jpg" alt="revue litterall">
<img src="./docs/revues/litt20.jpg" alt="revue litterall">
<img src="./docs/revues/litt19.jpg" alt="revue litterall">
<img src="./docs/revues/litt17.jpg" alt="revue litterall">
<img src="./docs/revues/litt19.jpg" alt="revue litterall">
<img id="last-child-img" src="./docs/revues/litt21.jpg" alt="revue litterall">
</div> </div>
<a href="back.html">go to this page</a>
</article> </article>
</main> </main>
</body> </body>