Merge branch 'ba'

16 files changed, 89 insertions, 17 deletions

diff --git a/root/blog/$order b/root/blog/$order
new file mode 100644
index 0000000..a1d0650
--- /dev/null
+++ b/root/blog/$order
@@ -0,0 +1,12 @@
+humane_filesystems
+ludum_dare_33_postmortem
+video_synth_research
+love_lua_photoshop_and_games
+clocks_triggers_gates
+stretching_gates
+stencils_101
+aspect_ratios
+automating_my_rice
+challenging_myself
+self-hosted_virtual_home
+why_redirectly
diff --git a/root/blog/aspect_ratios/$order b/root/blog/aspect_ratios/$order
new file mode 100644
index 0000000..09e38bd
--- /dev/null
+++ b/root/blog/aspect_ratios/$order
@@ -0,0 +1 @@
+interactive
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..419eef0 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: '480px'
+        height: '270px'
+        'min-width': '270px'
+        'max-width': '100%'
+
+        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
@@ -20,10 +42,10 @@ class UIDemo extends CanvasApp
       resize: 'horizontal'
       overflow: 'hidden'
 
-      width: '576px'
-      height: '324px'
-      minWidth: '324px'
-      maxWidth: '742px'
+      width: '480px'
+      height: '270px'
+      minWidth: '270px'
+      maxWidth: '100%'
 
       margin: 'auto'
       padding: '10px'
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
diff --git a/root/blog/aspect_ratios/text$markdown.md b/root/blog/aspect_ratios/text$markdown.md
index dea0249..2284317 100644
--- a/root/blog/aspect_ratios/text$markdown.md
+++ b/root/blog/aspect_ratios/text$markdown.md
@@ -42,7 +42,7 @@ The problem with this is that it simply doesn't look very good.  When the ratio
 but otherwise the empty space makes the screen look empty (especially if there are system UI elements next to it).
 
 ## step two: `perforate`
-So how can this be imroved? We would like to use the unused space on the x or y axis, but we can't just scale everything up,
+So how can this be improved? We would like to use the unused space on the x or y axis, but we can't just scale everything up,
 or we would start cropping important pieces of UI. Stretching the game to fill the screen also doesn't work for obvious reasons.
 
 To proceed, the UI has to be 'perforated' into different sections that are independent from each other.
diff --git a/root/blog/automating_my_rice/$order b/root/blog/automating_my_rice/$order
new file mode 100644
index 0000000..17ec504
--- /dev/null
+++ b/root/blog/automating_my_rice/$order
@@ -0,0 +1,15 @@
+sexy
+dark
+bwcube
+tattooed
+polysun
+hotline
+sidewalk
+akira
+laying
+touching
+twostripe
+trippy
+polar
+cavetree
+psych
diff --git a/root/blog/clocks_triggers_gates/$order b/root/blog/clocks_triggers_gates/$order
new file mode 100644
index 0000000..f4ac304
--- /dev/null
+++ b/root/blog/clocks_triggers_gates/$order
@@ -0,0 +1,6 @@
+tyktok_test
+tyktok_leds
+tyktok_tired
+metronome
+tyktok_tomcat
+threshold
diff --git a/root/blog/love_lua_photoshop_and_games/$order b/root/blog/love_lua_photoshop_and_games/$order
new file mode 100644
index 0000000..f2e95a4
--- /dev/null
+++ b/root/blog/love_lua_photoshop_and_games/$order
@@ -0,0 +1,4 @@
+final
+animating
+sheet
+outside
diff --git a/root/blog/ludum_dare_33_postmortem/$order b/root/blog/ludum_dare_33_postmortem/$order
new file mode 100644
index 0000000..4072e61
--- /dev/null
+++ b/root/blog/ludum_dare_33_postmortem/$order
@@ -0,0 +1,2 @@
+smert
+split
diff --git a/root/blog/stencils_101/$order b/root/blog/stencils_101/$order
new file mode 100644
index 0000000..80bf43b
--- /dev/null
+++ b/root/blog/stencils_101/$order
@@ -0,0 +1,7 @@
+suits_final
+killbill_progress
+killbill_final
+killbillstencil
+balistencil_final
+poster
+technofist_final
diff --git a/root/blog/stretching_gates/$order b/root/blog/stretching_gates/$order
new file mode 100644
index 0000000..22512ed
--- /dev/null
+++ b/root/blog/stretching_gates/$order
@@ -0,0 +1,5 @@
+case
+stripboard
+schematic
+finished_case
+crude
diff --git a/root/blog/video_synth_research/$order b/root/blog/video_synth_research/$order
new file mode 100644
index 0000000..604e582
--- /dev/null
+++ b/root/blog/video_synth_research/$order
@@ -0,0 +1,8 @@
+visualist
+bent1
+LZX_reel
+sketch_titler
+bent2
+schematic
+ich_bin_holz
+mine