Moving various things around and fixing some links

content/posts/2011-08-29-context-free/index.md

@@ -8,6 +8,8 @@ tags:
 - Technobabble
 ---
 
+{{< load-photoswipe >}}
+
 My [last post](./2011-08-27-isolated-pixel-pushing.html) mentioned a
 program called [Context Free](http://www.contextfreeart.org/) that I
 came across via the [Syntopia](http://blog.hvidtfeldts.net/) blog as
@@ -29,14 +31,14 @@ I downloaded the program, started it, and their welcome image (with
 the relatively short source code right beside it) greeted me, rendered
 on-the-spot:
 
-![welcome.png](./welcome.png)
+{{< figure resource="welcome.png" title="welcome.png">}}
 
 The program was very easy to work with. Their quick reference card was
 terse but only needed a handful of examples and a few pages of
 documentation to fill in the gaps. After about 15 minutes, I'd put
 together this:
 
-![spiral-first-20110823.png](./spiral-first-20110823.png)
+{{< figure resource="spiral-first-20110823.png" title="spiral-first-20110823.png">}}
 
 Sure, it's mathematical and simple, but I think being able to put it
 together in 15 minutes in a general program (i.e. not a silly ad-hoc
@@ -69,9 +71,9 @@ rule SQUARE1 {
 
 I worked with it some more the next day and had some things like this:
 
-![tree3-abg.png](./tree3-abg.png)
+{{< figure resource="tree3-abg.png" title="tree3-abg.png">}}
 
-![tree4-lul.png](./tree4-lul.png)
+{{< figure resource="tree4-lul.png" title="tree4-lul.png">}}
 
 I'm not sure what it is. It looks sort of like a tree made of
 lightning. Some Hive13 people said it looks like a lockpick from