hktss.github.io/sims.html at main · HKTSS/hktss.github.io · 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
<!DOCTYPE html>
<html lang="zxx" class="no-js">

<head>
    <!-- Mobile Specific Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Favicon -->
    <link rel="shortcut icon" href="assets/img/logo/favicon.ico">

    <!-- Author Meta -->
    <meta name="author" content="HKTSS 香港交通模擬工作室">

    <!-- Meta Description -->
    <meta name="description" content="一間制作不同模擬遊戲作品的工作室。目前主力開發OpenBVE作品，希望能帶給大家真實又高質的模擬體驗。">

    <!-- Meta Keyword -->
    <meta name="keywords" content="HKTSS">

    <!-- meta character set -->
    <meta charset="UTF-8">

    <!-- Site Title -->
    <title>模擬器系列 - HKTSS</title>

    <!-- Primary Meta Tags -->
    <meta name="title" content="HKTSS 香港交通模擬工作室">
    <meta content="#2761A8" data-react-helmet="true" name="theme-color" />

    <!-- Open Graph / Facebook -->
    <meta property="og:locale" content="zh_HK" />
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://hktss.github.io/">
    <meta property="og:title" content="HKTSS 香港交通模擬工作室">
    <meta property="og:description" content="一間制作不同模擬遊戲作品的工作室。目前主力開發OpenBVE作品，希望能帶給大家真實又高質的模擬體驗。">
    <meta property="og:image" content="https://hktss.github.io/img/cover.png">

    <!-- Twitter -->
    <meta property="twitter:url" content="https://hktss.github.io/">
    <meta property="twitter:title" content="HKTSS 香港交通模擬工作室">
    <meta property="twitter:description" content="一間制作不同模擬遊戲作品的工作室。目前主力開發OpenBVE作品，希望能帶給大家真實又高質的模擬體驗。">
    <meta property="twitter:image" content="https://hktss.github.io/img/cover.png">
    <!-- Include this to make the og:image larger -->
    <meta name="twitter:card" content="summary_large_image">

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@400;500&display=swap" rel="stylesheet">

    <!-- CSS -->
    <link rel="stylesheet" href="assets/css/linearicons.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/link.css">
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">

</head>

<body>
    <section class="generic-banner relative">
        <header class="default-header">
            <div id="navbar"></div>
        </header>

        <div class="container">
            <div class="row height align-items-center justify-content-center">
                <div class="col-lg-10">
                    <div class="generic-banner-content">
                        <h2 class="text-white">模擬器系列</h2>
                        <h3 class="text-white">Simulator Series</h3>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="whole-wrap">
        <h1 style="text-align: center;margin-top:2rem">原創 Original</h1>
        <div id="showarea">
            <div class="studio">
                <img src="assets/img/sims/rv.png">
                <h4>願景資訊顯示屏模擬器</h4>
                <h4>RV PIDS Simulator</h4>
                <p>模擬港鐵的重鐵願景資訊顯示屏。<br>支援實時到站班次 或 自定班次。</p>
                <div class="fdlink">
                    <a href="https://github.com/HKTSS/mtr-pids"><i class="fa-brands fa-github"></i></a>
                    <a href="https://hktss.github.io/mtr-pids"><i class="fa-solid fa-globe"></i></a>
                </div>
            </div>
            <div class="studio">
                <img src="assets/img/sims/nlrt.png">
                <h4>願景輕鐵資訊顯示屏模擬器</h4>
                <h4>LRT RV PIDS Simulator</h4>
                <p>模擬港鐵輕鐵網絡中的直立式班次顯示屏<br>只支援實時到站班次。</p>
                <div class="fdlink">
                    <a href="https://github.com/HKTSS/nlrt-pids"><i class="fa-brands fa-github"></i></a>
                    <a href="https://hktss.github.io/nlrt-pids"><i class="fa-solid fa-globe"></i></a>
                </div>
            </div>
        </div>
        <h1 style="text-align: center;margin-top:2rem">修改 Modification</h1>
        <div id="showarea">
            <div class="studio">
                <img src="assets/img/sims/olrt.png">
                <h4>輕鐵資訊顯示屏模擬器</h4>
                <h4>LRT PIDS Simulator</h4>
                <p>模擬港鐵/九廣輕鐵網絡中的橫式班次顯示屏<br>修改後可支援實時到站班次。<br>原網站支援自定班次。</p>
                <div class="fdlink">
                    <a href="https://hktss.github.io/olrt-pids"><i class="fa-solid fa-globe"></i></a>
                </div>
            </div>
        </div>
    </div>

    <!-- Handled by components.js -->
    <div id="footer"></div>

    <script src="assets/js/components.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
    <script src="assets/js/vendor/jquery-2.2.4.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <script src="assets/js/jquery.sticky.js"></script>
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/main.js"></script>
</body>

<style>
    .studio > img {
        filter: drop-shadow(0px 0px 6px #444);
    }
</style>

</html>