nycki/nycki.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

papermod template
All checks were successful
/ build (push) Successful in 41s
Details

Browse source
This commit is contained in:
Nycki 2025-11-14 11:11:04 -08:00
parent d0d9573db1
commit df399020c3
1 changed files with 66 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
static/papermod/index.html Normal file
View file

@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Nycki's Papermod</title>
<style>
html {
background-color: #929591; /*xkcd-grey*/
}
body {
margin: 0;
display: flex;
flex-wrap: wrap;
}
.page {
background-color: white;
font-family: serif;
box-sizing: border-box;
width: 74mm;
height: 105mm;
margin: 4mm;
padding: 4mm;
}
.page :first-child {
margin-top: 0;
}
@media print {
.page {
height: 100%;
margin: 0;
break-after: page;
}
}
@page {
size: 74mm 105mm;
}
</style>
</head>
<body>
<div class="page">
<h1>page 1</h1>
</div>
<div class="page">
<h1>page 2</h1>
</div>
<div class="page">
<h1>page 3</h1>
</div>
<div class="page">
<h1>page 4</h1>
</div>
<!-- always break after fourth page even on wide screen -->
<div style="flex-basis:100%"></div>
<div class="page">
<h1>page 5</h1>
</div>
<div class="page">
<h1>page 6</h1>
</div>
<div class="page">
<h1>page 7</h1>
</div>
<div class="page">
<h1>page 8</h1>
</div>
</body>
</html>