-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (104 loc) · 4.77 KB
/
index.html
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
123
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=0.52">
<title>Scriptorium</title>
<meta name="description" content="JavaScript 言語のためのプログラミング環境「スクリプトリアム」">
<link rel="apple-touch-icon" sizes="180x180" href="/icon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icon/favicon-16x16.png">
<link rel="manifest" href="/icon/site.webmanifest">
<link rel="mask-icon" href="/icon/safari-pinned-tab.svg" color="#8A8DA7">
<meta name="msapplication-config" content="/icon/browserconfig.xml">
<meta name="msapplication-TileColor" content="#3f51b5">
<meta name="theme-color" content="#3f51b5">
<link rel="stylesheet" href="lib/codemirror.css">
<link rel="stylesheet" href="addon/hint/show-hint.css">
<link rel="stylesheet" href="addon/lint/lint.css">
<link rel="stylesheet" href="scriptorium.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GSMVXKGXXR"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-GSMVXKGXXR');
</script>
</head>
<body onresize="Scriptorium.resizeCanvas()">
<header>
<br>
<nav id="nav">
<ul>
<li><input id="filename" spellcheck="false" type="text" value="untitled.js"></li>
<li><a href="./help.html">使い方</a></li>
<li><a href="./samples.html">プログラム例</a></li>
<li><a href="blockly.html">Scratch 風エディタ</a></li>
<li><a href="texteditor.html">HTML エディタ</a></li>
<li><a id="zoom-inout" href="#" onclick="Scriptorium.changeFontSize();">zoom out</a></li>
<li><a href="#"><label for="filechooser">ファイルの読み込み</label></a></li>
<li><a href="#" download="unknown.js" id="downloader">ファイルへ保存</a></li>
</ul>
</nav>
<div id="hmenu" onclick="Scriptorium.toggleMenu()">
<span class="hmenu_inner_line hmenu_inner_1" id="line1"></span>
<span class="hmenu_inner_line hmenu_inner_2" id="line2"></span>
<span class="hmenu_inner_line hmenu_inner_3" id="line3"></span>
</div>
<span id="logo">Scriptorium</span>
<a class="logo-info" href="./help.html">使い方</a>
<a class="logo-info" href="https://scriptorium.chibas.net">scriptorium.chibas.net</a>
</header>
<input type="file" id="filechooser" style="display: none;">
<div onclick="Scriptorium.closeMenu()" style="margin-left: 10px; margin-bottom: 0px;">
<div id="cells">
</div>
<br>
<div style="margin-left: 50px; margin-bottom: 3px;">
<button class="btn-normal" id="run-btn1" onclick="Scriptorium.run()">実行</button>
<button class="btn-normal" onclick="Scriptorium.reset()">消去</button>
<button class="btn-normal" onclick="Scriptorium.yank()">再編集</button>
<button class="btn-normal" onclick="Scriptorium.clearSource()">新規</button>
<input type="checkbox" id="run-and-new" checked="checked">
<label id="run-and-new-label" for="run-and-new">実行後新規編集</label>
</div>
<div style="float: left;">
<div id="editor"></div>
<button class="btn-smallscreen" id="run-btn2" onclick="Scriptorium.run()">実行</button>
<button class="btn-smallscreen" onclick="Scriptorium.reset()">消去</a>
<button class="btn-smallscreen" onclick="Scriptorium.yank()">再編集</button>
<button class="btn-smallscreen" onclick="Scriptorium.clearSource()">新規</button>
<br>
<div id="output">
</div>
</div>
<div style="float: left;">
</div>
<canvas id="canvas" width=400 height=400 tabindex=0>
</canvas>
<br>
<button class="btn-smallscreen key" onclick="Scriptorium.buttonClicked('ArrowLeft')">←</button>
<button class="btn-smallscreen key" onclick="Scriptorium.buttonClicked('ArrowUp')">↑</button>
<button class="btn-smallscreen key" onclick="Scriptorium.buttonClicked('ArrowDown')">↓</button>
<button class="btn-smallscreen key" onclick="Scriptorium.buttonClicked('ArrowRight')">→</button>
<div style="clear: both;"></div>
</div>
<div id="bottom"></div>
<script src="lib/codemirror.js"></script>
<script src="mode/javascript/javascript.js"></script>
<script src="addon/edit/matchbrackets.js"></script>
<script src="addon/hint/show-hint.js"></script>
<script src="addon/hint/javascript-hint.js"></script>
<script src="keymap/emacs.js"></script>
<script src="./jshint.js"></script>
<script src="addon/lint/lint.js"></script>
<script src="addon/lint/javascript-lint.js"></script>
<script src="./scriptorium.js"></script>
<script src="./processing.js"></script>
<script src="./turtle.js"></script>
<script src="./messages.js"></script>
</body>
</html>