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

This commit is contained in:
Nycki 2025-11-14 14:08:48 -08:00
parent c444430f53
commit 038f1871ed

View file

@ -39,6 +39,8 @@
@page { @page {
size: 74mm 105mm; size: 74mm 105mm;
} }
/* page 1 */
.year { .year {
font-weight: bold; font-weight: bold;
font-size: 20mm; font-size: 20mm;
@ -62,6 +64,26 @@
bottom: 4mm; bottom: 4mm;
width: 100%; 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> </style>
</head> </head>
<body> <body>
@ -75,11 +97,29 @@
</div> </div>
<div class="footer">nycki.net/papermod</div> <div class="footer">nycki.net/papermod</div>
</div> </div>
<div class="page"> <div class="page month">
<h1>page 2</h1> <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>
<div class="page">
<h1>page 3</h1>
</div> </div>
<div class="page"> <div class="page">
<h1>page 4</h1> <h1>page 4</h1>