OLD | NEW |
1 #!mojo mojo:sky_viewer | 1 #!mojo mojo:sky_viewer |
2 <sky> | 2 <sky> |
3 <import src="/sky/framework/debug/shake-to-reload.sky" /> | 3 <import src="/sky/framework/debug/shake-to-reload.sky" /> |
4 <style> | 4 <style> |
5 dot { | 5 dot { |
6 position: absolute; | 6 position: absolute; |
7 height: 100px; | 7 height: 100px; |
8 width: 100px; | 8 width: 100px; |
9 background-color: #00FF00; | 9 background-color: #00FF00; |
10 border-radius: 50px; | 10 border-radius: 50px; |
11 } | 11 } |
12 </style> | 12 </style> |
13 <log>Ready</log> | 13 <log>Ready!</log> |
14 <script> | 14 <script> |
15 import "dart:sky"; | 15 import "dart:sky"; |
16 | 16 |
17 // Material design colors. :p | 17 // Material design colors. :p |
18 List<String> colors = [ | 18 List<String> colors = [ |
19 "#009688", | 19 "#009688", |
20 "#FFC107", | 20 "#FFC107", |
21 "#9C27B0", | 21 "#9C27B0", |
22 "#03A9F4", | 22 "#03A9F4", |
23 "#673AB7", | 23 "#673AB7", |
(...skipping 27 matching lines...) Expand all Loading... |
51 } | 51 } |
52 | 52 |
53 void main() { | 53 void main() { |
54 document.addEventListener("pointerdown", moreDots); | 54 document.addEventListener("pointerdown", moreDots); |
55 document.addEventListener("pointermove", runToTheCenter); | 55 document.addEventListener("pointermove", runToTheCenter); |
56 document.addEventListener("pointerup", goAway); | 56 document.addEventListener("pointerup", goAway); |
57 document.addEventListener("pointercancel", stopDots); | 57 document.addEventListener("pointercancel", stopDots); |
58 } | 58 } |
59 </script> | 59 </script> |
60 </sky> | 60 </sky> |
OLD | NEW |