diff options
Diffstat (limited to 'poem/index.html')
| -rw-r--r-- | poem/index.html | 72 |
1 files changed, 72 insertions, 0 deletions
diff --git a/poem/index.html b/poem/index.html new file mode 100644 index 0000000..d1b4b0c --- /dev/null +++ b/poem/index.html @@ -0,0 +1,72 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta charset="unicode"> + <meta name="description" content="The Weight of Comfort | Poetry, particularly freeverse"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + <link href="../house.css" rel="stylesheet"> + <title>Soft Machine | Poetry</title> + <style> + .c { + text-align: center; + } + .r { + text-align: right; + } + .date { + font-size: small; font-style: italic; + } + + .main { + display: inline-flex; + flex-wrap: wrap; + justify-content: center; + flex-grow: none; + align-items: top; + align-self: flex-start; + gap: 20px; + } + + .poem { + width: 450px; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 20px; + vertical-align:top; + } + + + @media (max-width:900px) { + .poem { + width: 80vw; + } + } + </style> +</head> +<body class="art"> + <div class="top"> + <h1>Poetry</h1> + <h1 class="logo"><a href="index.html">Soft Machine</a></h1> + </div> + <nav> + <span> + <a href="about.html">about</a>   + <a href="art.html">art</a>   + <a href="music.html">music</a>   + <a href="thoughts.html">thoughts</a>   + <a href="muse.html">muse</a>   + <a href="poetry.html">poetry</a>   + <a href="library.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + </nav> + + <p>hypertext poetry portal</p> + + <p>working on little ideas</p +</body> +</html> |