From 1b8dcbf110f60cd41581b1695ecc63482493ab6b Mon Sep 17 00:00:00 2001 From: Katherina Walshe-Grey Date: Fri, 7 Jun 2024 21:08:43 +0100 Subject: [PATCH 1/3] Improve typesetting on smaller screens --- index.html | 21 ++++++++++++++++----- 1 file changed, 16 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 2515a87..2c19263 100644 --- a/index.html +++ b/index.html @@ -4,10 +4,11 @@ The Trees of Kortirion + @@ -121,7 +131,8 @@ 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.

From 6ba2e26707566b056a6fc07b11dd609227876002 Mon Sep 17 00:00:00 2001 From: Katherina Walshe-Grey Date: Fri, 7 Jun 2024 21:10:00 +0100 Subject: [PATCH 2/3] Move CSS to separate file --- index.html | 46 +--------------------------------------------- style.css | 43 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 44 insertions(+), 45 deletions(-) create mode 100644 style.css diff --git a/index.html b/index.html index 2c19263..f920628 100644 --- a/index.html +++ b/index.html @@ -5,51 +5,7 @@ The Trees of Kortirion - + diff --git a/style.css b/style.css new file mode 100644 index 0000000..0bbbc79 --- /dev/null +++ b/style.css @@ -0,0 +1,43 @@ +body { + counter-reset: section; + margin: 5rem 1rem; +} + +h1, +h2 { + text-align: center; + font-size: 1em; + font-weight: normal; + font-style: italic; + margin: 1rem 0; +} + +h2::before { + counter-increment: section; + content: counter(section, upper-roman); + display: block; + font-style: normal; + margin: 1rem 0; +} + +.section { + max-width: 36rem; + margin: 2rem auto; +} + +.verse { + max-width: 30rem; + margin-left: auto; +} + +.line-indented { + padding-left: 1em; +} + +@media screen and (max-width: 32rem) { + .line { + display: inline-block; + margin-left: 2em; + text-indent: -2em; + } +} \ No newline at end of file From e37281a666c97eba7c967cd4d5ca93f9e3e1849a Mon Sep 17 00:00:00 2001 From: Katherina Walshe-Grey Date: Fri, 7 Jun 2024 21:10:09 +0100 Subject: [PATCH 3/3] Correct typo --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index f920628..1d64d21 100644 --- a/index.html +++ b/index.html @@ -84,7 +84,7 @@ 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.
+ 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