generated from ExpTechTW/Example
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtrem_more.html
145 lines (142 loc) · 9.41 KB
/
trem_more.html
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
136
137
138
139
140
141
142
143
144
145
<html lang="zh-Hant">
<head>
<title id="title">TREM Info</title>
<meta charset="utf-8" />
<meta content="TREM Info" property="og:title" />
<meta content="TREM Info | 關於" property="og:description" />
<meta content="https://exptechtw.github.io/" property="og:url" />
<meta content="https://cdn.jsdelivr.net/gh/ExpTechTW/API@master/image/Icon/ExpTech.png" property="og:image" />
<link rel="stylesheet" href="./css/trem_more.css">
<script src="./js/config.js"></script>
</head>
<body>
<div class="main">
<div style="padding: 10px;">
<div class="title">ExpTech Studio</div>
<div class="subtitle">編程、設計、創意、實用</div>
<div class="subtitle">臺灣 Taiwan</div>
</div>
<div class="info-box">
<div class="info-title">服務條款 TOS</div>
<div class="info-body">
1. 通過使用服務，使用者將被視為<a class="info-note">已同意遵守服務條款。</a><br>
2. <a class="info-note">嚴禁未經授權</a>將本服務之所有資料及畫面進行轉售或以不當之名義進行再分發。<br>
3. 本服務會員功能僅限於本人使用，不得將會員帳號移轉於第三方。<br>
4. 禁止違反中華民國法規，包括但不限於氣象法、社維法、刑法及一切網際網路規定。<br>
5. <a class="info-note">嚴禁使用本服務侵犯第三者之權益</a>，包括但不限於著作權、商標權、專利權等。<br>
6. 嚴禁任何形式損害探索科技伺服器及工作人員或其他使用者使用本服務的權利。<br>
7. 本服務發佈之所有資訊，最終以中央氣象署(CWA)發佈內容為準。<br>
</div>
<div class="info-end">ExpTech Studio | 2024年08月22日 修稿</div>
</div>
<div class="info-box">
<img height="540px" width="720px"
src="https://cdn.jsdelivr.net/gh/ExpTechTW/API@master/resource/example.png" />
</div>
<div class="info-box">
<div class="info-title">常見問題 FAQ</div>
<div class="info-body">
<span>Q:什麼是<b class="red">計測震度</b>，為什麼有負數？</span><br>
<span style="white-space: nowrap;">A:我們常說的<span id="int_list"></span><b class="red">震度階</b>，是<b
class="red">計測震度</b>轉換後的結果，使用<b class="red">計測震度</b>可以反映出微小地震引起的變化。</span><br>
<div class="formula">
<p>公式（設<span class="red">計測震度</span>為<span class="red">X</span>）</p>
<ul></ul>
</div>
</div>
<div class="info-body">
<span>Q:什麼是P波、S波？<br></span>
<span>A:地震發生時因干涉或疊加會產生P波、S波兩種震動波，P波（上下）傳遞速度較快，破壞力較小，S波（前後左右）傳遞速度較慢，破壞力大，通常是導致災害的的關鍵。</span>
</div>
</div>
</div>
<div class="info-box links">
<div class="info-title">連結 LINK</div>
<div style="display: flex;">
<div class="link" onclick="link('github.com/ExpTechTW')">
<img height="25" src="https://cdn.simpleicons.org/github/ffffff" width="25">
<div class="link-text">GitHub</div>
<svg width="25px" height="25px" fill="currentColor" class="bi bi-arrow-right-square"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z">
</path>
</svg>
</div>
<div class="link" onclick="link('www.youtube.com/@exptechtw')">
<img height="25" src="https://cdn.simpleicons.org/youtube/ffffff" width="25">
<div class="link-text">YouTube</div>
<svg width="25px" height="25px" fill="currentColor" class="bi bi-arrow-right-square"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z">
</path>
</svg>
</div>
</div>
<div style="display: flex;">
<div class="link" onclick="link('exptech.com.tw/dc')">
<img height="25" src="https://cdn.simpleicons.org/discord/ffffff" width="25">
<div class="link-text">Discord</div>
<svg width="25px" height="25px" fill="currentColor" class="bi bi-arrow-right-square"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z" />
</svg>
</div>
<div class="link" onclick="link('www.threads.net/@dpip.tw')">
<img height="25" src="https://cdn.simpleicons.org/threads/ffffff" width="25">
<div class="link-text">Threads</div>
<svg width="25px" height="25px" fill="currentColor" class="bi bi-arrow-right-square"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z" />
</svg>
</div>
</div>
<div style="display: flex;">
<div class="link" onclick="link('api-1.exptech.dev/file/trem.html')">
<div class="link-text">線上展示</div>
<svg width="25px" height="25px" fill="currentColor" class="bi bi-arrow-right-square"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z" />
</svg>
</div>
<div class="link" onclick="link('api-1.exptech.dev/file/trem_report.html')">
<div class="link-text">預警紀錄</div>
<svg width="25px" height="25px" fill="currentColor" class="bi bi-arrow-right-square"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z" />
</svg>
</div>
</div>
<div style="display: flex;">
<div class="link"
onclick="link('docs.google.com/document/d/1MqWsmerVQs6VM-cJEG7ImtVlhCcEY7jRh8dVn0BscL0/view?rm=minimal')">
<div class="link-text">相關說明</div>
<svg width="25px" height="25px" fill="currentColor" class="bi bi-arrow-right-square"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z" />
</svg>
</div>
<div class="link" onclick="link('status.exptech.dev')">
<div class="link-text">伺服器狀態</div>
<svg width="25px" height="25px" fill="currentColor" class="bi bi-arrow-right-square"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z" />
</svg>
</div>
</div>
</div>
</div>
<script src="./js/trem_more.js"></script>
<script>
document.getElementById("link-1").onclick = () => link(`${URL_MAIN}/file/trem.html`);
document.getElementById("link-2").onclick = () => link(`${URL_MAIN}/file/trem_report.html`);
</script>
</body>
</html>