nnwhen/nnwhen.com
SHA256
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: nnwhen:a1b313f0450074131bdd6da2395555a08b3c42fa28a6a7ae9d0ed836576a699c
Branches Tags
nnwhen:main
..
compare: nnwhen:3723acd9157f53c4600671c406800a196e92226f00935cd8bcf5b0ed2ddf0411
Branches Tags
nnwhen:main

No commits in common. "a1b313f0450074131bdd6da2395555a08b3c42fa28a6a7ae9d0ed836576a699c" and "3723acd9157f53c4600671c406800a196e92226f00935cd8bcf5b0ed2ddf0411" have entirely different histories.
a1b313f045 ... 3723acd915

14 changed files with 53 additions and 251 deletions
Download patch file Download diff file Expand all files Collapse all files

20
poetry/an-obsidian.html
View file

@ -51,7 +51,7 @@
/>
</head>
<body>
<a class="skip-to-content" href="#content-warnings">Skip to main content</a>
<a class="skip-to-content" href="#poem">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
@ -145,18 +145,10 @@
</a>
</aside>
<section id="content-warnings">
<h1>Content Warnings</h1>
<ul>
<li>Sexually Suggestive</li>
</ul>
</section>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<main id="poem">
<p style="text-align: right; margin: 0; margin-right: 30px">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<hr />
<h1>An Obsidian</h1>
<hr />
@ -191,10 +183,6 @@
<hr />
</main>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<footer id="free">
<a href="../our-siblings.html"
>&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a

22
poetry/blackened-dust.html
View file

@ -54,7 +54,7 @@
/>
</head>
<body>
<a class="skip-to-content" href="#content-warnings">Skip to main content</a>
<a class="skip-to-content" href="#poem">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
@ -148,20 +148,10 @@
</a>
</aside>
<section id="content-warnings">
<h1>Content Warnings</h1>
<ul>
<li>Familial Loss</li>
<li>Intrusive Thoughts</li>
<li>Political Persecution</li>
</ul>
</section>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<main id="poem">
<p style="text-align: right; margin: 0; margin-right: 30px">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<hr />
<h1>Blackened Dust</h1>
<hr />
@ -222,10 +212,6 @@
<hr />
</main>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<footer id="free">
<a href="../our-siblings.html"
>&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a

21
poetry/brazen-word-token-i.html
View file

@ -60,7 +60,7 @@
/>
</head>
<body>
<a class="skip-to-content" href="#content-warnings">Skip to main content</a>
<a class="skip-to-content" href="#poem">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
@ -154,19 +154,10 @@
</a>
</aside>
<section id="content-warnings">
<h1>Content Warnings</h1>
<ul>
<li>Gun Violence</li>
<li>Blood</li>
</ul>
</section>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<main id="poem">
<p style="text-align: right; margin: 0; margin-right: 30px">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<hr />
<h1>Brazen Word (Token I)</h1>
<hr />
@ -186,10 +177,6 @@
<hr />
</main>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<footer id="free">
<a href="../our-siblings.html"
>&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a

22
poetry/crackle.html
View file

@ -54,7 +54,7 @@
/>
</head>
<body>
<a class="skip-to-content" href="#content-warnings">Skip to main content</a>
<a class="skip-to-content" href="#poem">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
@ -148,20 +148,10 @@
</a>
</aside>
<section id="content-warnings">
<h1>Content Warnings</h1>
<ul>
<li>Body Horror</li>
<li>Paranoia</li>
<li>Dissolving Coherence</li>
</ul>
</section>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<main id="poem">
<p style="text-align: right; margin: 0; margin-right: 30px">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<hr />
<h1>Crackle</h1>
<hr />
@ -192,10 +182,6 @@
<hr />
</main>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<footer id="free">
<a href="../our-siblings.html"
>&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a

21
poetry/destroy-the-map.html
View file

@ -60,7 +60,7 @@
</style>
</head>
<body>
<a class="skip-to-content" href="#content-warnings">Skip to main content</a>
<a class="skip-to-content" href="#poem">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
@ -154,19 +154,10 @@
</a>
</aside>
<section id="content-warnings">
<h1>Content Warnings</h1>
<ul>
<li>Dissolving Coherence</li>
<li>Abstract Self-Harm parallels</li>
</ul>
</section>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<main id="poem">
<p style="text-align: right; margin: 0; margin-right: 30px">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<hr />
<h1>Destroy The Map</h1>
<hr />
@ -230,10 +221,6 @@
<hr />
</main>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<footer id="free">
<a href="../our-siblings.html"
>&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a

21
poetry/i-am-art.html
View file

@ -54,7 +54,7 @@
/>
</head>
<body>
<a class="skip-to-content" href="#content-warnings">Skip to main content</a>
<a class="skip-to-content" href="#poem">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
@ -148,19 +148,10 @@
</a>
</aside>
<section id="content-warnings">
<h1>Content Warnings</h1>
<ul>
<li>Body Horror</li>
<li>Dissolving Coherence</li>
</ul>
</section>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<main id="poem">
<p style="text-align: right; margin: 0; margin-right: 30px">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<hr />
<h1>I am art</h1>
<hr />
@ -226,10 +217,6 @@
<hr />
</main>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<footer id="free">
<a href="../our-siblings.html"
>&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a

9
poetry/index.html
View file

@ -177,7 +177,7 @@
</li>
</ol>
<h2>Standalone</h2>
<h2>Non-Series Poems</h2>
<ul>
<li>
<a href="you-remind-me-of-it.html">You Remind Me Of It</a>
@ -191,9 +191,6 @@
<li>
<a href="destroy-the-map.html">Destroy The Map</a>
</li>
<li>
<a href="brazen-word-token-i.html">Brazen Word (Token I)</a>
</li>
<li>
<a href="crackle.html">Crackle</a>
</li>
@ -203,6 +200,10 @@
<li>
<a href="inspiring.html">Inspiring</a>
</li>
</ul>
<h2>More Experimental Than Usual</h2>
<ul>
<li>
<a href="stars.html">Stars</a>
</li>

22
poetry/inspiring.html
View file

@ -54,7 +54,7 @@
/>
</head>
<body>
<a class="skip-to-content" href="#content-warnings">Skip to main content</a>
<a class="skip-to-content" href="#poem">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
@ -148,20 +148,10 @@
</a>
</aside>
<section id="content-warnings">
<h1>Content Warnings</h1>
<ul>
<li>Mentions of a Church</li>
<li>Vague allusion to Self-Harm</li>
<li>Dissolving Coherence</li>
</ul>
</section>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<main id="poem">
<p style="text-align: right; margin: 0; margin-right: 30px">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<hr />
<h1>Inspiring</h1>
<hr />
@ -186,10 +176,6 @@
<hr />
</main>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<footer id="free">
<a href="../our-siblings.html"
>&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a

22
poetry/into-the-dunes.html
View file

@ -54,7 +54,7 @@
/>
</head>
<body>
<a class="skip-to-content" href="#content-warnings">Skip to main content</a>
<a class="skip-to-content" href="#poem">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
@ -148,20 +148,10 @@
</a>
</aside>
<section id="content-warnings">
<h1>Content Warnings</h1>
<ul>
<li>Undergoing Death</li>
<li>Blood</li>
<li>Unmentioned Gun Violence</li>
</ul>
</section>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<main id="poem">
<p style="text-align: right; margin: 0; margin-right: 30px">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<hr />
<h1>Into The Dunes</h1>
<hr />
@ -203,10 +193,6 @@
<hr />
</main>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<footer id="free">
<a href="../our-siblings.html"
>&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a

26
poetry/red-and-purple-and-amber-and-black.html
View file

@ -54,7 +54,7 @@
/>
</head>
<body>
<a class="skip-to-content" href="#content-warnings">Skip to main content</a>
<a class="skip-to-content" href="#poem">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
@ -148,24 +148,10 @@
</a>
</aside>
<section id="content-warnings">
<h1>Content Warnings</h1>
<ul>
<li>War</li>
<li>Sickness</li>
<li>Famine</li>
<li>Death</li>
<li>Gore</li>
<li>Drowning</li>
<li>Mention of Religion</li>
</ul>
</section>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<main id="poem">
<p style="text-align: right; margin: 0; margin-right: 30px">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<hr />
<h1>Red and Purple and Amber and Black</h1>
<hr />
@ -236,10 +222,6 @@
<hr />
</main>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<footer id="free">
<a href="../our-siblings.html"
>&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a

20
poetry/stars.html
View file

@ -63,7 +63,7 @@
</style>
</head>
<body>
<a class="skip-to-content" href="#content-warnings">Skip to main content</a>
<a class="skip-to-content" href="#poem">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
@ -157,18 +157,10 @@
</a>
</aside>
<section id="content-warnings">
<h1>Content Warnings</h1>
<ul>
<li>Existentialism</li>
</ul>
</section>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<main id="poem">
<p style="text-align: right; margin: 0; margin-right: 30px">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<hr />
<h1>Stars</h1>
<hr />
@ -212,10 +204,6 @@
<hr />
</main>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<footer id="free">
<a href="../our-siblings.html"
>&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a

23
poetry/this-will-destroy-you.html
View file

@ -54,7 +54,7 @@
/>
</head>
<body>
<a class="skip-to-content" href="#content-warnings">Skip to main content</a>
<a class="skip-to-content" href="#poem">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
@ -148,21 +148,10 @@
</a>
</aside>
<section id="content-warnings">
<h1>Content Warnings</h1>
<ul>
<li>Dementia</li>
<li>Derealisation</li>
<li>Grief</li>
<li>Allusions to Death</li>
</ul>
</section>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<main id="poem">
<p style="text-align: right; margin: 0; margin-right: 30px">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<hr />
<h1>This Will Destroy You</h1>
<hr />
@ -183,10 +172,6 @@
<hr />
</main>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<footer id="free">
<a href="../our-siblings.html"
>&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a

20
poetry/you-remind-me-of-it.html
View file

@ -54,7 +54,7 @@
/>
</head>
<body>
<a class="skip-to-content" href="#content-warnings">Skip to main content</a>
<a class="skip-to-content" href="#poem">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
@ -148,18 +148,10 @@
</a>
</aside>
<section id="content-warnings">
<h1>Content Warnings</h1>
<ul>
<li>Shame</li>
</ul>
</section>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<main id="poem">
<p style="text-align: right; margin: 0; margin-right: 30px">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<hr />
<h1>You Remind Me Of It</h1>
<hr />
@ -194,10 +186,6 @@
<hr />
</main>
<p class="back">
<a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
</p>
<footer id="free">
<a href="../our-siblings.html"
>&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a

35
style.css
View file

@ -87,41 +87,6 @@ a:hover {
}
}
#content-warnings {
margin: 15px 0;
padding: 2px;
background-color: var(--accent-2);
color: var(--background);
font-family: "mono", monospace;
text-align: center;
}
#content-warnings h1 {
font-size: 2rem;
margin: 10px 0;
}
#content-warnings ul {
display: flex;
flex-wrap: wrap;
max-width: 1200px;
margin: 16px auto;
list-style-type: none;
padding: 0;
justify-content: space-evenly;
}
#content-warnings ul li {
padding: 5px 10px;
min-width: 30%;
font-size: 1.2rem;
}
.back {
font-size: 1.2rem;
text-align: right;
width: min(700px, 90%);
margin: auto;
}
/* Header */
/* Banner */
header {