A4 print size

This commit is contained in:
fred 2024-05-10 14:52:45 +02:00
parent 946ccd826a
commit e678d62f06
9 changed files with 22 additions and 27 deletions

View File

@ -9,7 +9,7 @@
<!-- TODO: Update the icon image if you want to get fancy! -->
<link rel="icon" type="image/png" href="/ipfs/QmU8XZpK2rGGJC8ZCFrKRo5cdDWr78vCgx68mCXDcXUpiv" />
<link rel="stylesheet"
href="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/style.css" />
href="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/style.css" />
<!-- TODO: Add a description for your zine -->
<meta name="Description" content="[UPlanet ZERO no secret key UPlanet Visa]" />
@ -83,5 +83,5 @@ Welcome to a new era of financial freedom on UPlanet—where your ZenCard is you
</footer>
</main>
<script src="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/script.js" async defer></script>
<script src="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/script.js" async defer></script>
<!-- I know it says you need a closing </html> tag, but you actually don't! Feel free to add one though if it seems cleaner -->

View File

@ -9,7 +9,7 @@
<!-- TODO: Update the icon image if you want to get fancy! -->
<link rel="icon" type="image/png" href="/ipfs/QmU8XZpK2rGGJC8ZCFrKRo5cdDWr78vCgx68mCXDcXUpiv" />
<link rel="stylesheet"
href="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/style.css" />
href="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/style.css" />
<!-- TODO: Add a description for your zine -->
<meta name="Description" content="[UPlanet ZERO no secret key UPlanet Visa]" />
@ -78,5 +78,5 @@ Bienvenido a una nueva era de libertad financiera en UPlanet, ¡donde tu ZenCard
</footer>
</main>
<script src="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/script.js" async defer></script>
<script src="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/script.js" async defer></script>
<!-- I know it says you need a closing </html> tag, but you actually don't! Feel free to add one though if it seems cleaner -->

View File

@ -9,7 +9,7 @@
<!-- TODO: Update the icon image if you want to get fancy! -->
<link rel="icon" type="image/png" href="/ipfs/QmU8XZpK2rGGJC8ZCFrKRo5cdDWr78vCgx68mCXDcXUpiv" />
<link rel="stylesheet"
href="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/style.css" />
href="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/style.css" />
<!-- TODO: Add a description for your zine -->
<meta name="Description" content="[UPlanet ZERO no secret key UPlanet Visa]" />
@ -73,5 +73,5 @@ Bienvenue dans une nouvelle ère de liberté financière sur UPlanet, où votre
</footer>
</main>
<script src="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/script.js" async defer></script>
<script src="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/script.js" async defer></script>
<!-- I know it says you need a closing </html> tag, but you actually don't! Feel free to add one though if it seems cleaner -->

View File

@ -9,7 +9,7 @@
<!-- TODO: Update the icon image if you want to get fancy! -->
<link rel="icon" type="image/png" href="/ipfs/QmU8XZpK2rGGJC8ZCFrKRo5cdDWr78vCgx68mCXDcXUpiv" />
<link rel="stylesheet"
href="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/style.css" />
href="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/style.css" />
<!-- TODO: Add a description for your zine -->
<meta name="Description" content="[UPlanet ZERO no secret key UPlanet Visa]" />
@ -74,5 +74,5 @@ Bienvenue dans une nouvelle ère de liberté financière sur UPlanet, où votre
</footer>
</main>
<script src="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/script.js" async defer></script>
<script src="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/script.js" async defer></script>
<!-- I know it says you need a closing </html> tag, but you actually don't! Feel free to add one though if it seems cleaner -->

View File

@ -118,12 +118,9 @@ figcaption {
}
/* Any styles that you want to apply **just** when the zine is printed go in here! */
@media print {
body {
font-size: 66%;
font-size: 69%;
}
a {
@ -135,17 +132,15 @@ figcaption {
max-width: 4.4rem;
}
/* The styles below here are specifically for creating the page layout.
* -> DON'T CHANGE THESE <- unless you know what you're doing!
*/
/* Définition de la taille de la page pour le format A4 */
@page {
size: landscape;
size: A4;
margin: 0;
bleed: 0;
}
.zine {
/* Modifier les styles de la grille pour s'adapter au format A4 */
width: 100vw;
height: 100vh;
display: grid;
@ -164,18 +159,18 @@ figcaption {
overflow: hidden;
}
/* Rotation des pages pour s'adapter au format paysage de l'A4 */
.page-5, .page-4, .page-3, .page-2 {
transform: rotate(180deg) translateX(-0.1px);
}
/* Assignation des pages aux zones de la grille */
.page-1 {
grid-area: page-1;
}
.page-2 {
grid-area: page-2;
}
.page-3 {

View File

@ -9,7 +9,7 @@
<!-- TODO: Update the icon image if you want to get fancy! -->
<link rel="icon" type="image/png" href="/ipfs/QmTSfxH1kG12JooZ3TG8eGkoYqjcbxy29ejqiVworuBFro" />
<link rel="stylesheet"
href="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/style.css" />
href="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/style.css" />
<!-- TODO: Add a description for your zine -->
<meta name="Description" content="[UPlanet ZERO no secret key UPlanet Visa]" />
@ -105,5 +105,5 @@ href="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/style.css" />
</footer>
</main>
<script src="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/script.js" async defer></script>
<script src="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/script.js" async defer></script>
<!-- I know it says you need a closing </html> tag, but you actually don't! Feel free to add one though if it seems cleaner -->

View File

@ -9,7 +9,7 @@
<!-- TODO: Update the icon image if you want to get fancy! -->
<link rel="icon" type="image/png" href="/ipfs/QmTSfxH1kG12JooZ3TG8eGkoYqjcbxy29ejqiVworuBFro" />
<link rel="stylesheet"
href="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/style.css" />
href="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/style.css" />
<!-- TODO: Add a description for your zine -->
<meta name="Description" content="[UPlanet ZERO no secret key UPlanet Visa]" />
@ -106,5 +106,5 @@ href="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/style.css" />
</footer>
</main>
<script src="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/script.js" async defer></script>
<script src="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/script.js" async defer></script>
<!-- I know it says you need a closing </html> tag, but you actually don't! Feel free to add one though if it seems cleaner -->

View File

@ -9,7 +9,7 @@
<!-- TODO: Update the icon image if you want to get fancy! -->
<link rel="icon" type="image/png" href="/ipfs/QmTSfxH1kG12JooZ3TG8eGkoYqjcbxy29ejqiVworuBFro" />
<link rel="stylesheet"
href="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/style.css" />
href="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/style.css" />
<!-- TODO: Add a description for your zine -->
<meta name="Description" content="[UPlanet ZERO no secret key UPlanet Visa]" />
@ -111,5 +111,5 @@ href="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/style.css" />
</footer>
</main>
<script src="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/script.js" async defer></script>
<script src="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/script.js" async defer></script>
<!-- I know it says you need a closing </html> tag, but you actually don't! Feel free to add one though if it seems cleaner -->

View File

@ -9,7 +9,7 @@
<!-- TODO: Update the icon image if you want to get fancy! -->
<link rel="icon" type="image/png" href="/ipfs/QmTSfxH1kG12JooZ3TG8eGkoYqjcbxy29ejqiVworuBFro" />
<link rel="stylesheet"
href="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/style.css" />
href="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/style.css" />
<!-- TODO: Add a description for your zine -->
<meta name="Description" content="[UPlanet une planète Web3]" />
@ -121,5 +121,5 @@ href="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/style.css" />
</footer>
</main>
<script src="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/script.js" async defer></script>
<script src="/ipfs/QmbyEpu6L1Rkoq36ncD7KAHF4FofDeTgsXgPD33Vei7Qih/script.js" async defer></script>
<!-- I know it says you need a closing </html> tag, but you actually don't! Feel free to add one though if it seems cleaner -->