aboutsummaryrefslogtreecommitdiffstats
path: root/root/articles/mmmfs/examples/gallery
diff options
context:
space:
mode:
authors-ol <s-ol@users.noreply.github.com>2019-10-26 11:30:58 +0000
committers-ol <s-ol@users.noreply.github.com>2019-10-26 11:30:58 +0000
commit6a30fbd239b31e293c0833c2bbcbb8def44707f1 (patch)
tree1c6501c3d36f4b09ac5648e44026fd224ccf19c6 /root/articles/mmmfs/examples/gallery
parentfix bug in deep_tostring (diff)
downloadmmm-6a30fbd239b31e293c0833c2bbcbb8def44707f1.tar.gz
mmm-6a30fbd239b31e293c0833c2bbcbb8def44707f1.zip
mmmfs cleanup
Diffstat (limited to 'root/articles/mmmfs/examples/gallery')
-rw-r--r--root/articles/mmmfs/examples/gallery/actual_image/image$png.pngbin0 -> 678429 bytes
-rw-r--r--root/articles/mmmfs/examples/gallery/actual_image/preview: image$png.pngbin0 -> 31880 bytes
-rw-r--r--root/articles/mmmfs/examples/gallery/link_to_image/URL -> image$png1
-rw-r--r--root/articles/mmmfs/examples/gallery/link_to_image/preview: URL -> image$png1
-rw-r--r--root/articles/mmmfs/examples/gallery/preview: text$moonscript -> fn -> mmm$dom.moon7
-rw-r--r--root/articles/mmmfs/examples/gallery/slideshow: text$moonscript -> fn -> mmm$component.moon19
-rw-r--r--root/articles/mmmfs/examples/gallery/text$moonscript -> fn -> mmm$dom.moon12
-rw-r--r--root/articles/mmmfs/examples/gallery/title: text$plain1
8 files changed, 41 insertions, 0 deletions
diff --git a/root/articles/mmmfs/examples/gallery/actual_image/image$png.png b/root/articles/mmmfs/examples/gallery/actual_image/image$png.png
new file mode 100644
index 0000000..b499413
--- /dev/null
+++ b/root/articles/mmmfs/examples/gallery/actual_image/image$png.png
Binary files differ
diff --git a/root/articles/mmmfs/examples/gallery/actual_image/preview: image$png.png b/root/articles/mmmfs/examples/gallery/actual_image/preview: image$png.png
new file mode 100644
index 0000000..f9dbfad
--- /dev/null
+++ b/root/articles/mmmfs/examples/gallery/actual_image/preview: image$png.png
Binary files differ
diff --git a/root/articles/mmmfs/examples/gallery/link_to_image/URL -> image$png b/root/articles/mmmfs/examples/gallery/link_to_image/URL -> image$png
new file mode 100644
index 0000000..7cf76ff
--- /dev/null
+++ b/root/articles/mmmfs/examples/gallery/link_to_image/URL -> image$png
@@ -0,0 +1 @@
+https://picsum.photos/600/600/?image=101
diff --git a/root/articles/mmmfs/examples/gallery/link_to_image/preview: URL -> image$png b/root/articles/mmmfs/examples/gallery/link_to_image/preview: URL -> image$png
new file mode 100644
index 0000000..2b2233b
--- /dev/null
+++ b/root/articles/mmmfs/examples/gallery/link_to_image/preview: URL -> image$png
@@ -0,0 +1 @@
+https://picsum.photos/200/200/?image=101
diff --git a/root/articles/mmmfs/examples/gallery/preview: text$moonscript -> fn -> mmm$dom.moon b/root/articles/mmmfs/examples/gallery/preview: text$moonscript -> fn -> mmm$dom.moon
new file mode 100644
index 0000000..5285629
--- /dev/null
+++ b/root/articles/mmmfs/examples/gallery/preview: text$moonscript -> fn -> mmm$dom.moon
@@ -0,0 +1,7 @@
+import div, img, br from require 'mmm.dom'
+
+=> div {
+ 'the first pic as a little taste:',
+ br!,
+ img src: @children[1]\get 'preview', 'URL -> image/png'
+}
diff --git a/root/articles/mmmfs/examples/gallery/slideshow: text$moonscript -> fn -> mmm$component.moon b/root/articles/mmmfs/examples/gallery/slideshow: text$moonscript -> fn -> mmm$component.moon
new file mode 100644
index 0000000..0178ac2
--- /dev/null
+++ b/root/articles/mmmfs/examples/gallery/slideshow: text$moonscript -> fn -> mmm$component.moon
@@ -0,0 +1,19 @@
+import ReactiveVar, text, elements from require 'mmm.component'
+import div, a, img from elements
+
+=>
+ index = ReactiveVar 1
+
+ prev = (i) -> math.max 1, i - 1
+ next = (i) -> math.min #@children, i + 1
+
+ div {
+ div {
+ a 'prev', href: '#', onclick: -> index\transform prev
+ index\map (i) -> text " image ##{i} "
+ a 'next', href: '#', onclick: -> index\transform next
+ },
+ index\map (i) ->
+ child = assert @children[i], "image not found!"
+ img src: @children[i]\gett 'URL -> image/png'
+ }
diff --git a/root/articles/mmmfs/examples/gallery/text$moonscript -> fn -> mmm$dom.moon b/root/articles/mmmfs/examples/gallery/text$moonscript -> fn -> mmm$dom.moon
new file mode 100644
index 0000000..9bdac54
--- /dev/null
+++ b/root/articles/mmmfs/examples/gallery/text$moonscript -> fn -> mmm$dom.moon
@@ -0,0 +1,12 @@
+import div, h1, a, img, br from require 'mmm.dom'
+
+=>
+ link = (child) -> a {
+ href: '#',
+ onclick: -> BROWSER\navigate child.path
+ img src: child\gett 'preview', 'URL -> image/png'
+ }
+
+ content = [link child for child in *@children]
+ table.insert content, 1, h1 'gallery index'
+ div content
diff --git a/root/articles/mmmfs/examples/gallery/title: text$plain b/root/articles/mmmfs/examples/gallery/title: text$plain
new file mode 100644
index 0000000..ad74eec
--- /dev/null
+++ b/root/articles/mmmfs/examples/gallery/title: text$plain
@@ -0,0 +1 @@
+A Gallery of 25 random pictures, come on in!