-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
487 lines (434 loc) · 25.7 KB
/
Copy pathindex.html
File metadata and controls
487 lines (434 loc) · 25.7 KB
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
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
<!DOCTYPE html>
<html>
<head>
<title data-i18n="app_name_full">M³ Translator</title>
<meta property="og:title" content="M³ Translator" />
<meta property="og:description" name="description" content="Possible to Morse ⇄ English, Korean, Japanese or etc. translator + analyzer" />
<meta property="og:url" content="https://jinh.kr/morse/" />
<meta property="og:image" content="https://jinh.kr/morse/image/icon.webp" />
<meta property="og:image:width" content="128" />
<meta property="og:image:height" content="128" />
<meta property="og:locale:alternate" content="ko_KR" />
<meta property="og:locale:alternate" content="ja_JP" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="theme-color" content="#fff">
<meta name="google-site-verification" content="_D3_W4589GIbhr8GHlw8CIY3fMaeZxr23F4FP9u-9bM">
<meta charset="utf-8">
<link rel="shortcut icon" href="image/favicon.ico" type="image/x-icon">
<link rel="icon" href="image/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="image/icon.webp">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="screen and (max-width: 1280px)">
<link rel="manifest" href="manifest.json">
<link rel="canonical" href="https://jinh.kr/morse/" />
<!-- <script src="js/jquery.js" defer></script> -->
<script defer src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script defer src="js/jquery.i18n.js"></script>
<script defer src="js/jquery.i18n.messagestore.js"></script>
<script defer src="js/jquery__inputposition.js"></script>
<script defer src="js/main__initialize.js"></script>
<script defer src="js/main__settings.js"></script>
<script defer src="js/main.js"></script>
<script defer src="js/main__analyze.js"></script>
<script defer src="js/main__translate.js"></script>
<script defer src="js/main__keys.js"></script>
<script defer src="js/sub__tooltip.js"></script>
<script defer src="js/sub__clipboard.min.js"></script>
<script defer src="js/sub__scroll.js"></script>
<script async src="js/sub__shortcut.js"></script>
<script defer src="js/sub__i18n.js"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- adsense -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-39552694-1"></script><!-- Google Analytics 나머지는 init.js에 구현 -->
</head>
<body class="translate">
<header>
<div id="header_menu"><i id="nav_on" onclick="if($('nav').attr('class')!='on'){$('nav, #nav_bg').addClass('on');}else{$('nav, #nav_bg').removeClass('on');};" class="material-icons">menu</i></div>
<h1><span id="title"><span data-i18n='app_name_full'>#morse</span><span class="hide_mobile"></span></span></h1>
<div class="actionbar">
<span class="item morse sound"><i class="material-icons">volume_up</i></span>
<span class="item morse vibration"><i class="material-icons">vibration</i></span>
<span class="item morse flash disabled"><i class="material-icons">flash_on</i></span>
</div>
</header>
<div class="ad_top">
<!-- 반응형 -->
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8175591114279139" data-ad-slot="6064236981" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<section id="index" class="contents">
<div id="card_header">
<div class="lang_box code">
<div id="card_header__auto" class="card_header selected auto"><span data-i18n='lang_auto'>AUTO</span><span class="detected"></span></div>
<div id="card_header__en" class="card_header en" data-i18n='a_en'>EN</div>
<div id="card_header__ko" class="card_header ko" data-i18n='a_kr'>KO</div>
<div id="card_header__ja" class="card_header ja" data-i18n='a_jp'>JA</div>
<div id="card_header__ru" class="card_header ru" data-i18n='a_ru'>RU</div>
<div id="card_header__gr" class="card_header gr" data-i18n='a_gr'>GR</div>
<div id="card_header__th" class="card_header th" data-i18n='a_th'>TH</div>
<div id="card_header__he" class="card_header he" data-i18n='a_he'>HE</div>
<div id="card_header__ar" class="card_header ar" data-i18n='a_ar'>AR</div>
<div id="card_header__pr" class="card_header pr" data-i18n='a_pr'>PR</div>
<label id="lang_list" class="" for="ck_lang_list"><input type="checkbox" id="ck_lang_list"><i class="material-icons">keyboard_arrow_down</i></label>
</div>
<div class="lang_box lang">
<div id="card_header__morse" class="card_header selected morse" data-i18n='lang_morse'>MORSE CODE</div>
<div id="card_header__braille" class="card_header braille" data-i18n='braille'>BRAILLE</div>
</div>
<label id="re_anaylze" class="" for="ch_swap"><input type="checkbox" id="ch_swap" onclick="m.history.push();"><i class="material-icons"> swap_horiz </i></label>
</div>
<div id="card_option">
<form style="display: inline-block;">
<label class="button button_first title"><span data-i18n="op_space_set">GAP_SET</span></label>
<input type="radio" name="space" id="space_0" checked>
<label for="space_0" class="button button_between" onclick="$('#space_char').text(' ');$('#space_string').text(' ');"><span data-i18n="op_space_set_n">NORMAL_SET</span></label>
<input type="radio" name="space" id="space_1">
<label for="space_1" class="button button_between" onclick="$('#space_char').text(' ');$('#space_string').text('9');"><span data-i18n="op_space_set_m">MOBILE_SET</span></label>
<input type="radio" name="space" id="space_2">
<label for="space_2" class="button button_last">
<span data-i18n="op_space_manual">MANUAL_SET</span>
(<span data-i18n="op_space_long">LONG_SPACE</span>:
<span class="input" contenteditable="true" id="space_string" style="line-height: 20px;"> </span>,
<span data-i18n="op_space_short">SHORT_SPACE</span>:
<span class="input" contenteditable="true" id="space_char" style="line-height: 20px;"> </span>)
</label>
</form>
<form style="display: inline-block;">
<label class="button button_first title"><span data-i18n="lang_ko">KR</span></label>
<input id="kr_assemble" type="checkbox" checked /><label class="button button_last" for="kr_assemble"><span data-i18n="a_assemble">ASSEMBLE</span></label>
</form>
<form style="display: inline-block;">
<label class="button button_first title"><span data-i18n="lang_en">EN</span></label>
<input id="en_capital_auto" type="checkbox" checked />
<label class="button button_between" for="en_capital_auto" onclick="$('#en_capital').attr('disabled', !$('#en_capital_auto')[0].checked);">
<span data-i18n="s_a_capital_en">AUTO_CAP.</span>
</label>
<input id="en_capital" type="checkbox" checked disabled /><label class="button button_last" for="en_capital"><span data-i18n="a_capital">CAPITAL</span></label>
</form>
</div>
<div id="card_body">
<div id="input">
<textarea id="input_textarea" rows="1" spellcheck="false" autocapitalize="off" autocomplete="off" placeholder=" If you input the English, numbers, and etc." oninput='this.style.height = "";this.style.height = this.scrollHeight + "px"'></textarea>
<!-- <input type="button" id="input_toggle" value="☎"> -->
<div id="input_del" onclick="clear();m.history.push();" class="hide"><i class="material-icons"> close </i></div>
</div>
<div class="ad_top mobile">
<!-- #morse 모바일 배너 -->
<!-- <ins class="adsbygoogle" style="display:block;" data-ad-client="ca-pub-8175591114279139" data-ad-slot="9681951651" data-ad-format="horizontal" data-full-width-responsive="true"></ins>
<script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8175591114279139" crossorigin="anonymous"></script>
<!-- 큰 모바일 배너 -->
<ins class="adsbygoogle"
style="display:inline-block;width:100%;height:120px"
data-ad-client="ca-pub-8175591114279139"
data-ad-slot="2202330987"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div id="output">
<div id="output_textarea"><span class="placeholder"></span></div>
<div id="output_menu" class="hide">
<span class="play" onclick="m.play()"><i class="material-icons">play_arrow</i></span>
<span class="copy" data-clipboard-target="#output_textarea" onclick="toast($.i18n('bt_copied'));m.history.push()" title="bt_copy">
<i class="material-icons" data-clipboard-target="#output_textarea"> file_copy </i>
</span>
</div>
</div>
</div>
<div id="card_lang">
<!-- <div id="" class="card_lang selected auto" data-i18n='lang_auto'>AUTO</div> -->
<div id="card_lang__en" class="card_lang en morse braille" data-i18n='a_en'>EN</div>
<div id="card_lang__ko" class="card_lang ko morse braille" data-i18n='a_kr'>KO</div>
<div id="card_lang__ja" class="card_lang ja morse braille" data-i18n='a_jp'>JA</div>
<div id="card_lang__ru" class="card_lang ru morse" data-i18n='a_ru'>RU</div>
<div id="card_lang__gr" class="card_lang gr morse" data-i18n='a_gr'>GR</div>
<div id="card_lang__th" class="card_lang th morse" data-i18n='a_th'>TH</div>
<div id="card_lang__he" class="card_lang he morse" data-i18n='a_he'>HE</div>
<div id="card_lang__ar" class="card_lang ar morse" data-i18n='a_ar'>AR</div>
<div id="card_lang__pr" class="card_lang pr morse" data-i18n='a_pr'>PR</div>
</div>
<!-- <div id="feadback"><a href="//blog.jinh.kr/guestbook">feadback</a></div> -->
<div id="feadback"><a href="mailto:admin@jinh.kr?subject=%5Bmorse%5D%20" target="_blank" data-i18n="card__feedback">Send feadback</a></div>
<section class="key">
<div class="braille">
<table class="">
<tr>
<td><input type="checkbox" id="key_b_1"><label for="key_b_1" onmouseover="if (!is_mobile) key_b_1.checked = key_b_1.checked?false:true"></label></td>
<td><input type="checkbox" id="key_b_4"><label for="key_b_4" onmouseover="if (!is_mobile) key_b_4.checked = key_b_4.checked?false:true"></label></td>
</tr>
<tr>
<td><input type="checkbox" id="key_b_2"><label for="key_b_2" onmouseover="if (!is_mobile) key_b_2.checked = key_b_2.checked?false:true"></label></td>
<td><input type="checkbox" id="key_b_5"><label for="key_b_5" onmouseover="if (!is_mobile) key_b_5.checked = key_b_5.checked?false:true"></label></td>
</tr>
<tr>
<td><input type="checkbox" id="key_b_3"><label for="key_b_3" onmouseover="if (!is_mobile) key_b_3.checked = key_b_3.checked?false:true"></label></td>
<td><input type="checkbox" id="key_b_6"><label for="key_b_6" onmouseover="if (!is_mobile) key_b_6.checked = key_b_6.checked?false:true"></label></td>
</tr>
</table>
<button type="button" name="ipnut" onclick="m.input.key.braille();" style="margin-top:.5em;"><i class="material-icons">keyboard_return</i></button>
</div>
</section>
</section>
<div id="license" class="contents sub"></div>
<div id="info" class="contents sub"></div>
<section id="context_menu"></section>
<nav>
<div id='nav'>
<div id='nav_header'>
<div id="to_github" class="" onclick="console_event('q');">
<img src="image/icon.webp" alt="" style="width:24px; margin-right: 12px;"><span data-i18n="app_name_full">#morse</span>
</div>
<div id="setting_bt">
<i class="material-icons">settings</i>
<i class="material-icons setting_arrow">play_arrow</i>
</div>
</div>
<!-- <div id="nav_item_list"></div> -->
<div id="nav_menu">
<h3 class="item morse" name="morse">
<a onclick="m.toggle.code(CODE_MORSE);$('nav, #nav_bg').removeClass('on');">
<i class="material-icons"> swap_horiz </i><span data-i18n="morse">CODE_MORSE</span>
</a>
</h3>
<h3 class="item braille" name="braille">
<a onclick="m.toggle.code(CODE_BRAILLE);$('nav, #nav_bg').removeClass('on');">
<i class="material-icons"> swap_horiz </i><span data-i18n="braille">CODE_BRAILLE</span>
</a>
</h3>
<h3 class="item">
<a rel="noopener" href="//chrome.google.com/webstore/detail/%EB%AA%A8%EC%8A%A4-%EB%B6%80%ED%98%B8morse-code/cobccnllippnmgibbgdnkdaljjpcppjl" target="_blank">
<i class="material-icons">create</i><span id="i18n_checker" data-i18n="nav__review">#morse</span>
</a>
</h3>
<h3 id="translate" class="item translate" name="translate">
<a href="/morse/i18n/help.txt" download>
<i class="material-icons">translate</i><span data-i18n="nav__translate">Help translate</span>
</a>
</h3>
<hr>
<h3 id="opensource_license" class="item opensource_license" name="opensource_license">
<a onclick="if($('#license').text()=='')$('#license').load('../morse/license.html'); $('nav, .contents.sub').removeClass('on');$('#license, #nav_bg').addClass('on');">
<i class="material-icons">favorite</i><span data-i18n="nav__license">LICENSE</span>
</a>
</h3>
<h3 id="update_log" class="item update_log" name="update_log">
<a onclick="if($('#info').text()=='')$('#info').load('../morse/info.html'); $('nav, .contents.sub').removeClass('on');$('#info, #nav_bg').addClass('on');">
<i class="material-icons">update</i><span data-i18n="nav__update">UPDATE</span>
</a>
</h3>
<hr>
<h3 id="android_app" class="item android_app" name="android_app">
<a rel="noopener" href="//play.google.com/store/apps/details?id=com.morsecode.translator.jinh">
<i class="material-icons">android</i><span data-i18n="notice_to_android">안드로이드 버전 사용하기</span>
</a>
</h3>
<h3 id="oldver2" class="item oldver2" name="oldver2">
<a href="/morse/v2">
<i class="material-icons">looks_two</i><span data-i18n="nav__oldver2">구버전(v2) 사용하기</span>
</a>
</h3>
</div>
</div>
<!-- <div id='nav_footer'><i class='material-icons'>chevron_left</i></div> -->
</nav>
<div id="splash">
<img src="image\icon.webp" alt="logo">
<img src="image\icon_b.webp" alt="logo">
</div>
<div id="nav_bg" onclick="$('nav, #nav_bg, #info, #license, #setting').removeClass('on');"></div>
<div id="setting">
<div class="header">
<i class="material-icons" onclick="$('#setting, #setting_bg').removeClass('on');">arrow_back</i><span>설정</span>
</div>
<div class="morse">
<div class="setting_title" data-i18n="s_output">OUTPUT</div>
<div class="setting_item auto_save" id="s_output_style_dit">
<i class="material-icons">more_horiz</i> <dt data-i18n="s_output_style_dit">DIT</dt> <span class="input" contenteditable="true">·</span>
<dd data-i18n="s_output_style_dit_summary">DIT_SUMMARY</dd>
</div>
<div class="setting_item auto_save" id="s_output_style_dah">
<i class="material-icons">remove</i> <dt data-i18n="s_output_style_dah">DAH</dt> <span class="input" contenteditable="true">–</span>
<dd data-i18n="s_output_style_dah_summary">DAH_SUMMARY</dd>
</div>
<div class="setting_title" data-i18n="s_t_speak">SPEAK</div>
<div class="setting_item" id="s_t_beep">
<i class="material-icons">graphic_eq</i> <dt data-i18n="s_t_beep">BEEP</dt> <span class="input" contenteditable="true">830</span> Hz
<dd data-i18n="s_t_speak_summary">DAH_SUMMARY</dd>
</div>
<div class="setting_item" id="s_t_speak_length">
<i class="material-icons">space_bar</i> <dt data-i18n="s_t_speak_length">BEEP LENGTH</dt> <span class="input" contenteditable="true">150</span> ms
<dd data-i18n="s_t_speak_length_summary">DAH_SUMMARY</dd>
</div>
</div>
<div class="braille">
<div class="setting_item auto_save" id="s_braille_en_grade2">
<input type="checkbox"> <dt data-i18n="s_braille_en_grade2">GRADE2</dt>
<dd class="on" data-i18n="s_braille_en_grade2_on">GRADE2_ON</dd>
<dd class="off" data-i18n="s_braille_en_grade2_off">GRADE2_OFF</dd>
</div>
</div>
<div class="setting_title" data-i18n="s_etc">OTHERS</div>
<div class="setting_item" id="s_locale">
<i class="material-icons">language</i> <dt data-i18n="s_locale">LOCALE</dt>
<select class="input" onchange="i18n.set(this.options[this.selectedIndex].value);">
<option value="default" data-i18n="s_locale_default">DEFAULT</option>
<option value="en" data-i18n="lang_en">EN</option>
<option value="de" data-i18n="lang_de">DE</option>
<option value="es" data-i18n="lang_es">ES</option>
<option value="fr" data-i18n="lang_fr">FR</option>
<option value="it" data-i18n="lang_it">IT</option>
<option value="pl" data-i18n="lang_pl">PL</option>
<option value="pt-BR" data-i18n="lang_pt-BR">PT-BR</option>
<option value="tr" data-i18n="lang_tr">TR</option>
<option value="ru" data-i18n="lang_ru">RU</option>
<option value="uk" data-i18n="lang_uk">UK</option>
<option value="ja" data-i18n="lang_ja">JA</option>
<option value="ko" data-i18n="lang_ko">KO</option>
<option value="zh-CN" data-i18n="lang_zh-CN">ZH-CN</option>
<option value="zh-TW" data-i18n="lang_zh-TW">ZH-TW</option>
<option value="th" data-i18n="lang_th">TH</option>
<option value="id" data-i18n="lang_id">ID</option>
<option value="vi" data-i18n="lang_vi">VI</option>
<option value="ar" data-i18n="lang_ar">AR</option>
<option value="fa" data-i18n="lang_fa">FA</option>
</select>
<dd data-i18n="s_locale_contributor">CONTRIBUTOR</dd>
</div>
<!-- <div class="setting_title">답안</div>
<div class="setting_item" id="answer__serif">
<input type="checkbox" checked> <dt>세리프 글꼴</dt>
<dd class="on">답안의 글꼴이 세리프 글꼴로 보입니다.</dd>
<dd class="off">답안의 글꼴이 산세리프 글꼴로 보입니다.</dd>
</div>
<div class="setting_item" id="answer__quiz">
<input type="checkbox" checked> <dt>퀴즈 모드</dt>
<dd class="on">답이 가려졌습니다. 마우스 커서를 올리면 보입니다.</dd>
<dd class="off">답이 항상 보입니다.</dd>
</div> -->
</div>
<section id="message" class="hide">
<span class='quote'>MESSAGE</span>
<span class='source'></span>
</section>
<div class="ad_bottom">
<!-- 반응형 -->
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8175591114279139" data-ad-slot="6064236981" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<section id="ft-section">
<div class="ft-icon info on">
<div class="ft-icon-img"><i class="material-icons"> announcement </i></div>
<div class="ft-icon-text" data-i18n="info"> INFO </div>
</div>
<div class="ft-icon history">
<div class="ft-icon-img"><i class="material-icons"> history </i></div>
<div class="ft-icon-text" data-i18n="history"> HISTORY </div>
</div>
<div class="ft-icon code on">
<div class="ft-icon-img"><i class="material-icons"> bookmark </i></div>
<div class="ft-icon-text" data-i18n="codebook"> CODE BOOK </div>
</div>
</section>
<section id="history_wrap">
<div class="title" data-i18n="history">HISTORY</div>
<div class="item wrap"><span class="info">INFO</span><span data-i18n=history_clear class="clear" onclick="window.localStorage.clear();m.history.reset();m.history.set();">CLEAR</span></div>
<div id="history"></div>
<div class="item more" onclick="$('#history').addClass('showAll'); $(this).hide();"><i class="material-icons">expand_more</i></div>
</section>
<!-- 검색엔진이 모든 언어로 검색을 할 수 있게 i18n 말고 이런식으로 만들어줍니다. -->
<section class="description en en-US on">
<h1 class="title">M³ Translator <small class="tag">#morse_code #braille</small></h1>
<p>Look! This is the Morse code!</p>
<p>Miraculous Mighty Morse code translator + analyzer! (or Braille)</p>
<p>Possible to Morse (or Braille) ⇄ English, Korean, Japanese or etc!</p>
<h2># FEATURES</h2>
<ul>
<li><strong>LETTERS ⇄ MORSE & BRAILLE</strong> - Translate to Morse code (or Braille) from English or etc. Of course reverse are possible.</li>
<li><strong>REAL TIME TRANSLATE</strong> - Why do you need to click every time [TRANSLATE] button for? Finally freed from the painful task.</li>
<li>Somehow cool.</li>
<li>Don't know why, but hot.</li>
<li>Unknown, but attractive.</li>
</ul>
<h2># HOW TO USE</h2>
<ul>
<li>Type letters in the input box to translate.</li>
<li>Tap the switch icon at above of input box. after that, type code in the input box to analyze.</li>
<!-- <li>There are two type of input for Morse code, [1-button] and [3-buttons]. Changeable on settings.</li> -->
<!-- <li>According to your taste, turn sound, vibration or flash. then, have fun with the Morse code.</li> -->
</ul>
<p>-------------------------------------</p>
<h4>Translations between the following languages are supported</h4>
<p>Morse: Latin(English, etc.), Arabic(Arabic, Persian, etc.), Cyrillic(Russian, etc.), Greek(Greek), Hangul(Korean), Hebrew(Hebrew or etc.), Kana(Japanese)</p>
<p>Braille: Latin(English, etc.), Hangul(Korean), Kana(Japanese)</p>
</section>
<section class="description ko ko-KR on">
<h1 class="title">기만의 번역기 <small class="tag">#모스_부호 #점자 #브라유</small></h1>
<p>모스 부호 ⇄ 한글 해석 가능!</p>
<p>기적의 만능 모스 부호 변환기 + 해석기!</p>
<p>보라! 이것이 기적의 만능 변환기다!</p>
<h2># 특징</h2>
<ul>
<li><strong>문자 ⇄ 모스 부호</strong> - 한글, 영어, 일본어, 기호 등을 모스 부호로 변환. 물론 반대로도 가능.</li>
<li><strong>문자 ⇄ 브라유 점자</strong> - 정체성에 혼란이 오지만 일단 가능!</li>
<li><strong>실시간 변환</strong> - 왜 때문에 매번 [변환하기] 버튼을 눌러야 하죠? 고통스런 작업에서 영원히 해방.</li>
<!-- <li>원버튼 입력 시스템 - 복고 감성이 넘치는 원버튼 시스템을 구현.</li> -->
<!-- <li>1비트 기계음 - 넵, 소리도 납니다. "쓰돈돈 쓰 쓰돈돈ㅡ."</li> -->
<li>왠지 쿨함.</li>
<li>어째선지 멋짐.</li>
<li>알 수 없지만 끌림.</li>
</ul>
<h2># 사용방법</h2>
<ul>
<li>입력창에 문자를 입력하면 모스 부호로 변환돼요.</li>
<li>입력창 위쪽의 스위치 아이콘을 누르고, 입력창에 모스부호를 입력하면 문자로 해석돼요.</li>
<!-- <li>모스 부호 입력 방식은 [1버튼]과 [3버튼] 두 가지 종류가 있고, 설정에서 바꿀 수 있어요.</li> -->
<!-- <li>취향에 따라 메뉴에서 소리, 진동, 플래시를 켜고 모스 부호를 즐겨 보아요.</li> -->
</ul>
<p>-------------------------------------</p>
<h4>기만의 번역기는 다음 문자를 지원합니다.</h4>
<p>모스 부호: 한글(한국어), 가나(일본어), 그리스 문자(그리스어), 라틴 문자(영어 등), 아랍 문자(아랍어, 페르시아어 등), 키릴 문자(러시아어), 히브리 문자(히브리어 등)</p>
<p>브라유 점자: 한글(한국어), 가나(일본어), 라틴 문자(영어 등)</p>
</section>
<section class="description ja ja-JP on">
<h1 class="title">モモ·トランスレーター <small class="tag">#モールス符号 #点字</small></h1>
<p>見よ。 これがモールス符号だ！</p>
<p>奇跡の万能モールス符号変換器+解析機！</p>
<p>モールス符号 ⇄ 日本語(片仮名だけ)解析可能！</p>
<h2># 特徴</h2>
<ul>
<li><strong>文字 ⇄ モールス符号</strong> - 日本語、英語、ハングル、記号などをモールス符号に解釈。もちろん逆も可能</li>
<li><strong>文字 ⇄ 点字</strong> - アイデンティティの混乱がくるが、一度可能！</li>
<li><strong>リアルタイム変換</strong> - なぜため、毎回『変換』ボタンを押さないといけませんか。 苦痛な作業で永遠に解放。</li>
<!-- <li>원버튼 입력 시스템 - 복고 감성이 넘치는 원버튼 시스템을 구현.</li> -->
<!-- <li>1비트 기계음 - 넵, 소리도 납니다. "쓰돈돈 쓰 쓰돈돈ㅡ."</li> -->
<li>なんかクールさ。</li>
<li>なぜだろう、素敵。</li>
<li>分からないが、引かれたこと。</li>
</ul>
<h2>使用方法</h2>
<ul>
<li>表示窓に文字を入力すると、モールス符号に変換されます。</li>
<li>表示窓の上のアイコンを押して、表示窓にモールス符号を入力すると、文字に解釈されます。</li>
<!-- <li>모스 부호 입력 방식은 [1버튼]과 [3버튼] 두 가지 종류가 있고, 설정에서 바꿀 수 있어요.</li> -->
<!-- <li>취향에 따라 메뉴에서 소리, 진동, 플래시를 켜고 모스 부호를 즐겨 보아요.</li> -->
</ul>
<p>-------------------------------------</p>
<h4>モモ・トランスレーターは、次の文字をサポートします。</h4>
<p>モールス符号：仮名（日本語）、ハングル（韓国語）、ギリシャ文字（ギリシャ語）、ローマ字（英語など）、アラビア文字（アラビア語、ペルシア語など）、キリル文字（ロシア語）、ヘブライ文字（ヘブライ語など）</p>
<p>点字：仮名（日本語）、ハングル（韓国語）、ローマ字（英語など）</p>
</section>
<section class="codebook on"></section>
<footer>
<p class="copyright">
© 2013 - <span id="year"></span> JinH</p>
</footer>
</body>
</html>