diff options
| author | Case Duckworth | 2015-03-10 11:35:50 -0700 |
|---|---|---|
| committer | Case Duckworth | 2015-03-10 11:35:50 -0700 |
| commit | 46624ab1e05caab9f864ee20da069dfb80a1efb1 (patch) | |
| tree | 767655dc25a88f274881c72548eacc54f3216112 | |
| parent | Compile 2015-03-10 (diff) | |
| download | autocento-46624ab1e05caab9f864ee20da069dfb80a1efb1.tar.gz autocento-46624ab1e05caab9f864ee20da069dfb80a1efb1.zip | |
Fix more layout issues
| -rw-r--r-- | arspoetica.html | 6 | ||||
| -rw-r--r-- | css/common.css | 14 | ||||
| -rw-r--r-- | css/verse.css | 4 | ||||
| -rw-r--r-- | src/arspoetica.txt | 2 | ||||
| -rw-r--r-- | src/the-night-we-met.txt | 2 | ||||
| -rw-r--r-- | the-night-we-met.html | 2 |
6 files changed, 19 insertions, 11 deletions
| diff --git a/arspoetica.html b/arspoetica.html index 8a1e96d..99e831d 100644 --- a/arspoetica.html +++ b/arspoetica.html | |||
| @@ -13,8 +13,8 @@ | |||
| 13 | <script src="./js/lozenge.js" type="text/javascript"> </script> | 13 | <script src="./js/lozenge.js" type="text/javascript"> </script> |
| 14 | <script src="./js/hylo.js" type="text/javascript"> </script> | 14 | <script src="./js/hylo.js" type="text/javascript"> </script> |
| 15 | 15 | ||
| 16 | <link rel="stylesheet" type="text/css" href="./css/verse.css"> | 16 | <link rel="stylesheet" type="text/css" href="./css/prose.css"> |
| 17 | <script src="./js/verse.js" type="text/javascript"> </script> | 17 | <script src="./js/prose.js" type="text/javascript"> </script> |
| 18 | <link rel="stylesheet" type="text/css" href="./css/elegies.css"> | 18 | <link rel="stylesheet" type="text/css" href="./css/elegies.css"> |
| 19 | <script src="./js/elegies.js" type="text/javascript"> </script> | 19 | <script src="./js/elegies.js" type="text/javascript"> </script> |
| 20 | <!--[if lt IE 9]> | 20 | <!--[if lt IE 9]> |
| @@ -33,7 +33,7 @@ | |||
| 33 | 33 | ||
| 34 | </header> | 34 | </header> |
| 35 | 35 | ||
| 36 | <section class="content verse"> | 36 | <section class="content prose"> |
| 37 | <p>What is poetry? <a href="words-meaning.html">Poetry is.</a> Inasmuch as life is, so is poetry. Here is the problem: life is very big and complex. Human beings are neither. We are small, simple beings that don’t want to know all of the myriad interactions happening all around us, within us, as a part of us, all the hours of every day. We much prefer knowing only that which is just in front of our faces, staring us back with a look of utter contempt. This is why many people are depressed.</p> | 37 | <p>What is poetry? <a href="words-meaning.html">Poetry is.</a> Inasmuch as life is, so is poetry. Here is the problem: life is very big and complex. Human beings are neither. We are small, simple beings that don’t want to know all of the myriad interactions happening all around us, within us, as a part of us, all the hours of every day. We much prefer knowing only that which is just in front of our faces, staring us back with a look of utter contempt. This is why many people are depressed.</p> |
| 38 | <p>Poetry is an attempt made by some to open up our field of view, to maybe check on something else that isn’t staring us in the face so contemptibly. Maybe something else is smiling at us, we think. So we write poetry to force ourselves to look away from the <a href="moongone.html">mirror</a> of our existence to see something else.</p> | 38 | <p>Poetry is an attempt made by some to open up our field of view, to maybe check on something else that isn’t staring us in the face so contemptibly. Maybe something else is smiling at us, we think. So we write poetry to force ourselves to look away from the <a href="moongone.html">mirror</a> of our existence to see something else.</p> |
| 39 | <p>This is generally painful. To make it less painful, poetry compresses reality a lot to make it more consumable. It takes life, that seawater, and boils it down and boils it down until only the salt remains, the important parts that we can focus on and make some sense of the senselessness of life. Poetry is life bouillon, and to thoroughly enjoy a poem we must put that bouillon back into the seawater of life and make a delicious soup out of it. To make this soup, to decompress the poem into an emotion or life, requires a lot of brainpower. A good reader will have this brainpower. A good poem will not require it.</p> | 39 | <p>This is generally painful. To make it less painful, poetry compresses reality a lot to make it more consumable. It takes life, that seawater, and boils it down and boils it down until only the salt remains, the important parts that we can focus on and make some sense of the senselessness of life. Poetry is life bouillon, and to thoroughly enjoy a poem we must put that bouillon back into the seawater of life and make a delicious soup out of it. To make this soup, to decompress the poem into an emotion or life, requires a lot of brainpower. A good reader will have this brainpower. A good poem will not require it.</p> |
| diff --git a/css/common.css b/css/common.css index f64ad0c..839a2c4 100644 --- a/css/common.css +++ b/css/common.css | |||
| @@ -30,11 +30,23 @@ body { | |||
| 30 | header { | 30 | header { |
| 31 | max-width: 39em; | 31 | max-width: 39em; |
| 32 | margin: auto; | 32 | margin: auto; |
| 33 | text-align: center; | ||
| 34 | } | ||
| 35 | .title { | ||
| 36 | text-align: left; | ||
| 37 | display: inline-block; | ||
| 38 | } | ||
| 39 | .subtitle { | ||
| 40 | text-align: center; | ||
| 41 | display: block; | ||
| 42 | } | ||
| 43 | .dedication { | ||
| 44 | text-align: right; | ||
| 33 | } | 45 | } |
| 34 | #container { | 46 | #container { |
| 35 | /* max-width: 39em; */ | 47 | /* max-width: 39em; */ |
| 36 | margin: 0 auto; | 48 | margin: 0 auto; |
| 37 | padding-bottom: 24px; | 49 | padding-bottom: 30px; |
| 38 | } | 50 | } |
| 39 | nav { | 51 | nav { |
| 40 | height: 24px; | 52 | height: 24px; |
| diff --git a/css/verse.css b/css/verse.css index 10fd354..b76ff2c 100644 --- a/css/verse.css +++ b/css/verse.css | |||
| @@ -9,10 +9,6 @@ | |||
| 9 | text-align: center; | 9 | text-align: center; |
| 10 | } | 10 | } |
| 11 | 11 | ||
| 12 | header { | ||
| 13 | text-align: left; | ||
| 14 | } | ||
| 15 | |||
| 16 | .verse { | 12 | .verse { |
| 17 | display: inline-block; | 13 | display: inline-block; |
| 18 | text-align: left; | 14 | text-align: left; |
| diff --git a/src/arspoetica.txt b/src/arspoetica.txt index 22f6240..1ceebcb 100644 --- a/src/arspoetica.txt +++ b/src/arspoetica.txt | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | --- | 1 | --- |
| 2 | title: Ars poetica | 2 | title: Ars poetica |
| 3 | genre: verse | 3 | genre: prose |
| 4 | 4 | ||
| 5 | project: | 5 | project: |
| 6 | title: Elegies for alternate selves | 6 | title: Elegies for alternate selves |
| diff --git a/src/the-night-we-met.txt b/src/the-night-we-met.txt index 8af61f5..303f547 100644 --- a/src/the-night-we-met.txt +++ b/src/the-night-we-met.txt | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | --- | 1 | --- |
| 2 | title: The night we met, I was out of my mind | 2 | title: The night we met, I was out of my mind |
| 3 | subtitle: or Lying in the dark | 3 | subtitle: or lying in the dark |
| 4 | genre: verse | 4 | genre: verse |
| 5 | 5 | ||
| 6 | project: | 6 | project: |
| diff --git a/the-night-we-met.html b/the-night-we-met.html index c15293d..74963f9 100644 --- a/the-night-we-met.html +++ b/the-night-we-met.html | |||
| @@ -28,7 +28,7 @@ | |||
| 28 | <header> | 28 | <header> |
| 29 | <!-- title --> | 29 | <!-- title --> |
| 30 | <h1 class="title">The night we met, I was out of my mind</h1> | 30 | <h1 class="title">The night we met, I was out of my mind</h1> |
| 31 | <h1 class="subtitle">or Lying in the dark</h1> | 31 | <h1 class="subtitle">or lying in the dark</h1> |
| 32 | 32 | ||
| 33 | 33 | ||
| 34 | </header> | 34 | </header> |