Super-Encryption/index.html at main · wangzaiwang-hub/Super-Encryption · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Super Encryption</title>
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="title-bar">
        <div class="title-bar-drag-region"></div>
        <div class="title-bar-btns">
            <button id="min-btn" class="title-bar-btn">
                <svg x="0px" y="0px" viewBox="0 0 10.2 1"><rect x="0" y="0" fill="#00FF41" width="10.2" height="1"></rect></svg>
            </button>
            <button id="max-btn" class="title-bar-btn">
                <svg x="0px" y="0px" viewBox="0 0 10.2 10.2"><path fill="#00FF41" d="M0,0v10.1h10.2V0H0z M9.2,9.2H1V1h8.2V9.2z"></path></svg>
            </button>
            <button id="close-btn" class="title-bar-btn">
                <svg x="0px" y="0px" viewBox="0 0 10.2 10.2"><polygon fill="#00FF41" points="10.2,0.7 9.5,0 5.1,4.4 0.7,0 0,0.7 4.4,5.1 0,9.5 0.7,10.2 5.1,5.8 9.5,10.2 10.2,9.5 5.8,5.1"></polygon></svg>
            </button>
        </div>
    </div>
    <div class="container">
        <!-- Initial View: Main Menu -->
        <div id="menu-view" class="view active">
            <div class="title-container">
                <h1>Super Encryption</h1>
            </div>
            <div id="menu-protocol-display"></div>
            <div class="menu-buttons">
                <button id="encrypt-mode-btn" class="btn btn-menu">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
                    <span>我要加密</span>
                </button>
                <button id="decrypt-mode-btn" class="btn btn-menu">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 9.9-1"></path></svg>
                    <span>我要解密</span>
                </button>
            </div>
        </div>

        <!-- Files View -->
        <div id="files-view" class="view">
            <h2 id="files-view-title">已选中的文件</h2>
            <div id="file-list-container">
                <div id="files-protocol-display"></div>
                <div id="file-list"></div>
            </div>
            <div class="button-group">
                <button id="back-btn" class="btn btn-secondary">返回</button>
                <button id="process-btn" class="btn btn-primary">一键处理</button>
            </div>
        </div>

        <!-- Animation View -->
        <div id="animation-view" class="view">
            <div id="fake-console"></div>
        </div>

        <!-- Result View -->
        <div id="result-view" class="view">
            <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
            <h2 id="result-title">处理成功！</h2>
            <p id="result-message">您的文件已准备就绪，可以导出了。</p>
            <button id="export-btn" class="btn btn-primary">导出文件</button>
            <button id="finish-btn" class="btn btn-secondary">完成</button>
        </div>

        <div id="status-area">
            <p id="status-message"></p>
        </div>
    </div>
    <div class="footer">
        <p>Super Encryption v1.0.0 - by <a href="https://github.com/wangzaiwang-hub" id="author-link">@wangzaiwang-hub</a></p>
        <p>仅供娱乐声明</p>
    </div>
    <script src="renderer.js"></script>
</body>
</html>