From 4aa88b6adcea4f81d6e57b268f8351637ae07d04 Mon Sep 17 00:00:00 2001 From: Case Duckworth Date: Fri, 13 Mar 2015 00:28:55 -0700 Subject: Change
CSS and fonts - Change
- to have a bottom border - Dedication is now left-aligned - Margin stuff - Change fonts - Title, subtitle = Playfair Display - Rest = Linux Libertine --- .template.html | 10 +++--- about-the-author.html | 2 +- amber-alert.html | 2 +- and.html | 2 +- call-me-aural-pleasure.html | 2 +- cold-wind.html | 2 +- css/common.css | 83 ++++++++++++++++++++++++++------------------- css/paul.css | 2 +- death-zone.html | 2 +- deathstrumpet.html | 2 +- ex-machina.html | 2 +- found-typewriter-poem.html | 2 +- hard-game.html | 2 +- i-think-its-you.html | 2 +- lappel-du-vide.html | 2 +- music-433.html | 2 +- ouroboros_memory.html | 2 +- sixteenth-chapel.html | 6 ++-- table_contents.html | 2 +- 19 files changed, 73 insertions(+), 58 deletions(-) diff --git a/.template.html b/.template.html index 3db6708..19d5254 100644 --- a/.template.html +++ b/.template.html @@ -41,6 +41,11 @@ $if(title)$

$title$

$endif$ $if(subtitle)$

$subtitle$

$endif$ + $if(dedication)$ + +
$dedication$
+ $endif$ + $if(epigraph.content)$
@@ -55,11 +60,6 @@ $endif$
$endif$ - - $if(dedication)$ - -
$dedication$
- $endif$
$if(ekphrastic.image)$ diff --git a/about-the-author.html b/about-the-author.html index b8cdd52..71af41d 100644 --- a/about-the-author.html +++ b/about-the-author.html @@ -34,12 +34,12 @@

About the author

(not pictured)

+
The body that surrounds him is his, but his insides are not.
-
diff --git a/amber-alert.html b/amber-alert.html index dee1d0f..696cf0f 100644 --- a/amber-alert.html +++ b/amber-alert.html @@ -34,12 +34,12 @@

AMBER alert

+
Apparently it does nothing.
-
diff --git a/and.html b/and.html index 0b5f288..29134e7 100644 --- a/and.html +++ b/and.html @@ -34,6 +34,7 @@

And

+

“What is your favorite word?”

@@ -41,7 +42,6 @@
Margaret Atwood
- diff --git a/call-me-aural-pleasure.html b/call-me-aural-pleasure.html index 31caf3d..fdf6460 100644 --- a/call-me-aural-pleasure.html +++ b/call-me-aural-pleasure.html @@ -34,12 +34,12 @@

Call me

aural pleasure

+

compiled thru Facebook statuses of the author
- diff --git a/cold-wind.html b/cold-wind.html index d1b131c..eac8805 100644 --- a/cold-wind.html +++ b/cold-wind.html @@ -34,9 +34,9 @@

Cold wind

-
Justin
+ diff --git a/css/common.css b/css/common.css index aff7569..581f163 100644 --- a/css/common.css +++ b/css/common.css @@ -14,7 +14,7 @@ html, body { margin: 0; padding: 0; - font-family: "Fira Sans", sans-serif; + font-family: "Linux Libertine O", sans-serif; font-size: 12pt; } html { height: 100%; } @@ -31,6 +31,8 @@ header { max-width: 39em; margin: auto; text-align: center; + border-bottom: 1px solid black; + padding: 1em 0; margin-bottom: 1em; } .title { @@ -42,13 +44,16 @@ header { display: block; } .dedication { - text-align: right; + text-align: left; } #container { /* max-width: 39em; */ margin: 0 auto; padding-bottom: 30px; } +.content p:first-child { + margin-top: 0 +} nav { height: 24px; width: 100%; @@ -74,6 +79,35 @@ nav { border-bottom: none; } /* layout }}} */ +/* HEADINGS {{{ */ +.title { + font-family: "Playfair Display", Georgia, serif; + font-size: 18pt; + /* font-weight: bold; */ + font-weight: 400; + letter-spacing: 0.1em; + text-transform: uppercase; + margin: 0; +} +.subtitle { + font-family: "Playfair Display", Georgia, serif; + font-size: 15pt; + font-style: italic; + font-weight: 400; + /* position: relative; */ + /* top: -0.5em; */ + margin-top: 0; + margin-bottom: 0; +} +h2 { + font-family: "Playfair Display", Georgia, serif; + font-size: 12pt; + font-weight: 600; +} +header { + position: relative; +} +/* headings }}} */ /* LINKS {{{ */ a:link { padding-top: 1px; @@ -106,46 +140,24 @@ a[href^="http"]:active { /* links }}} */ /* IMAGES {{{ */ .ekphrastic { - max-width: 39em; - margin: auto; + max-width: 41em; + margin-top: -1em; + margin-bottom: 1em; + margin-left: auto; + margin-right: auto; text-align: center; } +.ekphrastic a:link { border: none; } img { max-width: 100%; margin: auto; } /* images }}} */ -/* HEADINGS {{{ */ -.title { - font-family: "Playfair Display", Georgia, serif; - font-size: 16pt; - /* font-weight: bold; */ - font-weight: 400; - letter-spacing: 0.1em; - text-transform: uppercase; -} -.subtitle { - font-family: "Playfair Display", Georgia, serif; - font-size: 15pt; - font-style: italic; - font-weight: 400; - position: relative; - top: -0.5em; - margin-top: 0; - margin-bottom: 0; -} -h2 { - font-family: "Playfair Display", Georgia, serif; - font-size: 12pt; - font-weight: 600; -} -/* headings }}} */ /* DEDICATION {{{ */ .dedication { font-style: italic; - font-size: 10pt; + font-size: 11pt; margin-top: 1em; - margin-bottom: 1em; } .dedication::before { content: 'for '; @@ -155,8 +167,10 @@ h2 { /* EPIGRAPH {{{ */ .epigraph { text-align: right; - font-size: 10pt; + font-size: 11pt; font-style: italic; + /* font-family: "Playfair Display", Georgia, serif; */ + margin-top: 1em; } .epigraph p { margin: 0; @@ -164,8 +178,8 @@ h2 { .epigraph .attrib { text-align: right; margin-top: 0; - font-size: 10pt; - font-style: italic; + font-size: 11pt; + font-style: normal; } .epigraph .attrib::before { content: '– '; @@ -173,6 +187,7 @@ h2 { /* epigraph }}} */ /* NAV {{{ */ nav a:link { border-bottom: none; } +nav a:active { border: none; } nav .prevlink { float: left; text-align: left; } nav .nextlink { float: right; text-align: right; } /* Properties both types of navlinks share */ diff --git a/css/paul.css b/css/paul.css index badac15..c4d9e15 100644 --- a/css/paul.css +++ b/css/paul.css @@ -29,6 +29,6 @@ blockquote ul li::before { /* Emphasis = handwritten */ em { - font-family: "Playfair Display", Georgia, sans-serif; + /* font-family: "Playfair Display", Georgia, sans-serif; */ font-style: italic; } diff --git a/death-zone.html b/death-zone.html index e96d599..b38aaf8 100644 --- a/death-zone.html +++ b/death-zone.html @@ -34,13 +34,13 @@

The Death Zone

+
And my life became death.
Philip Gould
-
diff --git a/deathstrumpet.html b/deathstrumpet.html index fa0740d..7ff2309 100644 --- a/deathstrumpet.html +++ b/deathstrumpet.html @@ -34,13 +34,13 @@

Death’s trumpet

+

So Death plays his little fucking trumpet. So what, says the boy.

Larry Levis
- diff --git a/ex-machina.html b/ex-machina.html index 9f89fe7..be62bac 100644 --- a/ex-machina.html +++ b/ex-machina.html @@ -34,12 +34,12 @@

Ex machina

+
with lines from National Geographic
- diff --git a/found-typewriter-poem.html b/found-typewriter-poem.html index 803bb4a..507d53f 100644 --- a/found-typewriter-poem.html +++ b/found-typewriter-poem.html @@ -34,12 +34,12 @@

Look

a found typewriter poem

+

Is he older? I asked her. And I never got an answer, because at the moment she disappeared in a puff of smoke. I like to think nothing ever happened to her save that she went over to the spirit realm. I usually know better though.

- diff --git a/hard-game.html b/hard-game.html index d82cc89..794fbde 100644 --- a/hard-game.html +++ b/hard-game.html @@ -34,9 +34,9 @@

A hard game

-
Jim Henson
+ diff --git a/i-think-its-you.html b/i-think-its-you.html index 4614ba2..b926a52 100644 --- a/i-think-its-you.html +++ b/i-think-its-you.html @@ -34,12 +34,12 @@

I think it’s you (but it’s not)

+
When you fall in love everyone looks the same.
- diff --git a/lappel-du-vide.html b/lappel-du-vide.html index d22a9c1..fafe14d 100644 --- a/lappel-du-vide.html +++ b/lappel-du-vide.html @@ -34,13 +34,13 @@

L’appel du vide

+
You can never go home again.
Thomas Wolfe
- diff --git a/music-433.html b/music-433.html index 5b6efb7..d9ed3de 100644 --- a/music-433.html +++ b/music-433.html @@ -34,9 +34,9 @@

Something

about all music being performances of 4′33″ in places where other bands happen to be playing

-
Randall
+ diff --git a/ouroboros_memory.html b/ouroboros_memory.html index 7626cb4..d95b39d 100644 --- a/ouroboros_memory.html +++ b/ouroboros_memory.html @@ -34,13 +34,13 @@

Ouroboros of Memory

+

He used his body to remember his body, but in the end could only remember the string.
Jonathan Safran Foer
- diff --git a/sixteenth-chapel.html b/sixteenth-chapel.html index def93f9..44fc66e 100644 --- a/sixteenth-chapel.html +++ b/sixteenth-chapel.html @@ -34,15 +34,15 @@

The Sixteenth Chapel

+ +
Max
+
Canadian High School!
David Letterman
- - -
Max
diff --git a/table_contents.html b/table_contents.html index b518cd5..9364cad 100644 --- a/table_contents.html +++ b/table_contents.html @@ -34,12 +34,12 @@

Table of contents

+
We are awash in the unseen and science has made us aware of the flood.
- -- cgit 1.4.1-21-gabe81