30:T72b,html`

Tesla Airways

` //it's a very dirty and messy notebook. But it was such a funnnn notebook31:T596,viewof AutoPilotButton = { let value = true; const button = html`

AUTO PILOT

`; Object.defineProperty(button, "value", { get() { return value; } }); yield button; button.onclick = () => d3.select('.click').property('checked', function() { let checked = !d3.select(this).property('checked'); value = checked; if (checked) { d3.select('.checkbox-inner').style('background', 'lightgreen'); } else { d3.select('.checkbox-inner').style('background', ''); } }); }32:T4dd,MakeItMove = { ShowRealWorldFootage; let car = d3.select(view).selectAll('.flying-tesla'); let transitionDuration = 5000; let bank = 0; while (ShowRealWorldFootage === 'true') { if (AutoPilotButton === false) { let t = d3.transition().duration(transitionDuration); car .transition() .duration(transitionDuration) .ease(d3.easeSin) // .attr('transform', ``) .style('transform', `translate(0,3000px)`); } else { // yield 'start moving...'; let t = d3.transition().duration(transitionDuration); car .transition() .duration(transitionDuration) .ease(d3.easeSin) .style('transform', function() { let returnVal = `translate(${Math.floor( d3.randomNormal(1, 100)() )}px,${Math.floor(d3.randomUniform(1, 100)())}px)`; if (bank < 0) { returnVal = returnVal + ` rotate(${d3.randomUniform(0, 25)()}deg)`; let bank = 1; } else { let bank = -1; returnVal = returnVal + ` rotate(${d3.randomUniform(-25, 0)()}deg)`; } return returnVal; }); } await Promises.delay(transitionDuration); yield car; } }33:Tb41,html`` // @media only screen and (max-width: 600px) { // .container { // height: 600px; // } // }34:T65e,ChromaButton = html`ChromaButtonStyles`35:Ta3d,PillButton = { return html` PillButtonStyles `; }36:[] 2e:{"title":"Tesla Airways","cells":[{"id":0,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":831,"value":"view = {\n let flying_model = html` \n\n

\n\n\n

`;\n yield flying_model;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1411,"value":"viewof ShowRealWorldFootage = {\n let button = html``;\n button.value = false;\n button.style.width = width;\n d3.select(button).on('click', function() {\n // d3.select(this).remove();\n button.value = true;\n });\n yield button;\n while ((button.value = false)) {\n yield button;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1885,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":344,"value":"frame = {\n let input = DOM.range(6, 40, 1);\n input.value = 0;\n yield input;\n\n while (invalidation) {\n if (AutoPilotButton === true) {\n d3.select(\"#overlay\").style(\"pointer-events\", \"auto\");\n // d3.select(this).style('user-events', 'none');\n for (let i = input.value; i < 41; i++) {\n ShowRealWorldFootage === \"true\" ? \"\" : await Promises.tick(50);\n input.value = i;\n yield input;\n }\n for (let i = input.value; i > 0; i--) {\n ShowRealWorldFootage === \"true\" ? \"\" : await Promises.tick(50);\n input.value = i;\n yield input;\n }\n } else {\n yield input;\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2338,"value":"DontTurnOffAutoPilot = {\n //how to tell this like a story?\n let baton;\n while (ShowRealWorldFootage === \"false\") {\n yield null;\n Promises.delay(3000);\n }\n\n while (AutoPilotButton === false) {\n yield md`##

Quick! Turn on the AUTO-PILOT.

`;\n }\n while (AutoPilotButton === true && baton === null) {\n yield md`

*DON'T TURN OFF AUTO PILOT!

`;\n baton = true;\n }\n\n while (AutoPilotButton === false && baton === true) {\n yield md`

Phew! Don't do that again.

`;\n }\n\n // Promises.delay(3000);\n // }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":529,"value":"mutable _ = \"It's a bird, it's a plane....it's a ModelX\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"ModelX = {\n while (invalidation) {\n d3.select(view)\n .selectAll('img')\n .attr('class', `frame-full${frame.value}`);\n yield;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1874,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":752,"value":"async function PilotMessage() {\n let autoPilotMode = d3.select('input[type=checkbox]').property(\"checked\");\n if (autoPilotMode) {\n mutable _ = \"The Tesla is on auto-pilot.\";\n await Promises.tick(3000);\n mutable _ = \"Sit back, relax and enjoy the ride\";\n await Promises.tick(1000);\n d3.select('#editable')\n .transition()\n .style('opacity', '1');\n }\n if (!autoPilotMode) {\n mutable _ = \"The Tesla is in Manual Mode. Get Flappin'!\";\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":1549,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":1887,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":731,"value":"AutoPilotCheckbox = {\n let checkbox = html``;\n checkbox.value = true;\n yield checkbox;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1122,"value":"background = {\n let video = html`BackgroundElement

`;\n\n yield ShowRealWorldFootage === \"true\" ? video : null;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1364,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs"},{"id":1299,"value":"viewof dimension = {\n let h = 0;\n if (width < 500) h = width * 1.5;\n if (width > 900) h = 900;\n else {\n h = 500;\n }\n let msg = html`

Screen size is ${width + ' x ' + h}

`;\n yield msg;\n msg.value = width + ' x ' + h;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"d3 = require(\"d3@7\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2099,"value":"explosion = {\n let svg = await (await fetch(\n 'https://raw.githubusercontent.com/Stroked/ajay-works/master/explosion.svg'\n )).text();\n yield null;\n AutoPilotButton;\n ShowRealWorldFootage;\n while (true) {\n if (ShowRealWorldFootage === 'true' && AutoPilotButton === false) {\n await Promises.delay(3000);\n yield html`

${svg}

`;\n } else yield null;\n await Promises.delay(3000);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W36","stdlib":"1","titling":"auto"}