diff options
Diffstat (limited to 'served/words')
-rw-r--r-- | served/words/weeknotes/weeknotes.css | 14 | ||||
-rw-r--r-- | served/words/weeknotes/weeknotes.html | 26 | ||||
-rwxr-xr-x | served/words/weeknotes/what.html | 5 | ||||
-rwxr-xr-x | served/words/words.css | 71 | ||||
-rwxr-xr-x | served/words/words.html | 57 |
5 files changed, 88 insertions, 85 deletions
diff --git a/served/words/weeknotes/weeknotes.css b/served/words/weeknotes/weeknotes.css new file mode 100644 index 0000000..c83c411 --- /dev/null +++ b/served/words/weeknotes/weeknotes.css @@ -0,0 +1,14 @@ +ul { + list-style-type: none; + padding: 0; +} + +li { + margin: 0 0.5rem; +} + +.wk-notes { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} \ No newline at end of file diff --git a/served/words/weeknotes/weeknotes.html b/served/words/weeknotes/weeknotes.html new file mode 100644 index 0000000..03a37c2 --- /dev/null +++ b/served/words/weeknotes/weeknotes.html @@ -0,0 +1,26 @@ +--- +template=post +title=Weeknotes +style=/styles/post.css +style=weeknotes.css + +description=Weeknotes +--- + +things i've done! in various forms of narrative and prose. <br /> for more: <a href="what.html">what?</a> + +<ul class="wk-notes"> + <li class="wk-long"><a href="2025/trip-to-a-coffee-shop.html">6: trip to a coffee shop</a></li> + <li><a href="2025/1.html">1</a></li> + <li class="wk-mark">2025</li> + <li class="wk-long"><a href="../a-really-long-week.html">46: a really long week</a></li> + <li class="wk-mark">sep</li> + <li><a href="2024/sol.html">29</a></li> + <li class="wk-mark">jun</li> + <li><a href="2024/20.html">20</a></li> + <li><a href="2024/17.html">17</a></li> + <li><a href="2024/15.html">15</a></li> + <li><a href="2024/14.html">14</a></li> + <li class="wk-mark">mar</li> + <li class="wk-mark">2024</li> +</ul> \ No newline at end of file diff --git a/served/words/weeknotes/what.html b/served/words/weeknotes/what.html index 7d0f1a4..93c250e 100755 --- a/served/words/weeknotes/what.html +++ b/served/words/weeknotes/what.html @@ -3,7 +3,6 @@ template=post title=What? Weeknotes. style=/styles/post.css style=../writing.css -path-offset=1 published=2024-05-20 16:50 @@ -22,6 +21,6 @@ notes <i>(if you want to use the weird biweekly where it's every two weeks a weeknote could be about personal projects—weird software, poetry, photography— or about stuff that happened at work: a weeknote can be whatever you want it to be. -a lot of people, myself included, like to use weeknotes to keep track of what -they're doing. to keep a record and to remember that, yes, you <i>do</i> do things +weeknotes are often used to keep track of what a person (is doing|has done). +to keep a record and to remember that, yes, you <i>do</i> do things no matter how loud your brain is yelling right now. \ No newline at end of file diff --git a/served/words/words.css b/served/words/words.css index 0bc724d..ac46e6b 100755 --- a/served/words/words.css +++ b/served/words/words.css @@ -1,69 +1,38 @@ -div { +#written { display: grid; - grid-template-columns: 2fr 1fr; -} - -#weeknotes-section { - grid-column: 2 / 3; - display: flex; - flex-direction: column; - row-gap: 0.5rem; + grid-template-columns: min-content 1fr; + column-gap: 0.5rem; } -#written { - grid-row: 1; - grid-column: 1 / 2; - - display: flex; - flex-direction: column; - row-gap: 1rem; +#written>h2 { + grid-column: 1 / 3; + margin: 0 0 1rem 0; } -#what-weeknotes { - align-self: end; - margin: -0.75rem 0 0 0; +h3 { font-weight: normal; + font-size: 1.15rem; } -.wk-notes { - padding: 0; - margin: 0; - display: flex; - flex-direction: row; - flex-wrap: wrap; - column-gap: 1rem; - row-gap: 1rem; - +ul { + padding-left: 0; list-style: none; - display: flex; -} - -.wk-long { - width: 100%; } -h2 { +h3, +ul { margin: 0; } -#weeknotes { - margin: 0; +h3, +li { + font-family: 'Atkinson Hyperlegible Mono', monospace, sans-serif; } -@media (max-width: 30rem) { - div { - display: flex; - flex-direction: column; - } - - #written { - margin-top: 1rem; - } +li { + margin-bottom: 0.4rem; +} - #what-weeknotes { - align-self: normal; - /* min to give it the smallest chance not to look super weird - on like 100px wide displays. (are those real?) */ - margin-left: min(50vw, 8rem); - } +li a { + font-family: 'Atkinson Hyperlegible', sans-serif; } \ No newline at end of file diff --git a/served/words/words.html b/served/words/words.html index b3f0792..07c7fab 100755 --- a/served/words/words.html +++ b/served/words/words.html @@ -5,38 +5,33 @@ style=/styles/post.css style=words.css --- -Writing is so much easier than speaking. Things I write will appear here most -likely. Unless they feel more poetic in which case they'll probably be in the -<a href="/bits/">bits/</a>. +Writing, communicating through text, is easier than speaking. Things written +will appear here, or in <a href="/bits/">bits/</a> if they feel more poetic. + +Occasionally, and with no regular schedule, I'll write something for +<a href="weeknotes/">weeknotes/</a>: some words on what I did since the last one. The writing is part of the website <a href="/atom.xml">Atom Feed</a>. [@paragraphs off] -<div> - <section id="weeknotes-section"> - <h2 id="weeknotes">weeknotes</h2> - <h3 id="what-weeknotes"><a href="weeknotes/what.html">what?</a></h3> - <ul class="wk-notes"> - <li class="wk-long"><a href="weeknotes/2025/trip-to-a-coffee-shop.html">6: trip to a coffee shop</a></li> - <li><a href="weeknotes/2025/1.html">1</a></li> - <li class="wk-mark">2025</li> - <li class="wk-long"><a href="a-really-long-week.html">46: a really long week</a></li> - <li class="wk-mark">sep</li> - <li><a href="weeknotes/2024/sol.html">29</a></li> - <li class="wk-mark">jun</li> - <li><a href="weeknotes/2024/20.html">20</a></li> - <li><a href="weeknotes/2024/17.html">17</a></li> - <li><a href="weeknotes/2024/15.html">15</a></li> - <li><a href="weeknotes/2024/14.html">14</a></li> - <li class="wk-mark">mar</li> - <li class="wk-mark">2024</li> - </ul> - </section> - - <section id="written"> - <h2>technical writings;<br>project updates</h2> - <a href="statistics-on-linux.html">Statistics on Linux with /proc</a> - <!--<a href="akkoma-postgres-migration.html">Akkoma Postgres Migration</a>--> - <a href="debugging-my-sql-query.html">Debugging My SQL Query</a> - </section> -</div> \ No newline at end of file + +<section id="written"> + <h2>technical writings; project updates</h2> + + <h3>2025</h3> + <ul> + <!-- not yet real and actual --> + <!--<li>04-11 <a href="">Three Bugs and A Dog</a></li>--> + <li>03-02 <a href="statistics-on-linux.html">Statistics on Linux with /proc</a></li> + </ul> + + <h3>2024</h3> + <ul> + <li>11-13 <a href="debugging-my-sql-query.html">Debugging My SQL Query</a></li> + </ul> + + <h3>2023</h3> + <ul> + <li>10-18 <a href="akkoma-postgres-migration.html">Akkoma Postgres Migration</a></li> + </ul> +</section> \ No newline at end of file |