-
-
Notifications
You must be signed in to change notification settings - Fork 21
/
Copy path_index.zh_tw.html
277 lines (266 loc) · 11.1 KB
/
_index.zh_tw.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
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
+++
title = "CP Editor"
linkTitle = "CP Editor"
translated = true
+++
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="/vendors/linericon/style.css">
<link rel="stylesheet" href="/vendors/owl-carousel/owl.carousel.min.css">
<!-- main css -->
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/responsive.css">
<div style="margin: -15px;">
<!--================Home Banner Area =================-->
<div class="home_banner_area">
<div class="banner_inner">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="banner_content">
<h2>讓你的競程之旅<br>如虎添翼！</h2>
<!-- <h2>The Missing Editor <br />for Competitive Programmers</h2> -->
<p>CP Editor 是專為競程用途開發的程式碼編輯器。藉由自動化編譯、執行、測試的過程，讓您得以專注於設計演算法。它甚至可以從不同的平台取得測資，並繳交答案至 Codeforces！</p>
<a class="banner_btn" href="https://github.com/cpeditor/cpeditor">看看我們的 GitHub</a>
<a class="banner_btn2" href="download">下載軟體</a>
</div>
</div>
<div class="col-lg-7">
<div class="home_left_img">
<img class="img-fluid" src="/img/banner/home-left-white.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!--================End Home Banner Area =================-->
<!--================Work Area =================-->
<div class="work_area p_120">
<div class="container">
<div class="main_title">
<h2>厲害之處</h2>
<!-- <h2>How it works for you</h2> -->
<p>CP Editor 將競賽過程中大部分的重複又乏味的工作自動化，省略了繁複的程序，讓您可以全然專注於撰寫程式碼。</p>
</div>
<div class="work_inner row">
<div class="col-lg-4">
<div class="work_item">
<i class="lnr lnr-screen"></i>
<a><h4>取得測資</h4></a>
<p>CP Editor 可以從大部分的競賽網站取得測資，別再煩惱複製貼上時出差錯了。</p>
</div>
</div>
<div class="col-lg-4">
<div class="work_item">
<i class="lnr lnr-code"></i>
<a><h4>寫得更快</h4></a>
<p>您可以自訂各種常用的程式碼片段，節省撰寫重複程式碼的時間。在兩秒內變出 DFS 也不是難事了。</p>
</div>
</div>
<div class="col-lg-4">
<div class="work_item">
<i class="lnr lnr-clock"></i>
<a><h4>評判結果</h4></a>
<p>使用內建或自 testlib 取得的評判程式來驗證範例測資，過程簡單快速。您也可以加入自己的評判程式。</p>
</div>
</div>
</div>
</div>
</div>
<!--================End Work Area =================-->
<!--================Made Life Area =================-->
<div class="made_life_area p_120">
<div class="container">
<div class="made_life_inner">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#withoutSaving" role="tab" aria-controls="home" aria-selected="true">免存檔執行</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#themes" role="tab" aria-controls="profile" aria-selected="false">多種佈景</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#linting" role="tab" aria-controls="contact" aria-selected="false">問題標註</a>
</li>
<li class="nav-item">
<a class="nav-link" id="edge-tab" data-toggle="tab" href="#codeforces" role="tab" aria-controls="edge" aria-selected="false">提交至 Codeforces</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="withoutSaving" role="tabpanel" aria-labelledby="home-tab">
<div class="row made_life_text">
<div class="col-lg-6">
<div class="left_side_text">
<h3>想隨時執行程式<br />沒問題</h3>
<h6>存檔很麻煩，我們都知道</h6>
<p>我們讓存檔變得不再必要。僅需一步，您就可以立即執行您的程式；關閉視窗前不必猶豫，CP Editor 幫你記住工作階段。</p>
<a class="main_btn" href="download">立即開始</a>
</div>
</div>
<div class="col-lg-6">
<div class="chart_img">
<img class="img-fluid" src="/img/simple.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="themes" role="tabpanel" aria-labelledby="profile-tab">
<div class="row made_life_text">
<div class="col-lg-6">
<div class="left_side_text">
<h3>盯著螢幕讓眼睛很不舒服嗎？<br />沒問題，我們準備好暗色模式了。</h3>
<h6>生活多采多姿，程式碼編輯器也要一樣</h6>
<p>我們準備了五種配色任君挑選：Light、Drakula、Monkai、Solarized Light 及 Solarized Dark。還是不滿意？歡迎到我們的社群網頁提出需求，我們可能就會在下次的更新加入。</p>
<a class="main_btn" href="download">立即開始</a>
</div>
</div>
<div class="col-lg-6">
<div class="chart_img">
<img class="img-fluid" src="/img/themes.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="linting" role="tabpanel" aria-labelledby="contact-tab">
<div class="row made_life_text">
<div class="col-lg-6">
<div class="left_side_text">
<h3>編譯過不了？<br />現在問題都無所遁形</h3>
<h6>不用再慢慢找哪裡拼錯了，Linter 都幫你標示出來</h6>
<p>有了 Language Server 的協助，我們可以在程式碼即時顯示錯誤及警告，就像在 Atom 或 VS Code 中的 IntelliSense 那樣。您會見到警告訊息下方的波浪線，將滑鼠暫留在上方以檢視提示。</p>
<a class="main_btn" href="download">立即開始</a>
</div>
</div>
<div class="col-lg-6">
<div class="chart_img">
<img class="img-fluid" src="/img/linting.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="codeforces" role="tabpanel" aria-labelledby="edge-tab">
<div class="row made_life_text">
<div class="col-lg-6">
<div class="left_side_text">
<h3>為您提交答案至<br/>Codeforces</h3>
<!-- <h3>We can submit your <br/>Solutions to Codeforces</h3> -->
<h6>多虧了競賽程式的社群</h6>
<p>我們蒐集了最棒的工具並將其整合在編輯器裡。CF Tool 讓您不用離開編輯器，就能繳交程式碼、讀取評判結果。</p>
<a class="main_btn" href="download">Get Started Now</a>
</div>
</div>
<div class="col-lg-6">
<div class="chart_img">
<img class="img-fluid" src="/img/codeforces.jfif" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--================End Made Life Area =================-->
<!--================Screen Area =================-->
<div class="screen_area text-center p_120">
<div class="container">
<div class="main_title">
<h2>獨特又好用的介面</h2>
<p>簡潔又強大的 UI 讓解題過程更加順暢<br> 需要的功能都在眼前，一目瞭然</p>
<!-- <p>We have made a simple yet powerful UI that shouldn't confuse you when solving problems <br> Everything you need is always in front of your eyes</p> -->
</div>
<img class="img-fluid" src="/img/banner/home-center-2.jpg" alt="">
</div>
</div>
<!--================End Screen Area =================-->
<!--================Testimonials Area =================-->
<div class="testimonials_area p_120">
<div class="container">
<div class="main_title">
<h2>看看社群怎麼說</h2>
<p>社群的力量支持我們的發展，我們也很樂意聽取您的回饋意見！<br>來看看其他使用者對 CP Editor 的感想</p>
</div>
<div class="testi_slider owl-carousel">
<div class="item">
<div class="testi_item">
<div class="media">
<div class="d-flex">
<!-- Yatharth should add a round png of his image -->
<img src="/img/testimonials/yatharth.png" alt="yatharth" class="img-circular">
</div>
<div class="media-body">
<p>Easy to use and lightweight. It's very fast in terms of compiling and also provides the feature to parse testcases from competitive websites. It is the best editor I have ever used.</p>
<h4>Yatharth Varma</h4>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testi_item">
<div class="media">
<div class="d-flex">
<img src="/img/testimonials/nitish.png" alt="Nitish Kumar Singh" class="img-circular">
</div>
<div class="media-body">
<p>This is exactly what I was looking for. An Editor that automates all redundant tasks and helps me in focusing on the Algorithm. Give a try, you are gonna love me.</p>
<h4>Nitish Kumar Singh</h4>
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--================End Testimonials Area =================-->
<!--================Made Life Area =================-->
<div class="made_life_area made_white p_120">
<div class="container">
<div class="made_life_inner">
<div class="row made_life_text">
<div class="col-lg-6">
<div class="chart_img">
<img class="img-fluid" src="/img/banner/home-left-black.png" alt="">
</div>
</div>
<div class="col-lg-6">
<div class="left_side_text">
<h3>完整支援<br />C/C++、Java 及 Python</h3>
<h6>使用您喜歡的程式語言</h6>
<p>可以自訂編譯命令及執行引數，在不同分頁撰寫不同語言的程式碼。</p>
<a class="main_btn" href="download">立即開始</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--================End Made Life Area =================-->
<!--================Impress Area =================-->
<div class="impress_area p_120">
<div class="container">
<div class="impress_inner">
<h2>喜歡這些功能嗎？</h2>
<p>很高興您決定試用。<br>CP Editor 是由競程選手開發，為競程選手考量，給競程選手使用。<br>我們希望它能提供您於競賽中的一切所需。</p>
<!-- <p>We are excited that you have chosen to try out this editor. <br>We hope that our Editor will fulfill all your needs in Competitive Programming. <br>CP Editor is, "by competitive programmers, to competitive programmers, for competitive programmers".</p> -->
<a class="banner_btn2" href="download">立刻嘗試</a>
</div>
</div>
</div>
<!--================End Impress Area =================-->
<script src="/vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="/js/index.js"></script>
</div>