The Pretty Poetry Component

Aedh Wishes for the Cloths of Heaven

by W. B. Yeats

Had I the heavens’ embroidered cloths,

Enwrought with golden and silver light,

The blue and the dim and the dark cloths

Of night and light and the half light,

I would spread the cloths under your feet:

But I, being poor, have only my dreams;

I have spread my dreams under your feet;

Tread softly because you tread on my dreams.

---

This is a poetry formatting component by carolynn w.

+ Example Usage

[[div class="poem"]]

++++ Excerpt from "The Raven"
+++++ by Edgar Allan Poe

@@@@
@@@@

Once upon a midnight dreary, while I pondered, weak and weary,

Over many a quaint and curious volume of forgotten lore—

@@    @@While I nodded, nearly napping, suddenly there came a tapping,

As of some one gently rapping, rapping at my chamber door.

“’Tis some visitor,” I muttered, “tapping at my chamber door—

@@           @@Only this and nothing more.”

@@@@
@@@@

@@     @@Ah, distinctly I remember it was in the bleak December;

And each separate dying ember wrought its ghost upon the floor...

[[/div]]

[[div class="prosepoem"]]

++++ Lorem Ipsum
+++++ By the Poet

@@@@
@@@@

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis dui in felis eleifend commodo molestie quis risus. Aenean hendrerit nisi interdum, porta nibh vel, egestas turpis. Duis volutpat vitae tellus ac fringilla. Nulla et justo eget leo iaculis facilisis quis ac quam. Donec ultrices ex vel nibh ultricies, eget bibendum massa scelerisque. Integer eget luctus eros.

Ut purus velit, elementum scelerisque ullamcorper malesuada, pulvinar eget felis. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed fringilla, felis placerat fermentum semper, arcu ante auctor nisi, id facilisis justo erat in enim. Etiam eros justo, sagittis varius elementum nec, iaculis ac ipsum. Nulla eu metus non nunc hendrerit tincidunt sed ac elit.

Quest office. Qui-et-il? //Q the mechanic. Queen of Hearts. This aggresses us, as at junctures.//

[[/div]]

@@@@
@@@@

---

Excerpt from "The Raven"

by Edgar Allan Poe

Once upon a midnight dreary, while I pondered, weak and weary,

Over many a quaint and curious volume of forgotten lore—

While I nodded, nearly napping, suddenly there came a tapping,

As of some one gently rapping, rapping at my chamber door.

“’Tis some visitor,” I muttered, “tapping at my chamber door—

Only this and nothing more.”

Ah, distinctly I remember it was in the bleak December;

And each separate dying ember wrought its ghost upon the floor…

Lorem Ipsum

By the Poet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis dui in felis eleifend commodo molestie quis risus. Aenean hendrerit nisi interdum, porta nibh vel, egestas turpis. Duis volutpat vitae tellus ac fringilla. Nulla et justo eget leo iaculis facilisis quis ac quam. Donec ultrices ex vel nibh ultricies, eget bibendum massa scelerisque. Integer eget luctus eros.

Ut purus velit, elementum scelerisque ullamcorper malesuada, pulvinar eget felis. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed fringilla, felis placerat fermentum semper, arcu ante auctor nisi, id facilisis justo erat in enim. Etiam eros justo, sagittis varius elementum nec, iaculis ac ipsum. Nulla eu metus non nunc hendrerit tincidunt sed ac elit.

Quest office. Qui-et-il? Q the mechanic. Queen of Hearts. This aggresses us, as at junctures.

---

How to use:

1. Place [[include :wanderers-library:component:poem]] at the top of your article

2. Begin a poem with [[div class="poem"]] or a prose poem with [[div class="prosepoem"]]

3. Write your poem.

3.1. Separate each line with two line breaks (i.e. one extra blank line).

This is the correct way

to make two separate lines.

This way will
not work correctly.

3.2. Use lines of four @s to separate stanzas.

This is the first stanza.

It has two lines.

@@@@
@@@@

This is the second stanza.

It also has two lines.

+ result

This is the first stanza.

It has two lines.

This is the second stanza.

It also has two lines.

3.3. Use two pairs of @@ to preserve long stretches of whitespace (for indentation or otherwise).

This is not indented.

@@     @@This is indented by five spaces.

These words will be far apart from @@                           @@ these words.

+ result

This is not indented.

This is indented by five spaces.

These words will be far apart from these words.

4. Finish the poem with [[/div]]

---

Optional Parameters

This component has optional parameters. These are their default settings:

[[include :wanderers-library:component:poem
| pad = 5%
| fonturl = https://occnie.com/fonts/DuffnerEBGaramond.css
| fontname = Duffner EB Garamond
| headerfont = EB Garamond
| wrap = wrap]]

These parameters are

• pad, which adjusts the padding under poems. (I tend to adjust this to 20% when an article's body solely consists of a single poem, and 10% can look nice for a series of multiple poems; either way lets the endings of poems breathe a bit more.)
• fonturl and fontname, which allow for users to select a custom font for poems, and optionally a CSS stylesheet from which to import the font (such as Google Fonts). The default is Georg Duffner's most recent revision of EB Garamond which I host myself. The Octavio Pardo version of EB Garamond hosted by Google Fonts is selected as a fallback font in all cases.
• headerfont selects a separate font for poem titles and by-lines. Pardo's EB Garamond is used by default because it can be bolded.
• wrap, which sets how poems respond to overflow. Set to nowrap if you don't want poems to wrap on smaller screens; this will result in the poem div becoming scrollable. Does not apply to prosepoem divs.

+ wrap vs nowrap demonstration

Source Code

[[div class="poem"]]

++++ Easter Wings
+++++ by George Herbert (1633)

@@@@
@@@@

//With additional indentation to the second verse for demonstration purposes...//

//...which kinda ruins the whole thing, but nonetheless.//

@@@@
@@@@

Lord, who createdst man in wealth and store,

@@      @@Though foolishly he lost the same,

@@            @@Decaying more and more,

@@                  @@Till he became

@@                        @@Most poore:

@@                        @@With thee

@@                  @@O let me rise

@@            @@As larks, harmoniously,

@@      @@And sing this day thy victories:

Then shall the fall further the flight in me.

@@@@
@@@@
@@@@

@@                                                                                @@My tender age in sorrow did beginne

@@                                                                                      @@And still with sicknesses and shame.

@@                                                                                            @@Thou didst so punish sinne,

@@                                                                                                  @@That I became

@@                                                                                                        @@Most thinne.

@@                                                                                                        @@With thee

@@                                                                                                 @@Let me combine,

@@                                                                                            @@And feel thy victorie:

@@                                                                                         @@For, if I imp my wing on thine,

@@                                                                                @@Affliction shall advance the flight in me.

[[/div]]
[[div class="poem"]]

++++ Excerpt from //Song of Myself//
+++++ by Walt Whitman

@@@@
@@@@

This day before dawn I ascended a hill and look’d at the crowded heaven,

And I said to my spirit //When we become the enfolders of those orbs, and the pleasure and knowledge of every thing in them, shall we be fill’d and satisfied then?//@@  @@

And my spirit said //No, we but level that lift to pass and continue beyond.//

@@@@
@@@@

You are also asking me questions and I hear you,

I answer that I cannot answer, you must find out for yourself.

@@@@
@@@@

Sit a while dear son,

Here are biscuits to eat and here is milk to drink,

But as soon as you sleep and renew yourself in sweet clothes, I kiss you with a good-by kiss and open the gate for your egress hence.

@@@@
@@@@

Long enough have you dream’d contemptible dreams,

Now I wash the gum from your eyes,

You must habit yourself to the dazzle of the light and of every moment of your life.

@@@@
@@@@

Long have you timidly waded holding a plank by the shore,

Now I will you to be a bold swimmer,

To jump off in the midst of the sea, rise again, nod to me, shout, and laughingly dash with your hair.

[[/div]]

Result With wrap

Easter Wings

by George Herbert (1633)

With additional indentation to the second verse for demonstration purposes…

…which kinda ruins the whole thing, but nonetheless.

Lord, who createdst man in wealth and store,

Though foolishly he lost the same,

Decaying more and more,

Till he became

Most poore:

With thee

O let me rise

As larks, harmoniously,

And sing this day thy victories:

Then shall the fall further the flight in me.

My tender age in sorrow did beginne

And still with sicknesses and shame.

Thou didst so punish sinne,

That I became

Most thinne.

With thee

Let me combine,

And feel thy victorie:

For, if I imp my wing on thine,

Affliction shall advance the flight in me.

Excerpt from Song of Myself

by Walt Whitman

This day before dawn I ascended a hill and look’d at the crowded heaven,

And I said to my spirit When we become the enfolders of those orbs, and the pleasure and knowledge of every thing in them, shall we be fill’d and satisfied then?

And my spirit said No, we but level that lift to pass and continue beyond.

You are also asking me questions and I hear you,

I answer that I cannot answer, you must find out for yourself.

Sit a while dear son,

Here are biscuits to eat and here is milk to drink,

But as soon as you sleep and renew yourself in sweet clothes, I kiss you with a good-by kiss and open the gate for your egress hence.

Long enough have you dream’d contemptible dreams,

Now I wash the gum from your eyes,

You must habit yourself to the dazzle of the light and of every moment of your life.

Long have you timidly waded holding a plank by the shore,

Now I will you to be a bold swimmer,

To jump off in the midst of the sea, rise again, nod to me, shout, and laughingly dash with your hair.

Result With nowrap

Easter Wings

by George Herbert (1633)

With additional indentation to the second verse for demonstration purposes…

…which kinda ruins the whole thing, but nonetheless.

Lord, who createdst man in wealth and store,

Though foolishly he lost the same,

Decaying more and more,

Till he became

Most poore:

With thee

O let me rise

As larks, harmoniously,

And sing this day thy victories:

Then shall the fall further the flight in me.

My tender age in sorrow did beginne

And still with sicknesses and shame.

Thou didst so punish sinne,

That I became

Most thinne.

With thee

Let me combine,

And feel thy victorie:

For, if I imp my wing on thine,

Affliction shall advance the flight in me.

Excerpt from Song of Myself

by Walt Whitman

This day before dawn I ascended a hill and look’d at the crowded heaven,

And I said to my spirit When we become the enfolders of those orbs, and the pleasure and knowledge of every thing in them, shall we be fill’d and satisfied then?

And my spirit said No, we but level that lift to pass and continue beyond.

You are also asking me questions and I hear you,

I answer that I cannot answer, you must find out for yourself.

Sit a while dear son,

Here are biscuits to eat and here is milk to drink,

But as soon as you sleep and renew yourself in sweet clothes, I kiss you with a good-by kiss and open the gate for your egress hence.

Long enough have you dream’d contemptible dreams,

Now I wash the gum from your eyes,

You must habit yourself to the dazzle of the light and of every moment of your life.

Long have you timidly waded holding a plank by the shore,

Now I will you to be a bold swimmer,

To jump off in the midst of the sea, rise again, nod to me, shout, and laughingly dash with your hair.

---

This component…

• …enables using @@ to encase whitespace at the start of lines as indentation

• …switches font to EB Garamond, an open-source and high-quality literary font appropriate to the poetry medium

• …adds some extra horizontal padding (that disappears at smaller screen sizes) and vertical padding to provide space for the poem. Again, use the pad parameter to adjust for your purposes

• …makes divs with the poem class wrap on small-width screens, with a small 1em indent to indicate the continuing line. Can look messy and ugly in poems that use indentation or really require a particular shape, so feel free to use the wrap parameter to turn this behavior off

• …only affects stuff in poem and prosepoem divs, allowing you to embed poems in other works

• …is open for all to use for any poetry they would like to share!