Nanahira-Web/eap.html at main · MeowProject/Nanahira-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
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
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<html>

<head>
    <meta charset="utf-8">
    <title>EAP - Yuutonuko</title>

    <style>
        .space {
            height: 50px;
        }

        .img {
            transition: all 2s;
        }
    </style>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css" integrity="sha384-cLRrMq39HOZdvE0j6yBojO4+1PrHfB7a9l5qLcmRm/fiWXYY+CndJPmyu5FV/9Tw" crossorigin="anonymous" />
    <script src="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js" integrity="sha384-gCMZcshYKOGRX9r6wbDrvF+TcCCswSHFucUzUPwka+Gr+uHgjlYvkABr95TCOz3A" crossorigin="anonymous"></script>
</head>

<body style="background: rgba(230,230,230)">
    <br/>
    <br/>
    <div class="mdui-container">
        <div class="mdui-card mdui-hoverable">
            <div class="mdui-card-media" style="overflow: hidden;height: 400px;">
                <img src="img/blue.png" class="img" />
                <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
                    <div class="mdui-card-primary" style="text-align: center;">
                        <div class="mdui-card-primary-title">FDP Client</div>
                        <div class="mdui-card-primary-subtitle">Latest EAP auto build<br/>Download as your own risk, it may unstable and buggy!</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="space"></div>
        <div class="mdui-container">
            <table class="mdui-table mdui-hoverable">
                <thead>
                    <tr>
                        <th>Commit</th>
                        <th>Date</th>
                        <th>Commit Message</th>
                        <th>Download</th>
                    </tr>
                </thead>
                <tbody id="tbody">
                </tbody>
            </table>
        </div>
    </div>
    <div class="space" style="color: green;font-size:xx-large;text-align: center;" id="loading-badge">
        <div class="mdui-spinner"></div>
    </div>

    <!-- JavaScript Libraries -->
    <script src="lib/jquery/jquery.min.js"></script>
    <script src="lib/jquery/jquery-migrate.min.js"></script>

    <script>
        var verJson = []

        function addVer(sha, time, msg, artifact_id) {
            verJson.push({
                link: "https://github.com/UnlegitMC/FDPClient/commit/" + sha,
                sha: sha,
                time: new Date(time),
                msg: msg,
                download_link: "https://nightly.link/UnlegitMC/FDPClient/actions/runs/" + artifact_id + "/FDPClient.zip"
            })
            refresh()
        }

        function refresh() {
            $('#loading-badge').html("");
            $("#tbody").html("");
            verJson.sort(function(a, b) {
                return a.time.getTime() - b.time.getTime();
            }).sort(function(a, b) {
                return -1 // this is a really stupid method right?
            }).forEach(element => {
                $("#tbody").append('<tr><td><a href="' + element.link + '">' + element.sha.substring(0, 7) + '</a></td><td>' + element.time.toLocaleString() + '</td><td>' + element.msg + '</td><td><a href="' + element.download_link + '">Artifact</a></td></tr>')
            })
        }

        $.get("https://api.github.com/repos/UnlegitMC/FDPClient/actions/runs", function(data, status) {
            data.workflow_runs.forEach(element => {
                if (element.name == 'build') {
                    addVer(element.head_commit.id, element.head_commit.timestamp, element.head_commit.message, element.id)
                }
            });
        })

        function fn3() {
            var r = Math.floor(Math.random() * 256);
            var g = Math.floor(Math.random() * 256);
            var b = Math.floor(Math.random() * 256);
            return "rgb(" + r + ',' + g + ',' + b + ")";
        }

        // this seems not working
        rainbow();

        function rainbow() {
            $(".img").css("filter", "brightness(1.1) drop-shadow(0 0 " + fn3() + ")");
            setTimeout("rainbow();", 2000);
        }
    </script>

    <!-- Yandex.Metrika counter -->
    <script type="text/javascript">
        (function(m, e, t, r, i, k, a) {
            m[i] = m[i] || function() {
                (m[i].a = m[i].a || []).push(arguments)
            };
            m[i].l = 1 * new Date();
            k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
        })
        (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

        ym(84028663, "init", {
            clickmap: true,
            trackLinks: true,
            accurateTrackBounce: true,
            webvisor: true
        });
    </script>
    <noscript><div><img src="https://mc.yandex.ru/watch/84028663" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
    <!-- /Yandex.Metrika counter -->

</body>

</html>