a subtle change in styles

content/blog/contact.md

@@ -3,6 +3,6 @@ title = "Contacting me"
 date = 2021-02-11
 +++
 
-If you need to get in touch regarding work I've completed for you in the past, use the email I gave to you at the time, or if that's not possible, email <a href="mailto:previous-work@ily.rs">previous-work@ily.rs</a>.
+If you need to get in touch regarding work I've completed for you in the past, use the email I gave to you at the time, or if that's not possible, email <a href="mailto:previous-work@wynne.rs">past-work@wynne.rs</a>.
 
-If you want to get in touch for reasons unrelated to work, use <a href="mailto:l@ily.rs">l@ily.rs</a>. I'm generally happy chatting.
+If you want to get in touch for reasons unrelated to work, use <a href="mailto:chat@wynne.rs">chat@wynne.rs</a>. I'm generally happy chatting, and get back to my emails everyday.

content/reading/_index.md

@@ -0,0 +1,4 @@
++++
+sort_by = "date"
+render = false
++++

content/reading/dream_of_a_ridiculous_man.md

@@ -0,0 +1,16 @@
++++
+title = "The Dream of a Ridiculous Man (1877) by Fyodor Dostoevsky"
+date = 2026-05-02
+draft = true
++++
+<div class="notes">
+
+{% h(at="01") %}
+I am a ridiculous man. Nowadays they call me mad.
+{% end %}
+
+{% h(at="02") %}
+All of a sudden, I realised that it *would not matter* to me whether the world existed or whether there was nothing at all anywhere. I began to intuit and sense with all my being, that *there was nothing around me*. [...] It was then that I suddenly stopped being angry at othre people and almost ceased to notice them.
+{% end %}
+
+</div>

content/reading/gentle_creature.md

@@ -0,0 +1,5 @@
++++
+title = "A Gentle Creature (1876) by Fyodor Dostoevsky"
+date = 2026-05-02
+draft = true
++++

content/reading/th.md

@@ -1,5 +1,5 @@
 +++
-title = "th"
+title = "th (2024) by me"
 date = 2024-04-21
 +++
 

content/reading/white_nights.md

@@ -0,0 +1,15 @@
++++
+title = "White Nights (1848) by Fyodor Dostoevsky"
+date = 2026-05-02
+draft = true
++++
+
+<div class="notes notes--dialogue">
+
+{{ h(at="Dreamer", body="My God, a whole minute of bliss! Is that really so little for the whole of a man's life?") }}
+
+{% h(at="Nastenka") %}
+Listen, why aren't we all like brothers and sisters? Why is even the best of men always seeming to hide something from the others, and to keep something back from them?
+{% end %}
+
+</div>

static/style.css

@@ -1,20 +1,52 @@
+:root {
+  --muted: #666;
+}
+
 body {
   max-width: 70ch;
-  line-height: 1.3;
+  margin: 0 auto;
-  margin: 0;
+  padding: 2rem 1.25rem;
-  padding: 1rem;
+  line-height: 1.5;
+  font-family: Georgia, "Iowan Old Style", Palatino, serif;
 }
 
 h1, h2, h3, h4, h5, h6 {
   font-size: inherit;
+  margin: 1.5rem 0 0.5rem;
 }
 
-dt:not(:first-child) {
+h1 {
-  margin-top: 0.3rem;
+  margin: 0 0 1.5rem;
 }
 
 h3 {
   font-style: italic;
+  font-weight: normal;
+}
+
+p {
+  margin: 0 0 1rem;
+}
+
+a {
+  color: black;
+}
+
+a:hover {
+  color: var(--muted);
+}
+
+nav {
+  margin-bottom: 2rem;
+  color: var(--muted);
+}
+
+dt:not(:first-child) {
+  margin-top: 0.5rem;
+}
+
+dd {
+  margin: 0;
 }
 
 img {
@@ -30,8 +62,8 @@ figure {
 }
 
 figcaption {
-  font-size: 0.9em;
   font-style: italic;
+  color: var(--muted);
   margin-top: 0.4rem;
   text-align: center;
 }
@@ -45,17 +77,43 @@ pre:has(> code) {
   padding: 0.75rem 1rem;
 }
 
-code {
+hr {
-  font-size: 0.95em;
+  border: 0;
+  border-top: 1px solid var(--muted);
+  margin: 2rem 0;
+}
+
+.muted {
+  color: var(--muted);
 }
 
 .anchor {
   text-decoration: none;
   margin-right: 0.3em;
-  color: black;
+  color: var(--muted);
-  opacity: 0.3;
 }
 
 .anchor:hover {
-  opacity: 1;
+  color: black;
+}
+
+.notes {
+  display: grid;
+  grid-template-columns: minmax(2.5rem, min-content) 1fr;
+  gap: 0.5rem 0.75rem;
+  margin: 1.5rem 0;
+}
+
+.notes .meta {
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+  color: var(--muted);
+}
+
+.notes p { margin: 0; }
+.notes p + p { margin-top: 0.5rem; }
+
+.notes--dialogue .meta {
+  text-align: right;
+  font-style: italic;
 }

templates/base.html

@@ -11,10 +11,10 @@
 </head>
 <body>
   <nav>
-    <a href="/">ily [dot] rs</a> |
+    <a href="/">go home</a> |
-    <a href="/links/">links</a> |
+    <a href="/links/">bookmarks</a> |
     <a href="/now/">now</a> |
-    sign the <a href="/guestbook/">guestbook</a>
+    sign my <a href="/guestbook/">guestbook</a>
   </nav>
   {% block content %}{% endblock %}
 </body>

templates/blog.html

@@ -1,12 +0,0 @@
-{% extends "base.html" %}
-
-{% block title %}ily blog{% endblock %}
-
-{% block content %}
-<h1>{{ section.title }}</h1>
-<ul>
-  {% for post in section.pages %}
-  <li>{{ post.date }} — <a href="{{ post.permalink }}">{{ post.title }}</a></li>
-  {% endfor %}
-</ul>
-{% endblock %}

templates/index.html

@@ -4,10 +4,18 @@
 
 {% block content %}
 
-<p></p>
+<p>This site was once more complicated, but I've stripped it down to bare essentials.</p>
 
 {% set blog = get_section(path="blog/_index.md") %}
 {% for post in blog.pages %}
-{{ post.date }}&emsp;<a href="{{ post.permalink }}">{{ post.title }}</a><br>
+<span class="muted">{{ post.date }}</span>&emsp;<a href="{{ post.permalink }}">{{ post.title }}</a><br>
 {% endfor %}
+
+<h2>Reading</h2>
+
+{% set reading = get_section(path="reading/_index.md") %}
+{% for post in reading.pages %}
+<span class="muted">{{ post.date}}</span>&emsp;<a href="{{ post.permalink }}">{{ post.title }}</a><br>
+{% endfor %}
+
 {% endblock %}

templates/shortcodes/h.html

@@ -0,0 +1,2 @@
+<div class="meta">{{ at }}</div>
+<div>{{ body | markdown | safe }}</div>

templates/shortcodes/update.html

@@ -1,2 +1,2 @@
-<dt>{{ date }}</dt>
+<dt class="muted">{{ date }}</dt>
 <dd>{{ body | markdown(inline=true) | safe }}</dd>