TxtConvert/index.html at master · EarlySpringCommitee/TxtConvert · 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
<!DOCTYPE html>
<html>
  <head>
    <title>TxtConvert</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <!-- Tocas UI -->
    <link href="//cdnjs.cloudflare.com/ajax/libs/tocas-ui/2.3.3/tocas.css" rel="stylesheet">
    <script src="//cdnjs.cloudflare.com/ajax/libs/tocas-ui/2.3.3/tocas.js"></script>
    <!-- JQ -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <!-- axios -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.js"></script>
    <!-- index -->
    <link href="./index.css" rel="stylesheet">
    <script src="./index.js"></script>
    <!-- Theme Color -->
    <meta name="theme-color" content="#3f51b5">
  </head>
  <body>
    <div class="ts attached heading slate">
      <div class="ts narrow container"><span class="header">TxtConvert 1.2</span><span class="description">轉換 txt 檔案</span></div>
    </div>
    <div class="ts narrow container">
      <div class="ts basic dashed clickable slate no earlyspring" id="uploader">
        <input id="upload" type="file"><i class="upload symbol icon"></i><span class="header">載入資料</span><span class="description">將檔案拖拉至此處或是點擊此處來選取檔案。</span>
      </div>
      <div id="zhconvert"><a href="https://zhconvert.org/">本程式使用了繁化姬的 API 服務</a></div>
      <div class="ts centered inline loader text indeterminate" id="loader">正在將檔案發給小熊貓</div>
      <div id="preview" style="display:none;">
        <h3 class="ts header">預覽</h3>
        <select class="ts basic fluid dropdown" id="encode">
          <option>utf-8</option>
          <option selected="selected">gbk</option>
          <option>gb18030</option>
        </select>
        <pre class="ts top attached segment"></pre>
        <div class="ts bottom attached fluid buttons">
          <div class="ts primary button" data-start>開始轉換</div>
        </div>
      </div>
      <div id="download" style="display:none;"><a class="ts primary labeled icon button" download=""><i class="download icon"></i></a>
        <p>轉換完畢！</p>
      </div>
      <div class="ts inverted negative message" id="error" style="display:none;">
        <div class="header">錯誤</div>
        <p>//</p>
      </div>
    </div>
  </body>
</html>