From 7b61518128ac3c666406f76756994a70adede4f2 Mon Sep 17 00:00:00 2001 From: s-ol Date: Thu, 10 Oct 2019 20:58:16 +0200 Subject: fix mmm-embed --- .../_base: text$moonscript -> table.moon | 26 ++++++++++++++++++++-- ...it: text$moonscript -> fn -> mmm$component.moon | 2 -- ...te: text$moonscript -> fn -> mmm$component.moon | 2 -- ...ar: text$moonscript -> fn -> mmm$component.moon | 2 -- ...ar: text$moonscript -> fn -> mmm$component.moon | 2 -- ...tk: text$moonscript -> fn -> mmm$component.moon | 2 -- 6 files changed, 24 insertions(+), 12 deletions(-) (limited to 'root/blog') 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 -- cgit v1.2.3 From ce998c8ca5b6364314b65cd8bf3d698ace03ced7 Mon Sep 17 00:00:00 2001 From: s-ol Date: Fri, 1 Nov 2019 13:47:23 +0100 Subject: fsck root dir --- root/blog/$order | 11 +++++++++++ root/blog/aspect_ratios/$order | 1 + root/blog/automating_my_rice/$order | 15 +++++++++++++++ root/blog/clocks_triggers_gates/$order | 6 ++++++ root/blog/love_lua_photoshop_and_games/$order | 4 ++++ root/blog/ludum_dare_33_postmortem/$order | 2 ++ root/blog/stencils_101/$order | 7 +++++++ root/blog/stretching_gates/$order | 5 +++++ root/blog/video_synth_research/$order | 8 ++++++++ 9 files changed, 59 insertions(+) create mode 100644 root/blog/$order create mode 100644 root/blog/aspect_ratios/$order create mode 100644 root/blog/automating_my_rice/$order create mode 100644 root/blog/clocks_triggers_gates/$order create mode 100644 root/blog/love_lua_photoshop_and_games/$order create mode 100644 root/blog/ludum_dare_33_postmortem/$order create mode 100644 root/blog/stencils_101/$order create mode 100644 root/blog/stretching_gates/$order create mode 100644 root/blog/video_synth_research/$order (limited to 'root/blog') diff --git a/root/blog/$order b/root/blog/$order new file mode 100644 index 0000000..f0592d3 --- /dev/null +++ b/root/blog/$order @@ -0,0 +1,11 @@ +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 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/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 -- cgit v1.2.3 From bde1fae7c3497bbe10eb67fa2c2c6d46d5ad0478 Mon Sep 17 00:00:00 2001 From: s-ol Date: Tue, 26 Nov 2019 12:18:31 +0100 Subject: some fixes in aspect-ratios --- .../interactive/_base: text$moonscript -> table.moon | 16 ++++++++-------- root/blog/aspect_ratios/text$markdown.md | 2 +- 2 files changed, 9 insertions(+), 9 deletions(-) (limited to 'root/blog') 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 f47e03f..419eef0 100644 --- a/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon +++ b/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon @@ -8,10 +8,10 @@ if MODE ~= 'CLIENT' resize: 'horizontal' overflow: 'hidden' - width: '576px' - height: '324px' - 'min-width': '324px' - 'max-width': '742px' + width: '480px' + height: '270px' + 'min-width': '270px' + 'max-width': '100%' margin: 'auto' padding: '10px' @@ -42,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/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. -- cgit v1.2.3