generated from ExpTechTW/Example
-
Notifications
You must be signed in to change notification settings - Fork 1
/
trem_more.html
157 lines (154 loc) · 12.9 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
146
147
148
149
150
151
152
153
154
155
156
157
<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. 禁止轉售TREM提供之資訊。<br>
4. 禁止違反法律法規或違反公共秩序和道德的行為。<br>
5. 任何資訊均以<a class="info-note">中央氣象署(CWA)</a> 發布之內容為準。<br>
6. 除以上條款外 任何開發團隊合理認為不適當的行為均不被允許。<br>
</div>
<div class="info-end">ExpTech Studio | 2023年07月24日 初稿</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">Q&A 常見問題</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')">
<svg height="24" width="24" viewBox="0 0 24 24" class="bi bi-github">
<path clip-rule="evenodd"
d="M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z"
fill="currentColor" fill-rule="evenodd"></path>
</svg>
<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')">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 50 50"
class="bi bi-youtube">
<path fill="#FFFFFF"
d="M 44.898438 14.5 C 44.5 12.300781 42.601563 10.699219 40.398438 10.199219 C 37.101563 9.5 31 9 24.398438 9 C 17.800781 9 11.601563 9.5 8.300781 10.199219 C 6.101563 10.699219 4.199219 12.199219 3.800781 14.5 C 3.398438 17 3 20.5 3 25 C 3 29.5 3.398438 33 3.898438 35.5 C 4.300781 37.699219 6.199219 39.300781 8.398438 39.800781 C 11.898438 40.5 17.898438 41 24.5 41 C 31.101563 41 37.101563 40.5 40.601563 39.800781 C 42.800781 39.300781 44.699219 37.800781 45.101563 35.5 C 45.5 33 46 29.398438 46.101563 25 C 45.898438 20.5 45.398438 17 44.898438 14.5 Z M 19 32 L 19 18 L 31.199219 25 Z">
</path>
</svg>
<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')">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 50 50"
class="bi bi-discord">
<path
d="M 41.625 10.769531 C 37.644531 7.566406 31.347656 7.023438 31.078125 7.003906 C 30.660156 6.96875 30.261719 7.203125 30.089844 7.589844 C 30.074219 7.613281 29.9375 7.929688 29.785156 8.421875 C 32.417969 8.867188 35.652344 9.761719 38.578125 11.578125 C 39.046875 11.867188 39.191406 12.484375 38.902344 12.953125 C 38.710938 13.261719 38.386719 13.429688 38.050781 13.429688 C 37.871094 13.429688 37.6875 13.378906 37.523438 13.277344 C 32.492188 10.15625 26.210938 10 25 10 C 23.789063 10 17.503906 10.15625 12.476563 13.277344 C 12.007813 13.570313 11.390625 13.425781 11.101563 12.957031 C 10.808594 12.484375 10.953125 11.871094 11.421875 11.578125 C 14.347656 9.765625 17.582031 8.867188 20.214844 8.425781 C 20.0625 7.929688 19.925781 7.617188 19.914063 7.589844 C 19.738281 7.203125 19.34375 6.960938 18.921875 7.003906 C 18.652344 7.023438 12.355469 7.566406 8.320313 10.8125 C 6.214844 12.761719 2 24.152344 2 34 C 2 34.175781 2.046875 34.34375 2.132813 34.496094 C 5.039063 39.605469 12.972656 40.941406 14.78125 41 C 14.789063 41 14.800781 41 14.8125 41 C 15.132813 41 15.433594 40.847656 15.621094 40.589844 L 17.449219 38.074219 C 12.515625 36.800781 9.996094 34.636719 9.851563 34.507813 C 9.4375 34.144531 9.398438 33.511719 9.765625 33.097656 C 10.128906 32.683594 10.761719 32.644531 11.175781 33.007813 C 11.234375 33.0625 15.875 37 25 37 C 34.140625 37 38.78125 33.046875 38.828125 33.007813 C 39.242188 32.648438 39.871094 32.683594 40.238281 33.101563 C 40.601563 33.515625 40.5625 34.144531 40.148438 34.507813 C 40.003906 34.636719 37.484375 36.800781 32.550781 38.074219 L 34.378906 40.589844 C 34.566406 40.847656 34.867188 41 35.1875 41 C 35.199219 41 35.210938 41 35.21875 41 C 37.027344 40.941406 44.960938 39.605469 47.867188 34.496094 C 47.953125 34.34375 48 34.175781 48 34 C 48 24.152344 43.785156 12.761719 41.625 10.769531 Z M 18.5 30 C 16.566406 30 15 28.210938 15 26 C 15 23.789063 16.566406 22 18.5 22 C 20.433594 22 22 23.789063 22 26 C 22 28.210938 20.433594 30 18.5 30 Z M 31.5 30 C 29.566406 30 28 28.210938 28 26 C 28 23.789063 29.566406 22 31.5 22 C 33.433594 22 35 23.789063 35 26 C 35 28.210938 33.433594 30 31.5 30 Z"
fill="currentColor"></path>
</svg>
<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')">
<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" id="link-1">
<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" id="link-2">
<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>