diff options
Diffstat (limited to 'root')
6 files changed, 24 insertions, 12 deletions
diff --git a/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon b/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon index d348f4b..f47e03f 100644 --- a/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon +++ b/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon @@ -1,7 +1,29 @@ -assert MODE == 'CLIENT', '[nossr]' +import div from require 'mmm.dom' + +if MODE ~= 'CLIENT' + class Dummy + render: => + div 'Interactive Example not available with Server-Side rendering', style: + position: 'relative' + resize: 'horizontal' + overflow: 'hidden' + + width: '576px' + height: '324px' + 'min-width': '324px' + 'max-width': '742px' + + margin: 'auto' + padding: '10px' + boxSizing: 'border-box' + background: 'var(--gray-bright)' + + return { + UIDemo: Dummy + Example: Dummy + } import CanvasApp from require 'mmm.canvasapp' -import div from require 'mmm.dom' class UIDemo extends CanvasApp width: nil diff --git a/root/blog/aspect_ratios/interactive/fit: text$moonscript -> fn -> mmm$component.moon b/root/blog/aspect_ratios/interactive/fit: text$moonscript -> fn -> mmm$component.moon index 499f9aa..33478bf 100644 --- a/root/blog/aspect_ratios/interactive/fit: text$moonscript -> fn -> mmm$component.moon +++ b/root/blog/aspect_ratios/interactive/fit: text$moonscript -> fn -> mmm$component.moon @@ -1,6 +1,4 @@ => - assert MODE == 'CLIENT', '[nossr]' - import UIDemo from @get '_base: table' class FitDemo extends UIDemo diff --git a/root/blog/aspect_ratios/interactive/perforate: text$moonscript -> fn -> mmm$component.moon b/root/blog/aspect_ratios/interactive/perforate: text$moonscript -> fn -> mmm$component.moon index 38aeac1..905c313 100644 --- a/root/blog/aspect_ratios/interactive/perforate: text$moonscript -> fn -> mmm$component.moon +++ b/root/blog/aspect_ratios/interactive/perforate: text$moonscript -> fn -> mmm$component.moon @@ -1,6 +1,4 @@ => - assert MODE == 'CLIENT', '[nossr]' - import UIDemo from @get '_base: table' arr = (args) -> diff --git a/root/blog/aspect_ratios/interactive/sidebar: text$moonscript -> fn -> mmm$component.moon b/root/blog/aspect_ratios/interactive/sidebar: text$moonscript -> fn -> mmm$component.moon index 2017e20..56e6cea 100644 --- a/root/blog/aspect_ratios/interactive/sidebar: text$moonscript -> fn -> mmm$component.moon +++ b/root/blog/aspect_ratios/interactive/sidebar: text$moonscript -> fn -> mmm$component.moon @@ -1,6 +1,4 @@ => - assert MODE == 'CLIENT', '[nossr]' - import Box, Example from @get '_base: table' class Sidebar extends Example diff --git a/root/blog/aspect_ratios/interactive/tear: text$moonscript -> fn -> mmm$component.moon b/root/blog/aspect_ratios/interactive/tear: text$moonscript -> fn -> mmm$component.moon index f108e0f..1705b80 100644 --- a/root/blog/aspect_ratios/interactive/tear: text$moonscript -> fn -> mmm$component.moon +++ b/root/blog/aspect_ratios/interactive/tear: text$moonscript -> fn -> mmm$component.moon @@ -1,6 +1,4 @@ => - assert MODE == 'CLIENT', '[nossr]' - import UIDemo from @get '_base: table' arr = (args) -> diff --git a/root/blog/aspect_ratios/interactive/vtk: text$moonscript -> fn -> mmm$component.moon b/root/blog/aspect_ratios/interactive/vtk: text$moonscript -> fn -> mmm$component.moon index dae4dfb..c2d17d0 100644 --- a/root/blog/aspect_ratios/interactive/vtk: text$moonscript -> fn -> mmm$component.moon +++ b/root/blog/aspect_ratios/interactive/vtk: text$moonscript -> fn -> mmm$component.moon @@ -1,6 +1,4 @@ => - assert MODE == 'CLIENT', '[nossr]' - import Box, Example from @get '_base: table' class VTK extends Example |