forked from Spiderpowa/TJDict
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
220 lines (216 loc) · 11.1 KB
/
index.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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TJDict</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/index.css">
</head>
<body data-spy="scroll" data-target="#dict_nav" data-offset="70">
<nav class="navbar navbar-inverse" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header hidden-xs">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TJDict</a>
</div>
<form class="navbar-form navbar-left" action="/index.html" role="search">
<div class="form-group">
<div class="input-group">
<input id="q" type="text" name="q" class="form-control" placeholder="請輸入單字">
<div class="input-group-btn">
<button id="tts" class="btn btn-default disabled" type="button"><span class="glyphicon glyphicon-volume-up"></span></button>
<button id="lang_dropdown" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul id="tts_list" class="dropdown-menu dropdown-menu-right" role="menu"></ul>
</div>
</div>
</div>
</form>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-left">
<li><a href="#" data-toggle="modal" data-target="#modal_about"><span class="glyphicon glyphicon-question-sign"></span> 關於</a></li>
<li><a href="#" data-toggle="modal" data-target="#modal_setting"><span class="glyphicon glyphicon-cog"></span> 設定</a></li>
<li><a href="" data-toggle="modal" data-target="#modal_faq"><span class="glyphicon glyphicon-question-sign"></span> FAQ</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<nav id="dict_nav" class="navbar navbar-default navbar-static-top hidden-xs" role="navigation" data-spy="affix" data-offset-top="70">
<div class="container-fluid">
<ul id="dict_nav_ul" class="nav navbar-nav"></ul>
</div>
</nav>
<div id="main" class="container-fluid">
<div id="intro" class="row">
<div class="col-md-6">
<img src="img/banner.png" class="img-rounded img-responsive">
</div>
<div class="col-md-6">
<div class="page-header">
<h1>使用方式</h1>
</div>
<ul>
<li>在網頁上 <code>Ctrl</code> + 滑鼠雙擊單字</li>
<li>在網頁上 <code>Ctrl</code> + <code>Alt</code> + 滑鼠拖曳反白單字</li>
<li>反白單字後右鍵</li>
<li>Mac 使用者請用 <code>Cmd</code> 取代 <code>Ctrl</code></li>
</ul>
<hr>
<a href="https://chrome.google.com/webstore/detail/tjdict/caafmojgjlbflohillejdmnghkpcjjpp/reviews" target="_blank" class="btn btn-info btn-lg" role="button"><span class="glyphicon glyphicon-comment"></span> 評論</a>
<a href="https://chrome.google.com/webstore/support/caafmojgjlbflohillejdmnghkpcjjpp" target="_blank" class="btn btn-info btn-lg" role="button"> <span class="glyphicon glyphicon-wrench"></span> 意見</a>
</div>
</div>
</div>
<!-- modals BEGIN -->
<div id="modal_about" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">關閉</span></button>
<h4 class="modal-title">關於</h4>
</div>
<div class="modal-body">
<div class="media">
<a class="pull-left" href="#">
<img class="media-object img-rounded" src="/img/icon128.png">
</a>
<div class="media-body">
<h2 class="media-heading">TJDict <small>多核心網路字典</small></h2>
<p>版本 <span class="version"></span></p>
<p>靈感來自於 Lingoes 這套軟體，TJDict 是一套可以整合網路上各大網路字典且可以日漸擴充的外掛。</p>
<ul>
<li><a target="_blank" href="https://chrome.google.com/webstore/detail/caafmojgjlbflohillejdmnghkpcjjpp/reviews">Google Web Store</a>（給我一點鼓勵和一些星星吧 XD）</li>
<li><a target="_blank" href="https://chrome.google.com/webstore/support/caafmojgjlbflohillejdmnghkpcjjpp">意見回饋</a></li>
<li><a target="_blank" href="https://github.com/tonytonyjan/TJDict/blob/master/CHANGELOG.md">更新日誌</a></li>
</ul>
</div>
</div>
<hr>
<div class="media">
<a class="pull-left" href="#">
<img class="media-object img-rounded" src="/img/avatar.png">
</a>
<div class="media-body">
<h2 class="media-heading">作者 <small>大兜</small></h2>
<p>身份複雜的七年八班工程師、研究生、SOHO 族、創業中。喜歡 Ruby、Java、C，愛好寫程式，以此為樂，並以此維生。</p>
<ul>
<li><a target="_blank" href="mailto:[email protected]">[email protected]</a></li>
<li><a target="_blank" href="http://tonytonyjan.net">個人網站</a></li>
<li><a target="_blank" href="http://5xruby.tw">五倍紅寶石股份有限公司</a></li>
<li><a target="_blank" href="http://brainana.com">腦袋有動工作室</a></li>
</ul>
</div><!--end media-body-->
</div><!--end media-->
<hr>
<div class="media">
<a class="pull-left" href="#">
<img class="media-object img-rounded" src="/img/avatar_ephemera.png">
</a>
<div class="media-body">
<h2 class="media-heading">設計 <small>Ephemera Creative</small></h2>
<p>EPHEMERA作品幽默，富社會意識；其名是期許在創作中探索生命無常，所為何來的意義。</p>
<ul>
<li><a target="_blank" href="mailto:[email protected]">[email protected]</a></li>
<li><a target="_blank" href="http://ephemera.tw/">作品集網站</a></li>
<li><a target="_blank" href="http://www.facebook.com/ephemera.tw">Facebook Page</a></li>
</ul>
</div><!--end media-body-->
</div><!--end media-->
</div><!--end modal-body-->
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">關閉</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div id="modal_setting" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">關閉</span></button>
<h4 class="modal-title">設定</h4>
</div>
<div class="modal-body">
<h4>顯示方式</h4>
<label class="radio-inline">
<input type="radio" name="open_method" value="popup"> 跳出視窗
</label>
<label class="radio-inline">
<input type="radio" name="open_method" value="tab"> 分頁
</label>
<h4>關閉方式</h4>
<label class="radio-inline">
<input type="radio" name="close_method" value="auto"> 自動
</label>
<label class="radio-inline">
<input type="radio" name="close_method" value="manual"> 手動
</label>
<h4>操作方式</h4>
<div class="checkbox">
<label>
<input type="checkbox" name="hold_feature" value="true"> 長按一秒
</label>
<span class="help-block">適用於平板電腦</span>
</div>
<h4>啟用字典</h4>
<p>拖曳可排序</p>
<div id="dict_checkboxes"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">關閉</button>
<button id="save" type="button" class="btn btn-primary">儲存</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div id="modal_faq" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">關閉</span></button>
<h4 class="modal-title">FAQ</h4>
</div>
<div class="modal-body">
<dl>
<h4>Q. 安裝後滑鼠雙擊沒有效果怎麼辦？</h4>
<p>Chrome 在安裝新外掛時，只有對於新載入的頁面才會生效，重新整理網頁就可以解決。</p>
<h4>Q. 平板電腦該怎麼使用？</h4>
<p>請到「設定」->「操作方式」將「長按一秒」打勾並且儲存。之後只要反白單字後再長按一秒就可以開啟查詢視窗。</p>
<h4>Q. 為什麼做這個？</h4>
<p>2012 年八月，筆者因英文太爛飽受閱讀論文之苦，遂起了製作外掛的念頭，月初完成雛形，當初只為解決自己的問題而只有個人使用，但在朋友慫恿下放到了 Web Store。</p>
<h4>Q. 為什麼要叫 TJDict？</h4>
<p>是「體貼周到」（thoughtful）與 「共享共有」（joint）的字首，期許 TJDict 能以此為目標邁進。<del>其實真相是筆者的英文名字是 Tony Jian，由於當初只為個人使用所以這樣命名，現在想改也來不及了Orz</del></p>
</dl>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">關閉</button>
</div>
</div>
</div>
</div>
<!-- modals END -->
<!-- init -->
<script src="/js/jquery-2.1.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/sortable.min.js"></script>
<script src="/js/init.js"></script>
<script src="/js/params.js"></script>
<!-- dictionaries -->
<script src="/js/dictionaries/yahoo.js"></script>
<script src="/js/dictionaries/nciku.js"></script>
<script src="/js/dictionaries/jukuu.js"></script>
<script src="/js/dictionaries/urban.js"></script>
<script src="/js/dictionaries/weblio.jp.js"></script>
<script src="/js/dictionaries/oxford.js"></script>
<!-- launch -->
<script src="/js/options.js"></script>
<script src="/js/index.js"></script>
</body>
</html>