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

sideways month tables
All checks were successful
/ build (push) Successful in 42s
Details

Browse source
This commit is contained in:
Nycki 2025-11-14 14:08:48 -08:00
parent c444430f53
commit 038f1871ed
1 changed files with 44 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
static/papermod/index.html
View file

@ -39,6 +39,8 @@
@page {
size: 74mm 105mm;
}
/* page 1 */
.year {
font-weight: bold;
font-size: 20mm;
@ -62,6 +64,26 @@
bottom: 4mm;
width: 100%;
}
/* page 2-3 */
.month .landscape {
width: calc(105mm - 8mm);
height: calc(74mm - 8mm);
transform-origin: 0mm 0mm;
transform: rotate(-90deg) translateX(-100%);
}
.month table {
height: 100%;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.month thead {
height: 0.01%;
}
.month td:not(:last-child) {
border: thin solid black;
}
</style>
</head>
<body>
@ -75,11 +97,29 @@
</div>
<div class="footer">nycki.net/papermod</div>
</div>
<div class="page">
<h1>page 2</h1>
<div class="page month">
<div class="landscape">
<table contenteditable>
<thead><td>mon</td><td>tue</td><td>wed</td><td>thu</td><td>fri</td><td>sat</td><td>sun</td><td></td></thead>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>
</div>
</div>
<div class="page month">
<div class="landscape">
<table contenteditable>
<thead><td>mon</td><td>tue</td><td>wed</td><td>thu</td><td>fri</td><td>sat</td><td>sun</td><td></td></thead>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>
</div>
<div class="page">
<h1>page 3</h1>
</div>
<div class="page">
<h1>page 4</h1>