diff --git a/index.html b/index.html index c2934ec..59164cb 100644 --- a/index.html +++ b/index.html @@ -12,8 +12,8 @@ - - + + @@ -54,10 +54,10 @@ button { width: 100% !important; } - + #start{display:none;} } - + #all { margin: auto; z-index: 100; @@ -70,13 +70,13 @@ width: 60%; background: rgba(255, 255, 255, 0.5); } - + .CodeMirror { height: 100%; background: rgba(255, 255, 255, 0.5); font-size: 1.4em; } - + iframe { width: 100%; height: 97%; @@ -84,7 +84,7 @@ overflow: hidden; z-index: -100; } - + button { z-index: 200; width: 375px; @@ -98,15 +98,15 @@ color: white; font-size: 150%; } - + #start { background-color: #6FCF97; } - + #educator { background-color: #56CCF2; } - + #click { display: flex; width: 100%; @@ -135,39 +135,29 @@ autofocus: false, readOnly: readOnly }); - + cm.on("mousedown", function(e) { if (readOnly) { - e.preventDefault() + e.preventDefault() } }) - + cm.on("touchstart", function(e) { if (readOnly) { - e.preventDefault() + e.preventDefault() } }) - - var pos = 0 - var code = "// Hey there, welcome to WoofJS! WoofJS is a Scratch-inspired JavaScript library for making games.\n" + - "\n" + - "// Want to code something together? :-)\n" + - "every(.001, 'seconds', () => {" + - " var circle = new Circle()\n" + - "\n" + - " // Go, little circles, go!\n" + - " forever(() => {\n" + - " circle.move(5)\n" + - " })\n\n" + - " // Let's randomize size\n" + - " circle.radius = random(5, 20)\n\n" + - " // Colors are fun!\n" + - " circle.color = randomColor()\n" + - "\n" + - " // I say scatter!\n" + - " circle.angle = random(0, 360)\n\n" + - " // Now it's your turn. Play with this code by changing any of the numbers above."; + var pos = 0 + var code = `// Hey there, welcome to WoofJS! WoofJS is a Scratch-inspired JavaScript library for making games.\n\n + // Want to code something together? :-)\n + every(.001, 'seconds', () => { var circle = new Circle()\n\n // + Go, little circles, go!\n forever(() => {\n circle.move(5)\n })\n\n + // Let's randomize size\n circle.radius = random(5, 20)\n\n + // Colors are fun!\n circle.color = randomColor()\n\n + // I say scatter!\n + circle.angle = random(0, 360)\n\n + // Now it's your turn. Play with this code by changing any of the numbers above.` function runCode() { var iframe = document.getElementById('output'); @@ -242,8 +232,8 @@ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); - + ga('create', 'UA-82374072-1', 'auto'); ga('send', 'pageview'); - +