use hr to separate entries

.vscode/keybindings.json

@@ -0,0 +1,8 @@
+// copy these into your global keybinds
+[
+    {
+        "key": "ctrl+d",
+        "command": "editor.action.insertSnippet",
+        "args": { "name": "insert date" }
+    }
+]

.vscode/markdown.code-snippets

@@ -0,0 +1,23 @@
+{
+	// Place your Memo workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
+	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
+	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
+	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
+	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
+	// Placeholders with the same ids are connected.
+	// Example:
+	// "Print to console": {
+	// 	"scope": "javascript,typescript",
+	// 	"prefix": "log",
+	// 	"body": [
+	// 		"console.log('$1');",
+	// 		"$2"
+	// 	],
+	// 	"description": "Log output to console"
+	// }
+	"insert date": {
+		"body": [
+			"$CURRENT_YEAR-$CURRENT_MONTH-${CURRENT_DATE} $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND"
+		]
+	}
+}

content/blogette/1.md

@@ -5,19 +5,17 @@ description: like a blog but mini
 tags: blogette-pages
 ---
 
-<article>
-
 ## 2025-06-21 Spotlight: Pagat
 
 [pagat.com](https://www.pagat.com/) is a good website. Ever play a card game and forget the rules? Remember the rules of a card game but forgot the name? Pagat is a website written by John McLeod with the rules and variations of "card games from around the world" and it's been really helpful on several occasions when I wanted to fill in the "missing rules" from my family's card game oral traditions.
 
-</article><article>
+---
 
 ## 2025-06-30 Site Update: Fortune Girls
 
 R-18: added images for [Kitty and Bunny Fortune](/characters/fortunes/). Artists' names are in filenames. Might add descriptions later!
 
-</article><article>
+---
 
 ## 2025-07-04
 
@@ -25,21 +23,21 @@ moved news -> blogette. little posts go here now.
 
 TODO for later: set up my rss feed to generate an update for every post in the blogette. im sure i can do that, its just programming right
 
-</article><article>
+---
 
 oh hey look another little post from the same day with no title required, wow what a great system this is
 
-</article><article>
+---
 
 oh yeah if you didn't see it yet I wrote this post over on github called [eleventy for neocities users](https://github.com/nycki93/eleventy-for-neocities-users) to explain how the markdown parts of my site work, give it a look if you like markdown and please tell me what you think!
 
-</article><article>
+---
 
 what's the difference between one hambone and another hambone? the first hambone is a Hock, but now there are Tuah them. #chost
 
 sent from my Phone
 
-</article><article>
+---
 
 ## 2025-07-05
 
@@ -49,7 +47,7 @@ i'm sure people have known about the 7/5 approximation for a while now but I jus
 
 so I guess if you're in one of those countries that writes the date before the month, you can celebrate root2 approximation day on July 10th :p
 
-</article><article>
+---
 
 okay so like im pretty sure my phone could scan a QR code printed on my 600 dpi laser printer as long as I used 3 dots per logical pixel. and [this stackoverflow post](https://stackoverflow.com/questions/11065415/how-much-data-information-can-we-save-store-in-a-qr-code#11065499) says that a 177x177 pixel QR code has about 2 kB of usable data. so, at 600 / 3 dpi, that's about an inch wide QR code, I can easily fit two or maybe four of those on the same business card. I could have an 8 kB business card I bet. although QR apps don't really have a way to stitch multiple pages together, so I'd have to sacrifice the first code to writing a program that can read the other three. or I just have to fit my payload into a single code.
 
@@ -63,13 +61,13 @@ then again, microtext is arguably even more fun than a qr code because then you
 
 oh wait I forgot that the qr code needs to be printed at 3x scale for my phone to scan it. so that's actually 137 dots versus a theoretical minimum of 32 dots. so even if I print the microtext at twice the scale, 128 dots per character, it beats the qr code. the qr code only wins if we assume my phone's camera has the same resolution as my own eyes, which is clearly not the case
 
-</article><article>
+---
 
 ## 2025-07-06
 
 you can fit a [pretty cool music box](/QRPLAY) in a qr code, even at a modest resolution. Thanks [SArpnt](https://git.disroot.org/SArpnt) for the help with this!
 
-</article><article>
+---
 
 ## 2025-07-08
 
@@ -79,17 +77,17 @@ it's an easy trap to fall into, especially for autistic people, to think that th
 
 but if you ever get the opportunity to say something that is nice *and* true, then say it! people will love you for it.
 
-</article><article>
+---
 
 "ok who put boba in all the slimes"
 
-</article><article>
+---
 
 ## 2025-07-26 
 
 working on a card game, working title is [Kings and Fools](/oh-hell/), based on Oh Hell and Skull King. can you fool the king?
 
-</article><article>
+---
 
 ## 2025-07-28
 
@@ -101,6 +99,6 @@ so I started asking "hey should I continue"
 
 and that has made all the difference.
 
-</article>
+---
 
 {% for p in collections['blogette-pages'] %}<a href="{{p.url}}">{{loop.index}}</a> {% endfor %}

static/index.css

@@ -69,11 +69,7 @@ body {
 	width: 1px;
 }
 
-p:last-child {
-	margin-bottom: 0;
-}
 p {
-	margin-top: 0;
 	line-height: 1.5;
 }
 
@@ -222,6 +218,8 @@ a[href].header-anchor:focus,
 	color: #aaa;
 }
 
+/* add borders between page elements */
+
 h1 {
 	padding-bottom: 20px;
 	border-bottom: 12px double var(--accent-color);
@@ -234,6 +232,21 @@ article {
 	border-bottom: 12px double var(--accent-color);
 }
 
+hr {
+	border: none;
+	border-bottom: 12px double var(--accent-color);
+}
+
+/* don't double-pad around paragraphs */
+
+p:first-child {
+	margin-top: 0;
+}
+
+p:last-child {
+	margin-bottom: 0;
+}
+
 img {
 	max-width: 100%;
 	max-height: 80vh;