Split root out of mmm repo

1 files changed, 0 insertions, 119 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
deleted file mode 100644
index 0219af6..0000000
--- a/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon
+++ /dev/null
@@ -1,119 +0,0 @@
-import div, a from require 'mmm.dom'
-import interactive_link from (require 'mmm.mmmfs.util') require 'mmm.dom'
-
-if MODE ~= 'CLIENT'
-  class Dummy
-    render: =>
-      div {
-        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)'
-
-        interactive_link '(click here for the interactive version of this article)'
-      }
-
-  return {
-    UIDemo: Dummy
-    Example: Dummy
-  }
-
-import CanvasApp from require 'mmm.canvasapp'
-
-class UIDemo extends CanvasApp
-  width: nil
-  height: nil
-  new: () =>
-    super!
-
-    @canvas.width = nil
-    @canvas.height = nil
-    @canvas.style.width = '100%'
-    @canvas.style.height = '100%'
-    @canvas.style.border = '2px solid var(--gray-dark)'
-
-    @node = div @canvas, style: {
-      position: 'relative'
-      resize: 'horizontal'
-      overflow: 'hidden'
-
-      width: '480px'
-      height: '270px'
-      minWidth: '270px'
-      maxWidth: '100%'
-
-      margin: 'auto'
-      padding: '10px'
-      boxSizing: 'border-box'
-    }
-
-  -- match size of current parent element and return it (for interactive resizing in the demo)
-  updateSize: =>
-    { :clientWidth, :clientHeight } = @canvas.parentElement
-    @canvas.width, @canvas.height = clientWidth, clientHeight
-    @canvas.width, @canvas.height
-
-  -- set up a coordinate system such that the virtual viewport
-  -- of size (w, h) is centered on (0,0) and fills the canvas
-  -- returns remaining margins on the two axes
-  fit: (w, h) =>
-    width, height = @updateSize!
-    @ctx\translate width/2, height/2
-
-    -- maximum scale without cropping either axis
-    scale = math.min (width/w), (height/h)
-    @ctx\scale scale, scale
-
-    -- calculate remaining space on x/y axis
-    rx = (width/scale) - w
-    ry = (height/scale) - h
-
-    -- margins are half of the remaining space
-    rx / 2, ry / 2
-
-  strokeRect: (cx, cy, w, h) =>
-    lw = @ctx.lineWidth / 2
-    @ctx\strokeRect cx - w/2 + lw, cy - h/2 + lw,
-                    w - 2*lw,      h - 2*lw,
-
-class Box
-  new: (@cx, @cy, @w, @h) =>
-
-  rect: =>
-    @cx, @cy, @w, @h
-
-class Example extends UIDemo
-  click: =>
-    if @naive
-      @naive = false
-    else
-      if @show_boxes
-        @naive = true
-      @show_boxes = not @show_boxes
-
-  text: (box, text, align='center', my=.5) =>
-    mx = .1
-    @ctx.textAlign = align
-
-    if align == 'left'
-      @ctx\fillText text, box.cx + mx - box.w/2, box.cy + my
-    else if align == 'center'
-      @ctx\fillText text, box.cx,                box.cy + my
-    if align == 'right'
-      @ctx\fillText text, box.cx - mx + box.w/2, box.cy + my
-
-{
-  :UIDemo
-  :Example
-  :Box
-}