CheckSSL/index.html at master · Hans362-s-Lab/CheckSSL · 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
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>SSL 状态 | Hans362 's Lab</title>
    <link rel="shortcut icon" type="image/ico" href="https://cdn.jsdelivr.net/gh/hans362/image-hosting@master/favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.jsdelivr.net/gh/hans362/image-hosting@master/favicon-32x32.png">
    <meta name="format-detection" content="telephone=no">
    <meta name="description" itemprop="description" content="Hans362 的 SSL 证书透明度报告">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.1/dist/semantic.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/suka.css@0.1.2">
    <style>
        .item-title {
            color: #adadad
        }

        .ui.table tr td,
        .ui.table,
        .ui.table tbody {
            border: none;
        }

        .ui.table tr td {
            padding: .3rem;
            line-height: 1.2rem;
        }
    </style>
    <!--[if lt IE 9]><script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3"></script><script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script><![endif]-->
    <meta property="og:title" content="SSL 状态 | Hans362 's Lab">
    <meta property="og:type" content="Website">
    <meta property="og:url" content="https://lab.hans362.cn/ssl">
    <meta property="og:description" content="Hans362 的 SSL 证书透明度报告">
    <meta name="twitter:card" content="summary">
</head>

<body class="sk-p-4 sk-pt-8 sk-pb-6">
    <h1 class="ui center aligned header">
        <i id="icon" class="expeditedssl icon" data-position="left center" style="color: #009688;"></i>SSL 状态</h1>
    <div class="ui container sk-pt-4">
        <div class="ui container two column stackable grid container" id="result"></div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1"></script>
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.3.1/dist/semantic.min.js"></script>
    <script type="text/javascript">
        var ctJson = "./ct.json?" + new Date().getTime() + Math.random()
        $.getJSON(ctJson, function (data) {
            $.each(data, function (index, value) {
                $("#result").append(`
                    <div class="column" v-for="item in items">
                        <div class="ui segment">
                            <h3 class="ui floated header sk-pl-2">${value.domain}&nbsp;&nbsp;
                                <small class="sk-text-${value.statuscolor}">${value.status}</small>
                            </h3>
                            <div class="ui clearing divider"></div>
                            <div class="sk-pl-2">
                                <table class="ui collapsing table unstackable">
                                    <tbody>
                                        <tr>
                                            <td class="item-title sk-text-right">Last check</td>
                                            <td>${value.check}</td>
                                        </tr>
                                        <tr>
                                            <td class="item-title sk-text-right">Subject</td>
                                            <td>${value.subject}</td>
                                        </tr>
                                        <tr>
                                            <td class="item-title sk-text-right">Valid from</td>
                                            <td>${value.start}</td>
                                        </tr>
                                        <tr>
                                            <td class="item-title sk-text-right">Valid until</td>
                                            <td>${value.expire}</td>
                                        </tr>
                                        <tr>
                                            <td class="item-title sk-text-right">Remaining</td>
                                            <td>${value.remain} Days</td>
                                        </tr>
                                        <tr>
                                            <td class="item-title sk-text-right">Issuer</td>
                                            <td>${value.issuer}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                `);
            });
        });
    </script>
</body>

</html>