kuin-web/index.html at main · tatt61880/kuin-web · 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
<!DOCTYPE html>
<html lang="ja">

<head>
  <title>kuin-web</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=650">
  <link rel="icon" href="./images/favicon.png?2023.01.09" type="image/png">
  <link rel="shortcut icon" href="./images/favicon.png?2023.01.09" type="image/png">
  <link rel="apple-touch-icon" sizes="180x180" href="./images/apple-touch-icon.png?2023.01.09">

  <link rel="stylesheet" href="./css/main.css">

  <script async src="https://platform.twitter.com/widgets.js"></script>
  <script defer src="src-noconflict/ace.js?2020.07.18"></script>
  <script defer src="src-noconflict/ext-language_tools.js?2020.07.18"></script>

  <script defer src="./src/elems.js"></script>
  <script defer src="./src/kuin_web_ui_ja.js"></script>
</head>

<body>
  <div id="contents" class="pl-pc">
    <div id="main_ja" class="main">
      <div id="article">
        <h1><img class="favicon" src="./images/favicon.png?2023.01.09" alt="favicon">kuin-web</h1>

        <div class="editor-buttons">
          <button id="undo-button" type="button">元に戻す</button>
          <button id="redo-button" type="button">やり直す</button>
          <button id="copy-all-button" type="button">全コピー</button>
        </div>

        <div class="editor-keys">
          <button id="key-left" type="button">←</button>
          <button id="key-right" type="button">→</button>
          <button id="key-up" type="button">↑</button>
          <button id="key-down" type="button">↓</button>
          <button id="key-backspace" type="button">⌫</button>
          <button id="key-del" type="button">Del</button>
          <button id="key-tab" type="button">Tab</button>
        </div>

        <pre id="src" style="height: 400px;">func main()
	const max: int :: 101
	do cui@print("\{max}以下の素数を出力します。\n")
	for i(2, max)
		if(math@prime(i))
			do cui@print("\{i}\n")
		end if
	end for
end func
</pre>

        <div style="width:50%; float:left">
          <div class="block" style="text-indent:0; margin:5px; border:0;">
            <button id="execute-button" type="button" class="init">-</button>
            <select id="platform">
              <option value="run" label="&nbsp;コンパイル＆実行" selected>&nbsp;コンパイル＆実行</option>
              <option value="cpp" label="&nbsp;C++出力">&nbsp;C++出力</option>
              <option value="web" label="&nbsp;HTML &amp; JavaScript出力">&nbsp;HTML &amp; JavaScript出力</option>
            </select>
          </div>

          <ul id="log">
          </ul>

          <p style="margin:5px;">
            (※ツイートボタンによって生成されるツイート中のURLには、最後に「処理開始」した際のコードと標準入力の情報を含みます。ただし、コードが長すぎるとボタンが正常に動作しないようです
            (おそらく2000字程度までは大丈夫だと思います)｡ <span id="tweet-button" style="display:inline; margin:5px"></span>)
          </p>
        </div>

        <div style="width:49%; float:left">
          <textarea id="input" style="width:100%;background-color:#ffeff7" cols="40" rows="5"
            placeholder="標準入力"></textarea><br>
          <div id="k_body"></div>
          <textarea id="output" style="width:100%;background-color:#ffeff7" cols="40" rows="30" placeholder="標準出力"
            readonly="readonly"></textarea><br>
        </div>

        <span style="margin: 5px 10px;"><a href="./about.html">このサイト (https://tatt61880.github.io/kuin-web/)
            に関する説明はこちら</a></span>
      </div>
    </div>
  </div>
</body>

</html>