Screenshot of War - A Digital Poem

War - A Digital Poem

About 20 years ago I wrote a poem and scratched out a doodle to accompany it. I'm no poet and I'm almost entirely sure that it is the only poem I have ever written. That said, I'm actually quite proud of my effort and given what is currently happening in Ukraine and the Middle East, I thought I would share it in the form of an interactive digital poem.

I'm not sure it's my place to interpret the poem, but I would love to know your thoughts.

Here is the original poem:

War

The Squares and the Circles did battle.
Many Squares and many Circles perished.
At the end of the day:
Neither the Squares nor the Circles gained any ground.
The Squares did not waiver in their faith of the straight edge.
The Circles continued to worship their curves.
& those without shape sat on the fence in bewilderment.

Here is a scan of the original ink drawing:

War - A Doodle

Here is a free poster in SVG format licensed under Creative Commons Attribution-ShareAlike 4.0.

War - Poster in SVG format

javascript poems

Comments

New Comment

If you have a comment you'd like to share, feel free to leave it below. I moderate all comments before they are published. Markdown is enabled. See syntax for help.

Name

Email I'll never share your email with anyone else.

Web Demos

My web demos exist as a playground for creating experiments written in HTML, CSS and JavaScript.

I have previously used CodePen for experimenting with HTML/CSS/JavaScript, but in the spirit of IndieWeb POSSE, I decided to start hosting my demos myself.

Folksonomy

I like tag all content on my site. See below for all tags used within my web demos.

Subscribe

Click the link below to subscribe to my Demo feed in your favourite news reader client:

Phrase Emphasis

*italic*   **bold**
_italic_   __bold__

Links

Inline:

An [example](http://url.com/ "Title")

Reference-style labels (titles are optional):

An [example][id]. Then, anywhere
else in the doc, define the link:

[id]: http://example.com/  "Title"

Images

Inline (titles are optional):

![alt text](/path/img.jpg "Title")

Reference-style:

![alt text][id]

[id]: /url/to/img.jpg "Title"

Headers

Setext-style:

Header 1
========

Header 2
--------

atx-style (closing #'s are optional):

# Header 1 #

## Header 2 ##

###### Header 6

Lists

Ordered, without paragraphs:

1.  Foo
2.  Bar

Unordered, with paragraphs:

*   A list item.

    With multiple paragraphs.

*   Bar

You can nest them:

*   Abacus
    * answer
*   Bubbles
    1.  bunk
    2.  bupkis
        * BELITTLER
    3. burper
*   Cunning

Blockquotes

> Email-style angle brackets
> are used for blockquotes.

> > And, they can be nested.

> #### Headers in blockquotes
>
> * You can quote a list.
> * Etc.

Code Spans

`<code>` spans are delimited
by backticks.

You can include literal backticks
like `` `this` ``.

Preformatted Code Blocks

Indent every line of a code block by at least 4 spaces or 1 tab.

This is a normal paragraph.

    This is a preformatted
    code block.

Horizontal Rules

Three or more dashes or asterisks:

---

* * *

- - - -

Manual Line Breaks

End a line with two or more spaces:

Roses are red,
Violets are blue.

Philip Newborough and a donkey enjoying a beer.

About

My name is Philip Newborough and I’m a full stack web developer living and working in Lincoln, England. This website (philipnewborough.co.uk) serves as my personal homepage. When I’m not working with tech, I love to ride bicycles with my wife and friends.

← An IndieWeb Webring 🕸💍 →