add all the demoloops

25 files changed, 31 insertions, 16 deletions

diff --git a/root/projects/demoloops/circle/video$mp4.mp4 b/root/projects/demoloops/circle/video$mp4.mp4
new file mode 100644
index 0000000..69b2410
--- /dev/null
+++ b/root/projects/demoloops/circle/video$mp4.mp4
diff --git a/root/projects/demoloops/cube/video$mp4.mp4 b/root/projects/demoloops/cube/video$mp4.mp4
new file mode 100644
index 0000000..f8ceb51
--- /dev/null
+++ b/root/projects/demoloops/cube/video$mp4.mp4
diff --git a/root/projects/demoloops/divide/video$mp4.mp4 b/root/projects/demoloops/divide/video$mp4.mp4
new file mode 100644
index 0000000..4cbe907
--- /dev/null
+++ b/root/projects/demoloops/divide/video$mp4.mp4
diff --git a/root/projects/demoloops/dots/description: text$markdown+span b/root/projects/demoloops/dots/description: text$markdown+span
new file mode 100644
index 0000000..b0c8fd2
--- /dev/null
+++ b/root/projects/demoloops/dots/description: text$markdown+span
@@ -0,0 +1 @@
+inspired by [this reddit post](https://www.reddit.com/r/gifs/comments/5bayiu/dont_click_on_this_if_you_are_currently_drunk/).
diff --git a/root/projects/demoloops/dots/video$mp4.mp4 b/root/projects/demoloops/dots/video$mp4.mp4
new file mode 100644
index 0000000..2412b28
--- /dev/null
+++ b/root/projects/demoloops/dots/video$mp4.mp4
diff --git a/root/projects/demoloops/flipping/video$mp4.mp4 b/root/projects/demoloops/flipping/video$mp4.mp4
new file mode 100644
index 0000000..1d762d6
--- /dev/null
+++ b/root/projects/demoloops/flipping/video$mp4.mp4
diff --git a/root/projects/demoloops/fracture/video$mp4.mp4 b/root/projects/demoloops/fracture/video$mp4.mp4
new file mode 100644
index 0000000..895a29d
--- /dev/null
+++ b/root/projects/demoloops/fracture/video$mp4.mp4
diff --git a/root/projects/demoloops/goldfish/description: text$plain b/root/projects/demoloops/goldfish/description: text$plain
new file mode 100644
index 0000000..b956e72
--- /dev/null
+++ b/root/projects/demoloops/goldfish/description: text$plain
@@ -0,0 +1 @@
+pssst, this is for my mom's birthday. don't tell her yet!
diff --git a/root/projects/demoloops/goldfish/video$mp4.mp4 b/root/projects/demoloops/goldfish/video$mp4.mp4
new file mode 100644
index 0000000..4fcb625
--- /dev/null
+++ b/root/projects/demoloops/goldfish/video$mp4.mp4
diff --git a/root/projects/demoloops/koch/description: text$plain b/root/projects/demoloops/koch/description: text$plain
deleted file mode 100644
index a0b96e7..0000000
--- a/root/projects/demoloops/koch/description: text$plain
+++ /dev/null
@@ -1 +0,0 @@
-lil' fractal thing
diff --git a/root/projects/demoloops/koch/text$moonscript -> mmm$component.moon b/root/projects/demoloops/koch/text$moonscript -> mmm$component.moon
index 4f97329..8528272 100644
--- a/root/projects/demoloops/koch/text$moonscript -> mmm$component.moon
+++ b/root/projects/demoloops/koch/text$moonscript -> mmm$component.moon
@@ -5,8 +5,8 @@ import CanvasApp from require 'mmm.canvasapp'
 import hsl from require 'mmm.color'
 
 class KochDemo extends CanvasApp
-  width: 600
-  height: 600
+  width: 500
+  height: 400
   length: math.pi * 2
 
   new: (@iterations=3) =>
diff --git a/root/projects/demoloops/planetary/video$mp4.mp4 b/root/projects/demoloops/planetary/video$mp4.mp4
new file mode 100644
index 0000000..6a74bc4
--- /dev/null
+++ b/root/projects/demoloops/planetary/video$mp4.mp4
diff --git a/root/projects/demoloops/shutter/video$mp4.mp4 b/root/projects/demoloops/shutter/video$mp4.mp4
new file mode 100644
index 0000000..adf5fe6
--- /dev/null
+++ b/root/projects/demoloops/shutter/video$mp4.mp4
diff --git a/root/projects/demoloops/squaregrid/overlaid/video$mp4.mp4 b/root/projects/demoloops/squaregrid/overlaid/video$mp4.mp4
new file mode 100644
index 0000000..258d154
--- /dev/null
+++ b/root/projects/demoloops/squaregrid/overlaid/video$mp4.mp4
diff --git a/root/projects/demoloops/squaregrid/rotated/video$mp4.mp4 b/root/projects/demoloops/squaregrid/rotated/video$mp4.mp4
new file mode 100644
index 0000000..9452aa7
--- /dev/null
+++ b/root/projects/demoloops/squaregrid/rotated/video$mp4.mp4
diff --git a/root/projects/demoloops/squaregrid/rounded/video$mp4.mp4 b/root/projects/demoloops/squaregrid/rounded/video$mp4.mp4
new file mode 100644
index 0000000..163c35a
--- /dev/null
+++ b/root/projects/demoloops/squaregrid/rounded/video$mp4.mp4
diff --git a/root/projects/demoloops/squaregrid/text$html b/root/projects/demoloops/squaregrid/text$html
new file mode 100644
index 0000000..aa33399
--- /dev/null
+++ b/root/projects/demoloops/squaregrid/text$html
@@ -0,0 +1,5 @@
+<div>
+  <mmm-embed path="rotated"></mmm-embed>
+  <mmm-embed path="rounded"></mmm-embed>
+  <mmm-embed path="overlaid"></mmm-embed>
+</div>
diff --git a/root/projects/demoloops/text$moonscript -> fn -> mmm$dom.moon b/root/projects/demoloops/text$moonscript -> fn -> mmm$dom.moon
index cdc42b3..dd49f6f 100644
--- a/root/projects/demoloops/text$moonscript -> fn -> mmm$dom.moon
+++ b/root/projects/demoloops/text$moonscript -> fn -> mmm$dom.moon
@@ -1,19 +1,28 @@
 import div, h3, p, ul, li, a from require 'mmm.dom'
+import link_to from (require 'mmm.mmmfs.util') require 'mmm.dom'
 
 =>
   div {
-    h3 @gett 'name: alpha', style: { 'margin-bottom': '-.5em' },
+    link_to @
     p @gett 'description: mmm/dom', 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
+    div with for child in *@children
+        name = child\gett 'name: alpha'
+        desc = child\get 'description: mmm/dom'
+        li {
+          style: {
+            display: 'inline-block'
+            width: '500px'
+            margin: '0.5em'
+            padding: '1em'
+            background: 'var(--gray-bright)'
+          }
+          child\get 'mmm/dom'
+          div link_to child
+        }
+
+      .style = {
+        display: 'flex'
+        'flex-wrap': 'wrap'
+        'align-items': 'flex-start'
       }
   }
diff --git a/root/projects/demoloops/toroid/description: text$markdown+span b/root/projects/demoloops/toroid/description: text$markdown+span
new file mode 100644
index 0000000..1e783c6
--- /dev/null
+++ b/root/projects/demoloops/toroid/description: text$markdown+span
@@ -0,0 +1 @@
+built at 34c3 with \[moritz\] as a stepping stone towards [torus3d](https://github.com/s-ol/torus3d).
diff --git a/root/projects/demoloops/toroid/video$mp4.mp4 b/root/projects/demoloops/toroid/video$mp4.mp4
new file mode 100644
index 0000000..6e91a3a
--- /dev/null
+++ b/root/projects/demoloops/toroid/video$mp4.mp4
diff --git a/root/projects/demoloops/triangles/video$mp4.mp4 b/root/projects/demoloops/triangles/video$mp4.mp4
new file mode 100644
index 0000000..aca459b
--- /dev/null
+++ b/root/projects/demoloops/triangles/video$mp4.mp4
diff --git a/root/projects/demoloops/twisted/description: text$plain b/root/projects/demoloops/twisted/description: text$plain
deleted file mode 100644
index bbd63be..0000000
--- a/root/projects/demoloops/twisted/description: text$plain
+++ /dev/null
@@ -1 +0,0 @@
-pseudo-3d twisting pyramid
diff --git a/root/projects/demoloops/twisted/video: video$mp4.mp4 b/root/projects/demoloops/twisted/video: video$mp4.mp4
new file mode 100644
index 0000000..c77e1ee
--- /dev/null
+++ b/root/projects/demoloops/twisted/video: video$mp4.mp4
diff --git a/root/projects/demoloops/weekly3/video$mp4.mp4 b/root/projects/demoloops/weekly3/video$mp4.mp4
new file mode 100644
index 0000000..8e20ac8
--- /dev/null
+++ b/root/projects/demoloops/weekly3/video$mp4.mp4
diff --git a/root/projects/demoloops/zoom/video$mp4.mp4 b/root/projects/demoloops/zoom/video$mp4.mp4
new file mode 100644
index 0000000..0359073
--- /dev/null
+++ b/root/projects/demoloops/zoom/video$mp4.mp4