phi-html/index.html at main · Catrong/phi-html · 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
<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <link rel="shortcut icon" href="#" />
    <link rel="stylesheet" type="text/css" href="./default.css">
    <title>phi-plugin</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.3.0/papaparse.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.6.0/jszip.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/js-yaml@4/dist/js-yaml.min.js"></script>
    <script src="https://unpkg.com/art-template/lib/template-web.js"></script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/qrcode/build/qrcode.min.js"></script>
</head>

<body>

    <div class="background">
        <img src="https://raw.githubusercontent.com/Catrong/phi-plugin-ill/refs/heads/main/illBlur/996.李化禹.png" alt="曲绘"
            id="bkg">
    </div>

    <div class="loading" id="loading">
        <p id="local"></p>
        <p id="lastest"></p>
        <div class="poz" id="poz">
            <p>→</p>
        </div>
        <p>avatar</p>
        <p>info</p>
        <p>difficulty</p>
        <p>nicklist</p>
        <p>tips</p>
        <p>infolist</p>
        <p>notesInfo</p>
        <p id="updateInfoState">正在检查更新...</p>
    </div>

    <div class="tokenBox" id="tokenBox">
        <div class="input-container">
            <input type="text" id="i-name" name="i-name" value="" aria-labelledby="label-name" />
            <label class="label" for="i-name" id="label-name">
                <div class="text">your sessionToken</div>
            </label>
        </div>
        <div class="btn-box">
            <button class="btn" id="submit" class="btn">submit</botton>
        </div>
        <div class="userInfo" id="userInfo"> </div>
        <div class="btn-box" id="fnc-btn"></div>
    </div>
    <script src="./src/model/fCompute.js"></script>
    <script src="./src/model/getInfo.js"></script>
    <script src="./src/model/phigrosUser.js"></script>
    <script src="./src/model/class/Save.js"></script>
    <script src="./src/app/b19.js"></script>
    <script>
        const inputEle = document.getElementById('i-name')
        inputEle.addEventListener('input', () => {
            inputEle.setAttribute('value', inputEle.value)
        })
    </script>
    <script>
            (function (win, doc) {
                'use strict';
                let options = { dpr: win.devicePixelRatio };
                let html = doc.documentElement,
                    dpr = html.getAttribute('data-dpr') || options.dpr,
                    viewPort = doc.querySelector('meta[name="viewport"]'),
                    rotate = win.onorientationchange ? 'orientationchange' : 'resize';

                // 设置html fontSize
                function setSize() {
                    let winWidth = win.innerWidth || html.clientWidth;
                    html.style.fontSize = 100 * winWidth / (window.innerWidth > window.innerHeight ? 4096 : 2048) + 'px';
                };

                // 设置 initial-scale
                function setScale() {
                    setSize();
                    let viewContent = viewPort.getAttribute('content');
                    let reg = /initial-scale=(\d(.\d+)?)/i;
                    let matchRes = viewContent.match(reg);
                    let scale = 1 / parseInt(dpr);
                    if (matchRes && matchRes[1] == scale) {
                        return;
                    }
                    let newContent = viewContent.replace(reg, function (a, b) {
                        return a.replace(/\d(.\d+)?/i, scale);
                    });
                    viewPort.setAttribute('content', newContent);
                };

                win.addEventListener(rotate, setSize);
                window.requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame;
                requestAnimationFrame(setScale);
            }(window, document));
    </script>
</body>

</html>