add first pass index links

src/_includes/partials/link_tiles.njk

@@ -0,0 +1,18 @@
+<div class="link_tiles_grid">
+    <a href="/">
+        <img src="_assets/img/haruko.png"/>
+        blog
+    </a>
+    <a href="/">
+        <img src="_assets/img/haruko.png"/>
+        music
+    </a>
+    <a href="/">
+        <img src="_assets/img/haruko.png"/>
+        games
+    </a>
+    <a href="/">
+        <img src="_assets/img/haruko.png"/>
+        lists
+    </a>
+</div>

src/_includes/styles.css

@@ -230,6 +230,18 @@ footer {
   margin-top: 25px;
 }
 
+.link_tiles_grid {
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+  gap: 15px;
+}
+
+.link_tiles_grid>a,
+.link_tiles_grid>a>img {
+  width: 230px;
+}
+
 /* body > footer {
   margin-top: 4rem;
   padding: 2rem 1rem 1.5rem 1rem;

src/index.md

@@ -14,6 +14,10 @@ welcome to my site! my name is uuupah. i've always been fascinated by the tiny p
 - i have a big interest in more abstract and experimental music genres
 - i build mechanical keyboards and do figure drawing in my spare time
 
+<!-- ### pages
+
+{% include 'partials/link_tiles.njk' %} -->
+
 ### this site
 
 is built using [eleventy](https://11ty.dev) and hosted on [neocities](https://neocities.org/). i used [flamedfury's tutorial](https://flamedfury.com/guides/11ty-homepage-neocities/) to get started, and implemented [bcomnes deployment github action](https://github.com/bcomnes/deploy-to-neocities) to bring the amount of work required to make changes to almost zero. i also use [obsidian](https://obsidian.md/) and obsidian git to create and edit posts on my phone. the source code for this site is [here](https://github.com/uuupah/11ty_neocities).