39 lines
3.3 KiB
HTML
39 lines
3.3 KiB
HTML
<title> E N O U G H </title>
|
|
<!-- some browser add-ons may change the <title> element. There's nothing I can do there :( -->
|
|
|
|
<p class="ask me what my name is and you shall know the meaning of the word enough" id="first">
|
|
<span>Pink and green and blue and yellow and STOP like red lights in the rearview mirror</span>
|
|
<span>Green and blue and yellow and pink and it all still lines up, but watch for the ST</span>
|
|
<span>OP get chopped in half with a hatchet (felled by a tree, what else is there to see</span>
|
|
<span>or do or think or watch or read or write, but this blackness like the earth after,</span>
|
|
<span>like, a storm, or a wind blowing great and terrible onto the garden pulled up by t</span>
|
|
<span>he weeds like a woman, she said, and I didn't know what to think because she wasn'</span>
|
|
<span>t talking about me, was she, I couldn't sit still without a hypodermic needle, was</span>
|
|
<span>it full of nothing or did it stink of trash and filth the filth of a hundred demon</span>
|
|
<span>whispers smoking their tendrils up to the sky filling the balloon of heaven undern</span>
|
|
<span>eath the heath the bar kissing flowers in the moonlight) why don't you, see what I</span>
|
|
<span>care, there's no way for this to end is there? I asked her twilit brows underneath</span>
|
|
<span>my soulfloor she pushed on the boards and they creaked and I said, That is enough.</span>
|
|
|
|
<p id="second" class="here is the style for the page and it will be the one that always works">
|
|
<style>html{display:flex;flex-direction:column;justify-content:center;min-height:100vh}</style>
|
|
<style>html{align-items:center;background:fixed linear-gradient(45deg,papayawhip,pink)}</style>
|
|
<style> * {font:12px/1.3 monospace; display:block;} title{border:1px solid;color:blue;}</style>
|
|
<style>title{white-space:pre;text-transform:uppercase;}title,p{padding:3ch;color:navy;}</style>
|
|
<style>p,title{background:oldlace;}a{display:inline;}::before,::after{color:goldenrod;}</style>
|
|
<style>p{box-shadow: 0.5em 0.5em rgba(0,0,125,0.5);}title{box-shadow: -1em -1em #0088;}</style>
|
|
<style>title::before {content: "<title>";} title {} title::after {content: "</title>";}</style>
|
|
<style>span::before{content:"<span>";}span{color:black;}span::after{content:"</span>";}</style>
|
|
<style>style::before {content: "<style>";} style {} style::after {content:"<\/style>";}</style>
|
|
<style>p::before{content:"<p id='"attr(id)"' class='"attr(class)"'>";}p{ border:none; }</style>
|
|
<style>a[href]::before{content:"<a href='" attr(href) "'>";} a::after{content: "</a>";}</style>
|
|
<style>a:link { text-decoration: none; color: darkcyan; } a:hover { background: #f8f; }</style>
|
|
<style>.nline{display:inline}span[class]:before{content:"<span class='"attr(class)"'>"}</style>
|
|
<style>.nline + style { display: inline; } .nline { font-style: italic; clear: right; }</style>
|
|
<span class='nline'>get rid of injected javascript: </span><style>script{display:none;}</style>
|
|
|
|
<p id="third" class="attribution of the idea for this is fitting and a link to the source too">
|
|
<span><a href="https://git.sr.ht/~acdw/townie/tree/master/enough.html">see my source</a></span>
|
|
<span><a href="https://secretgeek.github.io/html_wysiwyg/html.html">inspiration here</a></span>
|
|
<span>written (poorly) by ~acdw. <a href="index.html">[return to my tilde.town page]</a></span>
|