add preview cards and blog post about paper pyramids

_data/metadata.js

@@ -1,6 +1,6 @@
 module.exports = {
 	title: "nycki.net",
-	url: "https://nycki.net/",
+	url: "https://nycki.net",
 	language: "en",
 	description: "nycki.net",
 	author: {

_includes/layouts/base.njk

@@ -5,6 +5,9 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>nycki.net | {{ title or metadata.title }}</title>
         <meta name="description" content="{{ description or metadata.description }}">
+        <meta property="og:title" content="{{ title }}">
+        <meta property="og:description" content="{{ description or metadata.description }}">
+        <meta property="og:image" content="{{ metadata.url + page.url + preview_image }}">
         <link rel="alternate" href="/blog/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
         <link rel="alternate" href="/blog/feed.json" type="application/json" title="{{ metadata.title }}">
         <meta name="generator" content="{{ eleventy.generator }}">

content/blog/2024-11-22-01-origami-pyramids/index.md

@@ -0,0 +1,43 @@
+---
+title: Paper Pyramids
+date: 2024-11-22
+description: DIY pyramid games!
+preview_image: paper-pyramid-nest.webp
+tags:
+  - boardgame
+  - craft
+  - looney-pyramids
+  - photo
+  - web
+---
+
+{% css %}
+img {
+    float: right;
+    clear: right;
+    width: 400px;
+    padding: 10px 20px;
+}
+{% endcss %}
+
+<img src="paper-pyramid-nest.webp">
+
+So apparently I haven't written about [Looney Pyramids](https://www.looneylabs.com/pyramids-home) yet! Formerly known as Icehouse Pyramids, these were invented by Andy Looney in 1987 as a prop for a science fiction setting for his book [The Empty City](http://archive.wunderland.com/WTS/Andy/EmptyCity/emptycity.html). The game was called Icehouse, and it was meant to be a Martian counterpart to Chess, but "alien" in every possible way:
+
+<img src="paper-pyramid-bottlecap.webp">
+
+- The game is for 4 players, with no assigned partners. Diplomacy is allowed but [only once play begins](https://ee0r.com/icehouse/hypothermia/07/default.html).
+- Pieces cannot be moved after placing, except in rare circumstances, similar to Go.
+- There is no board! The game is played on any flat surface, typically a coffee table. Each player is allowed a small reserve space for their 'out of play' pieces, and *literally everywhere else* is considered 'in play'.
+- There are *no turns*. You can move whenever you feel like it. You can make lots of quick moves, or you can wait and make lots of late moves.
+- To prevent stalling, there is a timer set to 'about 30 minutes', and placed where nobody can see the remaining time.
+
+<img src="paper-pyramid-comparison.webp">
+
+These design concepts were ahead of their time in my opinion. Andy Looney and friends, I think they called themselves the 'Wunderland Toast Society', they absolutely changed board gaming in a way we wouldn't see again until James Ernest started Cheapass Games and started selling cut-and-play titles like [Kill Doctor Lucky](https://crabfragmentlabs.com/shop/p/kill-doctor-lucky) in 1996. In fact, whenever a James Ernest game says to use 'tokens of your choice', I always use Looney Pyramids.
+
+<img src="paper-pyramid-tree.webp">
+
+Anyway, I had to blog about this because I found Bill Adams' [Origami Icehouse Pieces](https://web.archive.org/web/20050521082358/http://www.iglou.com/biladams/IceHouse/) page buried in the Internet Archive. I've downloaded a local copy in case anything happens to the Archive and I'll probably mirror it at some point [unless he objects](/blog/2024-09-21-01-ethics-of-reuploading/). I'm not sure if he's still around or how to get in touch with him; if you do then let me know.
+
+The pieces are a bit tricky to fold! When he says "fold the corner to the right", you actually have to hold the previous fold in place and fold over it. I should take my own pictures honestly. Right now I just want to show off a few pieces I folded for fun though. Ok bye!

content/index.css

@@ -201,6 +201,7 @@ h1:not(:has(+h2)) {
 }
 
 article {
+	overflow: auto;
 	padding-bottom: 20px;
 	margin-bottom: 20px;
 	border-bottom: 12px double var(--xkcd-magenta);

eleventy.config.js

@@ -11,7 +11,13 @@ const pluginDrafts = require("./eleventy.config.drafts.js");
 
 /** @param {import('@11ty/eleventy').UserConfig} eleventyConfig */
 module.exports = function(eleventyConfig) {
+	if (process.env.NODE_ENV === 'localhost') {
+		console.log('metadata override');
+		eleventyConfig.addGlobalData('metadata.url', 'http://localhost:8080');
+	}
+
 	eleventyConfig.addPassthroughCopy("content/**/*.png");
+	eleventyConfig.addPassthroughCopy("content/**/*.webp");
 	eleventyConfig.addPassthroughCopy('content/**/*.css');
 	eleventyConfig.addPassthroughCopy({ "public": "/" });
 	eleventyConfig.addPassthroughCopy({ "patches": "/" });

package.json

@@ -5,10 +5,10 @@
 	"scripts": {
 		"build": "npx @11ty/eleventy",
 		"build-ghpages": "npx @11ty/eleventy --pathprefix=/eleventy-base-blog/",
-		"start": "npx @11ty/eleventy --serve --quiet",
-		"debug": "DEBUG=Eleventy* npx @11ty/eleventy",
-		"debugstart": "DEBUG=Eleventy* npx @11ty/eleventy --serve --quiet",
-		"benchmark": "DEBUG=Eleventy:Benchmark* npx @11ty/eleventy"
+		"start": "cross-env NODE_ENV=localhost npx @11ty/eleventy --serve --quiet",
+		"debug": "cross-env DEBUG=Eleventy* npx @11ty/eleventy",
+		"debugstart": "cross-env DEBUG=Eleventy* npx @11ty/eleventy --serve --quiet",
+		"benchmark": "cross-env DEBUG=Eleventy:Benchmark* npx @11ty/eleventy"
 	},
 	"repository": {
 		"type": "git",
@@ -38,6 +38,7 @@
 		"@11ty/eleventy-plugin-bundle": "^1.0.4",
 		"@11ty/eleventy-plugin-rss": "^1.2.0",
 		"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
+		"cross-env": "^7.0.3",
 		"luxon": "^3.3.0",
 		"markdown-it-anchor": "^8.6.7"
 	}