From 07f8b8df8510f936a8912254e3dfc5717b0065ef Mon Sep 17 00:00:00 2001 From: Lemmih Date: Sat, 5 Sep 2020 10:06:12 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20=20@=20e8343?= =?UTF-8?q?6df02c8341b2117a01562d6639434f42b97=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- playground/embed.css | 1 + playground/embed.js | 6 ++++-- playground/snippets.js | 2 +- 3 files changed, 6 insertions(+), 3 deletions(-) diff --git a/playground/embed.css b/playground/embed.css index 8d27bd4..8570506 100644 --- a/playground/embed.css +++ b/playground/embed.css @@ -13,6 +13,7 @@ div.playground-embed { } div.playground-embed.large { grid-template-rows: 1fr 1fr !important; + grid-template-columns: auto; } div.playground-embed div.playground-editor { diff --git a/playground/embed.js b/playground/embed.js index 70f2781..1bf0e58 100644 --- a/playground/embed.js +++ b/playground/embed.js @@ -1,8 +1,10 @@ -function embedPlayground(parent, extraClass = '') { +function embedPlayground(parent, extraClass) { const code = parent.innerText; const container = document.createElement("div"); container.classList.add('playground-embed') - container.classList.add(extraClass) + if(typeof extraClass !== 'undefined') { + container.classList.add(extraClass) + } const editor = document.createElement("div"); editor.classList.add('playground-editor') diff --git a/playground/snippets.js b/playground/snippets.js index c9878d4..8b5ba70 100644 --- a/playground/snippets.js +++ b/playground/snippets.js @@ -9,4 +9,4 @@ const snippets = [{"title": "Hello World","url": "https://reanimate.clozecards.c ,{"title": "Object Positions","url": "https://reanimate.clozecards.com/Mf4zcImo+I7/195.svg","code": "env =\n addStatic (mkBackground \"white\") .\n mapA (withStrokeColor \"black\")\n\nanimation :: Animation\nanimation = env $\n sceneAnimation $ do\n -- Configure objects\n txt <- newText \"Center\"\n top <- newText \"Top\"\n oModifyS top $ \n oTopY .= screenTop\n topR <- newText \"Top right\"\n oModifyS topR $ do\n oTopY .= screenTop\n oRightX .= screenRight\n botR <- newText \"Bottom right\"\n oModifyS botR $ do\n oTranslate .= (0, screenBottom+0.5)\n oRightX .= screenRight\n botL <- newText \"Bottom left\"\n oModifyS botL $ do\n oTranslate .= (0, screenBottom+0.5)\n oLeftX .= screenLeft\n topL <- newText \"Top left\"\n oModifyS topL $ do\n oTopY .= screenTop\n oLeftX .= screenLeft\n -- Show objects\n oShow txt\n wait 1\n switchTo txt top\n switchTo top topR\n switchTo topR botR\n switchTo botR botL\n switchTo botL topL\n switchTo topL txt\n\nswitchTo src dst = do\n fork $ oHideWith src oFadeOut\n oShowWith dst oFadeIn\n wait 1\n\nnewText txt =\n newObject $ scale 1.5 $ centerX $ latex txt\n"} ,{"title": "Camera","url": "https://reanimate.clozecards.com/Hcx00P+aeph/150.svg","code": "animation :: Animation\nanimation = docEnv $ mapA (withFillOpacity 1) $ sceneAnimation $ do\n cam <- newObject Camera\n\n txt <- newObject $ center $ latex \"Fixed (non-cam)\"\n oModifyS txt $ do\n oTopY .= screenTop \n oZIndex .= 2\n\n circle <- newObject $ withFillColor \"blue\" $ mkCircle 1\n cameraAttach cam circle\n circleRight <- oRead circle oRightX\n\n box <- newObject $ withFillColor \"green\" $ mkRect 2 2\n cameraAttach cam box\n oModify box $ oLeftX .~ circleRight\n boxCenter <- oRead box oCenterXY\n\n small <- newObject $ center $ latex \"This text is very small\"\n cameraAttach cam small\n oModifyS small $ do\n oCenterXY .= boxCenter\n oScale .= 0.1\n \n oShow txt\n oShow small\n oShow circle\n oShow box\n\n wait 1\n\n cameraFocus cam boxCenter\n waitOn $ do\n fork $ cameraPan cam 3 boxCenter\n fork $ cameraZoom cam 3 15\n \n wait 2\n cameraZoom cam 3 1\n cameraPan cam 1 (0,0)\n"} ]; -const playgroundVersion = "2020-09-05 (bf2c1)"; +const playgroundVersion = "2020-09-05 (e8343)";