diff --git a/static/papermod/index.html b/static/papermod/index.html index 4509188..be5aab0 100644 --- a/static/papermod/index.html +++ b/static/papermod/index.html @@ -118,7 +118,10 @@ .week tr { border: thin solid black; } - .week tr:nth-child(odd) { + .week tr:nth-child(odd) td { + text-align: left; + padding-left: 2mm; + font-size: 4mm; height: 4mm; } @@ -146,21 +149,32 @@
-

settings

+

PaperMod

+

the analog organizer

+

I used to use this thing called PocketMod to lay out my paper organizer every week. It's defunct unless you can get Silverlight running somehow, so I made my own version with HTML and CSS.

+

Just fill out the form, click "update", and use your browser's "print" function to get an 8 page document. To convert it into a booklet, I recommend using The Zine Arranger by Nash High.

- +
+ + +
+
+ + +
+
-
11-09 ... 11-15
+
-

Your Name Here

-

email@example.com

+

papermod

+

nycki.net/papermod
@@ -188,21 +202,23 @@
+ + + - - +
monday
tuesday
wednesday
thursday
+ + - - - +
friday
saturday
sunday
@@ -304,16 +320,20 @@ document.querySelector('.week').textContent = "W" + getWeek(date); const monday = new Date(date); - monday.setDate(date.getDate() - date.getDay()); + monday.setDate(date.getDate() - date.getDay() + 1); const mm1 = monday.getMonth() + 1; const dd1 = monday.getDate(); const sunday = new Date(monday); - sunday.setDate(dd1 + 6); + sunday.setDate(monday.getDate() + 6); const mm2 = sunday.getMonth() + 1; const dd2 = sunday.getDate(); document.querySelector('.date').textContent = `${mm1}-${dd1} ... ${mm2}-${dd2}` + + document.querySelector('#user-name').textContent = document.querySelector('#settings-name').value; + + document.querySelector('#user-contact').textContent = document.querySelector('#settings-contact').value; } - + elButton.onclick = update;