waterbear/javascript.html at master · edchiou/waterbear · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>Waterbear: Code Garden</title>
	<link href="dist/javascript.css" rel="stylesheet" />

	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="viewport" content="width=device-width">
	<!--link rel="apple-touch-icon-precomposed" href="icon.png"--><!-- 57x57 icon -->
	<!--link rel="apple-touch-startup-image" href="default.png"--><!-- 320x460 image -->
	<script>
		var wb = {
			scriptModified: true,
			iframeReady: false
		};
	</script>
</head>
<body>
	<div id="context_menu"></div>
	<div id="block_menu_load">
		Loading...
	</div>
	<div class="content editor">

		<nav id="nav" role="navigation">
			<h1 class="title">Waterbear </h1>
			<ul class="menu">
				<li>
					<button class="clear_scripts">New</button>
				</li>
				<li>
					<button class="load_from_gist">Open Gist</button>
					<ul class="sub-menu" id="recent_gists"></ul>
				</li>
				<li>
					<button class="restore_scripts">Open File</button>
				</li>
				<li>
					<button class="save_scripts">Save Gist</button>
				</li>
				<li>
					<button class="download_scripts">Save File</button>
				</li>
				<li>
					<button class="show-examples">Examples</button>
					<ul class="sub-menu">
						<li><button class="load-example" data-example="blacklight_worms">Blacklight Worms</button></li>
						<li><button class="load-example" data-example="breakout">Breakout</button></li>
						<li><button class="load-example" data-example="pong">Pong</button></li>
						<li><button class="load-example" data-example="random_circles">Random Circles</button></li>
						<li><button class="load-example" data-example="londonderry">Londonderry</button></li>
						<li><button class="load-example" data-example="rotating_boxes">Rotating Boxes</button></li>
						<li><button class="load-example" data-example="dance">Dance</button></li>
						<li><button class="load-example" data-example="airgame">Air Game</button></li>
						<li><button class="load-example" data-example="move_image">Image follows mouse</button></li>
						<li><button class="load-example" data-example="tic_tac_toe">Tic Tac Toe</button></li>
						<li><button class="load-example" data-example="snake">Snake</button></li>
						<li><button class="load-example" data-example="fibonacci">Fibonacci</button></li>
						<li><button class="load-example" data-example="rotating">Recursive Square</button></li>
						<li><button class="load-example" data-example="eyes">Eyes</button></li>

					</ul>
				</li>
				<li>
					<button class="run-scripts">Run</button>
				</li>
				<li>
					<button class="undoAction">Undo</button>
				</li>
				<li>
					<button class="redoAction">Redo</button>
				</li>
				<li>
					<button class="cmenuEnable"><i class="icon-list-alt"></i>Enable Context Menus</button>
				</li>
			</ul>
		</nav>
		<div class="menu_buttons">
			<button class="show-menu">Show menu</button>
			<button class="hide-menu">Hide menu</button>
		</div>
		<div id="block_menu"></div>
		<div class="workspace blockview">
			<div class="tabbar">
				<button class="scripts_workspace_tab chrome_tab selected">Script Blocks</button>
				<button class="scripts_text_view_tab chrome_tab">Script Text</button>
			</div>
			<div class="scripts_text_view"></div>
		</div>
	</div>
	<div class="content result">
		<ul class="menu">
			<li>
				<button class="edit-script">Edit</button>
			</li>
			<li>
				<button class="clear-canvas">Clear</button>
			</li>
			<li>
				<button class="run-scripts">Restart</button>
			</li>
		</ul>
		<div class="stage"><iframe class="stageframe" width="100%" height="100%" src="//waterbearlang.github.io/iframerunner/index2.html"></iframe></div>
		<script>
			var iframe = document.querySelector('.stageframe');
			if (location.host.indexOf('local') > -1){
				iframe.src = 'iframerunner.html';
			}
			function receiveMessage(event){
				wb.iframeReady = event.data === 'ready' ? true : false;
			}
			window.addEventListener('message', receiveMessage, false);

		</script>

	</div>
	<svg><text></text></svg>
	<script src="dist/javascript.js"></script>
</body>
</html>