diff --git a/index.html b/index.html index 231279c..1d64d21 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@

The Trees of Kortirion

-
+

Alalminórë

O ancient city on a leaguered hill!
@@ -61,6 +61,9 @@ Of mighty ships too soon, too soon, to sail
To other days beyond these sunlit seas.

+
+ +

Narquelion

Alalminórë! Green heart of this Isle
@@ -78,13 +81,14 @@

A wind in the grass! The turning of the year.
A shiver in the reeds beside the stream,
- A whisper in the trees – afar they hear,
+ A whisper in the trees - afar they hear,
Piercing the heart of summer’s tangled dream,
Chill music that a herald piper plays
Foreseeing winter and the leafless days.
The late flowers trembling on the ruined walls
Already stoop to hear that elven-flute.
- Through the wood’s sunny aisles and tree-propped halls
+ Through the wood’s sunny aisles and tree-propped + halls
Winding amid the green with clear cold note
Like a thin strand of silver glass remote.

@@ -110,6 +114,9 @@ In heedless winds beneath the sullen sky,
And fall like dying birds among the meres.

+
+ +

Hrívion

Alas! Kortirion, Queen of Elms, alas!
@@ -135,7 +142,7 @@ You dance like shimmering shadows in the wind,
As once you danced upon the shining lawn
Of Elvenhome, before we were, before
- You crossed wide seas unto the mortal shore. + You crossed wide seas uno the mortal shore.

Now are your trees, old grey Kortirion,
@@ -159,7 +166,9 @@ And silence. Here I too will dwell;
Kortirion, I will meet the winter here.

+
+

Mettanyë

I would not find the burning domes and sands
@@ -174,9 +183,7 @@ The Folk Immortal under withered elms,
Alalminórë once in ancient realms.

-
- - + - + \ No newline at end of file diff --git a/style.css b/style.css index a54d8ba..03aac1b 100644 --- a/style.css +++ b/style.css @@ -24,27 +24,21 @@ html { font-family: "EB Garamond", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif; font-size: 1.25rem; font-size-adjust: 0.4; + font-variant-alternates: swash(fancy); line-height: 1.3rem; - color: #333; - background-color: #f9f9ef; - scrollbar-color: #ce5e46 #f9f9ef; } body { counter-reset: section; margin: 7.8rem 1.3rem; -} - -main { - max-width: 40ch; - margin: 0 auto; + background-color: #f9f9ef; } h1, h2 { text-align: center; font-weight: normal; - line-height: 2.6rem; margin: 1.95rem 0 0.65rem; + line-height: 2.6rem; } h1 { @@ -55,7 +49,6 @@ h1 { h2 { font-size: 1.5625rem; font-style: italic; - font-variant-alternates: swash(fancy); } h2::before { @@ -64,10 +57,21 @@ h2::before { display: block; font-style: normal; font-variant-caps: all-small-caps; - margin-bottom: 0.65rem; +} + +/* FIXME: using ch units here somehow breaks the OpenType features. */ +/* ...but only in Firefox, and not on Mac. **/ +/* needs further investigation. conceivably a Gecko bug. */ +/* verified it happens with other fonts too e.g. Open Sans (ss02 has a different "g") */ + +.section { + max-width: 55ch; + margin: 0 auto; } .verse { + max-width: 47ch; /* Through the wood’s sunny aisles and tree-propped halls */ + margin-left: auto; margin-bottom: 1.3rem; } @@ -75,21 +79,6 @@ h2::before { padding-left: 1em; } -.author { - text-align: center; - font-variant-caps: all-small-caps; - font-variant-numeric: oldstyle-nums; - margin-top: 3.9rem; -} - -/* Long lines: allow to overflow the column unless they would go offscreen altogether */ - -@media (min-width: 70ch) { - main { - text-wrap: nowrap; - } -} - .line { display: inline-block; margin-left: 2em;