Reworked graveyard a bit and added links to index

2 files changed, 40 insertions, 8 deletions

diff --git a/graveyard_of_the_drawings.html b/graveyard_of_the_drawings.html
index 893c6a6..2cb2adf 100644
--- a/graveyard_of_the_drawings.html
+++ b/graveyard_of_the_drawings.html
@@ -4,23 +4,44 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="author" content="aki">
 <meta name="tags" content="gallery">
-<meta name="published-on" content="2023-05-13T17:30:00+02:00">
-<meta name="last-modified-on" content="2023-12-26T21:39:00+01:00">
 <link rel="icon" type="image/png" href="favicon.png">
 <link rel="stylesheet" href="style.css">
+<style>
+body { max-width: unset; }
+header { display: block; }
+header > nav { margin: unset; }
+header, article {
+	max-width: 43rem;
+	margin: 0 auto;
+}
+.gallery {
+	display: flex;
+	padding: 2rem 1.5rem;
+	flex-wrap: wrap;
+	justify-content: space-around;
+	align-items: center;
+}
+.gallery > * {
+	display: block;
+	margin: -2rem -1.5rem;
+	max-width: 100%;
+}
+</style>
 
 <title>Graveyard of the Drawings</title>
 
 <header>
 <nav><a href="https://ignore.pl">ignore.pl</a></nav>
-<time>26 December 2023</time>
 <h1>Graveyard of the Drawings</h1>
 </header>
 
 <article>
-<p>Here are the drawings I made for articles that I decided to remove. No context, no nothing. Just images. Despite
-the style, I still think that it'd be a little bit of waste to just remove them along the texts and reusing them in
-different articles is just lazy.</p>
+<p>I remove or rewrite articles every now and then. Because of how I operate I always draw something new for any new
+post. This sometimes leaves orphaned drawings and I feel a tiny little bit bad about it. I do not claim they are good or
+anything like this. I simply find it funny how they accumulate here without any context.
+</article>
+
+<div class="gallery">
 <img src="graveyard_of_the_drawings-1.png">
 <img src="graveyard_of_the_drawings-2.png">
 <img src="graveyard_of_the_drawings-3.png">
@@ -35,4 +56,12 @@ different articles is just lazy.</p>
 <img src="graveyard_of_the_drawings-12.png">
 <img src="graveyard_of_the_drawings-13.png">
 <img src="graveyard_of_the_drawings-14.png">
-</article>
+</div>
+<script>
+function shuffle(element) {
+	for (let i = element.children.length; i >= 0; --i)
+		element.appendChild(element.children[Math.random() * i | 0]);
+}
+shuffle(document.querySelector(".gallery"));
+</script>
+<script src="https://stats.ignore.pl/track.js"></script>
diff --git a/index.html b/index.html
index c6f8576..7a8b78c 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,10 @@
 <h1>~aki</h1>
 
 <nav>
-<a href="https://git.ignore.pl/">git</a> · <a href="atom.xml">feed</a>
+<a href="https://git.ignore.pl/">git</a> ·
+<a href="atom.xml">feed</a> ·
+<a href="graveyard_of_the_drawings.html">graveyard</a> ·
+<a href="https://stats.ignore.pl">stats</a>
 </nav>
 
 <section id="posts">