Add an initial (or "lettrine") to the beginning of articles #15

New issue

Open

opened 2026-05-16 20:13:10 +02:00 by gribse · 2 comments

gribse commented

2026-05-16 20:13:10 +02:00

Owner

Add an option in the frontmatter to activate the option of not.

Cf https://continuum.codeberg.page/2025-05-20-augsburg.html for example

Add an option in the frontmatter to activate the option of not. Cf https://continuum.codeberg.page/2025-05-20-augsburg.html for example

gribse commented

2026-07-28 13:20:51 +02:00

Author

Owner

The first letter is wrapped in a span

<p><span class="dropcap">T</span>his guide [...] with cultural experiences.</p>

then the capital is made bigger, and uses float for the test to be aligned on the top

.dropcap {
  color: #903;
  float: left;
  font-size: 3em;
  line-height: 1;
  padding-right: 0.1em;
  font-weight: bold;
}

The first letter is wrapped in a span ``` <p><span class="dropcap">T</span>his guide [...] with cultural experiences.</p> ``` then the capital is made bigger, and uses `float` for the test to be aligned on the top ``` .dropcap { color: #903; float: left; font-size: 3em; line-height: 1; padding-right: 0.1em; font-weight: bold; } ```

gribse commented

2026-07-28 13:51:34 +02:00

Author

Owner

Design-wise, it's a problem, because typewritten text naver has lettrines. There was no way of doing that on a usual typewriter.
Maybe a collage could be imagined, where a clipping from a magazine is put,
or a handwritten capital letter the author would have written after the fact.
but it would look too dense to be legible.

Tbh, this also raises the question of text size : titles cannot be bigger if typewritten

Design-wise, it's a problem, because typewritten text naver has lettrines. There was no way of doing that on a usual typewriter. Maybe a collage could be imagined, where a clipping from a magazine is put, or a handwritten capital letter the author would have written after the fact. but it would look too dense to be legible. Tbh, this also raises the question of text size : titles cannot be bigger if typewritten

No labels

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

gribse/blog-hugo#15

No description provided.

Rows
Columns