add plonat atek pictures

8 files changed, 28 insertions, 3 deletions

diff --git a/mmm/mmmfs/util.moon b/mmm/mmmfs/util.moon
index 575e814..8c80b6b 100644
--- a/mmm/mmmfs/util.moon
+++ b/mmm/mmmfs/util.moon
@@ -18,7 +18,6 @@ merge = (orig={}, extra) ->
     opts.onclick = if MODE == 'CLIENT' then (e) =>
       e\preventDefault!
       BROWSER\navigate path
-    opts.target = 'default'
     a name, opts
 
   link_to = (fileder, name, origin, attr) ->
diff --git a/root/games/plonat_atek/pictures/amaze/attribution: text$markdown+span b/root/games/plonat_atek/pictures/amaze/attribution: text$markdown+span
new file mode 100644
index 0000000..7a5a6fb
--- /dev/null
+++ b/root/games/plonat_atek/pictures/amaze/attribution: text$markdown+span
@@ -0,0 +1 @@
+photo by [Rick Hoppmann](https://twitter.com/tinyruin)
diff --git a/root/games/plonat_atek/pictures/amaze/image$jpeg.jpg b/root/games/plonat_atek/pictures/amaze/image$jpeg.jpg
new file mode 100644
index 0000000..70025b8
--- /dev/null
+++ b/root/games/plonat_atek/pictures/amaze/image$jpeg.jpg
diff --git a/root/games/plonat_atek/pictures/mockup/image$jpeg.jpg b/root/games/plonat_atek/pictures/mockup/image$jpeg.jpg
new file mode 100644
index 0000000..1cfa03a
--- /dev/null
+++ b/root/games/plonat_atek/pictures/mockup/image$jpeg.jpg
diff --git a/root/games/plonat_atek/pictures/setup/image$jpeg.jpg b/root/games/plonat_atek/pictures/setup/image$jpeg.jpg
new file mode 100644
index 0000000..feec066
--- /dev/null
+++ b/root/games/plonat_atek/pictures/setup/image$jpeg.jpg
diff --git a/root/games/plonat_atek/pictures/text$moonscript -> fn -> mmm$dom.moon b/root/games/plonat_atek/pictures/text$moonscript -> fn -> mmm$dom.moon
new file mode 100644
index 0000000..dfa03eb
--- /dev/null
+++ b/root/games/plonat_atek/pictures/text$moonscript -> fn -> mmm$dom.moon
@@ -0,0 +1,17 @@
+import div from require 'mmm.dom'
+import embed from (require 'mmm.mmmfs.util') require 'mmm.dom'
+
+=>
+  images = for child in *@children
+    embed child, nil, nil, attr: {
+      style: {
+        height: '15em'
+        margin: '0 .5em'
+      }
+    }
+
+  div with images
+    .style = {
+      display: 'flex'
+      overflow: 'auto hidden'
+    }
diff --git a/root/games/plonat_atek/text$markdown.md b/root/games/plonat_atek/text$markdown.md
index 5296b2f..c709274 100644
--- a/root/games/plonat_atek/text$markdown.md
+++ b/root/games/plonat_atek/text$markdown.md
@@ -1,4 +1,7 @@
 # <mmm-embed nolink facet="title"></mmm-embed>
+
+<mmm-embed nolink path="pictures"></mmm-embed>
+
 *Plonat Atek* is a digital game that communicates itself to the player only via the stereo headphone jack.
 The signal is split, and one of the streams is fed into a pair of headphones that show the game to the player as a melody,
 interlaced with a series of blips and bursts of noise.
diff --git a/scss/_content.scss b/scss/_content.scss
index f953c01..607da43 100644
--- a/scss/_content.scss
+++ b/scss/_content.scss
@@ -1,6 +1,11 @@
 .content {
-  .markdown {
-    img, video {
+  img, video {
+    width: inherit;
+    height: inherit;
+  }
+
+  .markdown, .markdown > p, .markdown > p > a {
+    > img, > video {
       display: block;
       max-width: 100%;
       max-height: 50vh;