add games preview similar to s-ol.nu

20 files changed, 36 insertions, 12 deletions

diff --git a/root/games/IYNX/icon: image$png.png b/root/games/IYNX/icon: image$png.png
new file mode 100755
index 0000000..0765350
--- /dev/null
+++ b/root/games/IYNX/icon: image$png.png
diff --git a/root/games/IYNX/title: text$plain b/root/games/IYNX/title: text$plain
new file mode 100644
index 0000000..bb857ce
--- /dev/null
+++ b/root/games/IYNX/title: text$plain
@@ -0,0 +1 @@
+IYNX
diff --git a/root/games/channel_83/icon: image$png.png b/root/games/channel_83/icon: image$png.png
new file mode 100755
index 0000000..092404b
--- /dev/null
+++ b/root/games/channel_83/icon: image$png.png
diff --git a/root/games/channel_83/title: text$plain b/root/games/channel_83/title: text$plain
new file mode 100644
index 0000000..64a716e
--- /dev/null
+++ b/root/games/channel_83/title: text$plain
@@ -0,0 +1 @@
+Channel 83: a last-gen entertainment experience
diff --git a/root/games/curved_curse/icon: image$png.png b/root/games/curved_curse/icon: image$png.png
new file mode 100755
index 0000000..c5caaf9
--- /dev/null
+++ b/root/games/curved_curse/icon: image$png.png
diff --git a/root/games/curved_curse/title: text$plain b/root/games/curved_curse/title: text$plain
new file mode 100644
index 0000000..b02b5f5
--- /dev/null
+++ b/root/games/curved_curse/title: text$plain
@@ -0,0 +1 @@
+Curved Curse
diff --git a/root/games/gtglg/icon: image$png.png b/root/games/gtglg/icon: image$png.png
new file mode 100755
index 0000000..59c2908
--- /dev/null
+++ b/root/games/gtglg/icon: image$png.png
diff --git a/root/games/gtglg/title: text$plain b/root/games/gtglg/title: text$plain
new file mode 100644
index 0000000..167d1df
--- /dev/null
+++ b/root/games/gtglg/title: text$plain
@@ -0,0 +1 @@
+Gary, the green-legged Giraffe
diff --git a/root/games/lorem_ipsum/icon: image$png.png b/root/games/lorem_ipsum/icon: image$png.png
new file mode 100755
index 0000000..65b2b39
--- /dev/null
+++ b/root/games/lorem_ipsum/icon: image$png.png
diff --git a/root/games/lorem_ipsum/title: text$plain b/root/games/lorem_ipsum/title: text$plain
new file mode 100644
index 0000000..9a8d8aa
--- /dev/null
+++ b/root/games/lorem_ipsum/title: text$plain
@@ -0,0 +1 @@
+Lorem Ipsum
diff --git a/root/games/moving_out/icon: image$png.png b/root/games/moving_out/icon: image$png.png
new file mode 100644
index 0000000..85e68a9
--- /dev/null
+++ b/root/games/moving_out/icon: image$png.png
diff --git a/root/games/moving_out/title: text$plain b/root/games/moving_out/title: text$plain
new file mode 100644
index 0000000..0c19b06
--- /dev/null
+++ b/root/games/moving_out/title: text$plain
@@ -0,0 +1 @@
+Moving Out
diff --git a/root/games/plonat_atek/icon: image$png.png b/root/games/plonat_atek/icon: image$png.png
new file mode 100755
index 0000000..abbbfc9
--- /dev/null
+++ b/root/games/plonat_atek/icon: image$png.png
diff --git a/root/games/plonat_atek/title: text$plain b/root/games/plonat_atek/title: text$plain
new file mode 100644
index 0000000..ee49dec
--- /dev/null
+++ b/root/games/plonat_atek/title: text$plain
@@ -0,0 +1 @@
+Plonat Atek
diff --git a/root/games/text$moonscript -> fn -> mmm$dom.moon b/root/games/text$moonscript -> fn -> mmm$dom.moon
index 1c04309..8609678 100644
--- a/root/games/text$moonscript -> fn -> mmm$dom.moon
+++ b/root/games/text$moonscript -> fn -> mmm$dom.moon
@@ -1,18 +1,32 @@
-import div, h3, ul, li, a from require 'mmm.dom'
+import div, h3, ul, li, a, h4, img, p from require 'mmm.dom'
 
 =>
   div {
     h3 @gett 'title: text/plain', style: { 'margin-bottom': '-.5em' },
-    ul for child in *@children
-      name = child\gett 'name: alpha'
-      desc = child\gett 'description: text/plain'
-      li {
-        a name, {
-          href: child.path,
-          onclick: (e) =>
-            e\preventDefault!
-            BROWSER\navigate child.path
-        },
-        ': ', desc
+    ul with for child in *@children
+        link_if_content = (opts) ->
+          a with opts
+            if true or child\find 'mmm/dom'
+              .style = { 'text-decoration': 'none' }
+              .href = child.path
+              .onclick
+
+        li link_if_content {
+          h4 {
+            style: { 'margin-bottom': 0 }
+            (child\get 'title: mmm/dom') or child\gett 'name: alpha'
+          }
+          div {
+            style: {
+              display: 'flex'
+              'justify-content': 'space-around'
+            }
+            img src: child\gett 'icon: URL -> image/.*'
+            p (child\gett 'description: mmm/dom'), style: { 'flex': '1 0 0', margin: '1em' }
+          }
+        }
+
+      .style = {
+        'list-style': 'none'
       }
   }
diff --git a/root/games/the_monster_within/icon: image$png.png b/root/games/the_monster_within/icon: image$png.png
new file mode 100755
index 0000000..484bf4c
--- /dev/null
+++ b/root/games/the_monster_within/icon: image$png.png
diff --git a/root/games/the_monster_within/title: text$plain b/root/games/the_monster_within/title: text$plain
new file mode 100644
index 0000000..f44820c
--- /dev/null
+++ b/root/games/the_monster_within/title: text$plain
@@ -0,0 +1 @@
+The Monster Within
diff --git a/root/games/two_shooting_stars/icon: image$png.png b/root/games/two_shooting_stars/icon: image$png.png
new file mode 100755
index 0000000..c531bd3
--- /dev/null
+++ b/root/games/two_shooting_stars/icon: image$png.png
diff --git a/root/games/two_shooting_stars/title: text$plain b/root/games/two_shooting_stars/title: text$plain
new file mode 100644
index 0000000..7464871
--- /dev/null
+++ b/root/games/two_shooting_stars/title: text$plain
@@ -0,0 +1 @@
+I looked at the sky and saw two shooting stars but couldn't come up with a wish
diff --git a/root/games/vision_training_kit/title: text$plain b/root/games/vision_training_kit/title: text$plain
new file mode 100644
index 0000000..d131a1c
--- /dev/null
+++ b/root/games/vision_training_kit/title: text$plain
@@ -0,0 +1 @@
+視能訓練キット | vision-training-kit