-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
215 lines (199 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
<!DOCTYPE html>
<!-- Update your html tag to include the itemscope and itemtype attributes -->
<html itemscope itemtype="http://schema.org/Product">
<head>
<meta charset="utf-8" />
<link href="favicon.ico" rel="shortcut icon" />
<link href="https://plus.google.com/107293538860656253538/" rel="publisher" />
<title>구름 입력기 - macOS를 위한 새로운 한글 입력기</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="keywords" content="구름,한글 입력기,macOS" />
<!-- Google +1 tags -->
<meta itemprop="name" content="구름 입력기">
<meta itemprop="description" content="구름 입력기는 macOS를 위한 새로운 한글 입력기입니다.">
<meta itemprop="image" content="https://gureum.io/logo.png">
<!-- facebook like tags -->
<meta property="fb:admins" content="100002847593028" />
<meta property="og:title" content="gureum" />
<meta property="og:type" content="product" />
<meta property="og:url" content="https://gureum.io" />
<meta property="og:image" content="https://gureum.io/logo.png" />
<meta property="og:site_name" content="구름 입력기" />
<meta property="og:description" content="구름 입력기는 macOS를 위한 새로운 한글 입력기입니다." />
<style>
a:link, a:visited, a:active, a:hover { color: #000 }
body { background-color: #f8f8f8; margin: 0; color: rgba(0,0,0,0.8); font-size: 120%; }
header, footer { background-color: #ddd }
footer { height: 50px; padding: 40px; text-align: center; }
#no-osx { border: #e66 1px solid; background-color: #daa; text-align: center; padding: 4px; }
#container { background-image:url('logo.png'); background-repeat:no-repeat; background-size: 1024px; margin-left:auto; margin-right:auto; width:1024px; height:830px;}
#download { position: relative; top: 240px; left: 600px; height: 0; width: 0; }
#download a { display: block; background-color: #39f; height: 48px; width: 150px; color: #eee; text-align: center; vertical-align: middle; padding: 15px; border-radius: 8px; text-decoration: none; font-size: 16pt; }
#download a span { display: block; margin: 5px; font-size: 60%; }
#headerbox { position: relative; top: 230px; left: 240px; width: 380px; height:300px; font-size:10pt; font-family:"Apple SD Gothic Neo", "AppleGothic", "NanumGothic", "MalgunGothic", "UnDotum"; }
#headerbox ul li a:hover { color: #bbb }
#headerbox ul li a:link, #headerbox ul li a:visited, #headerbox ul li a:active, header { color: #ddd; text-decoration: none }
#titlebox { height: 120px; }
#titlebox h1 { font-size: 48pt }
#titlebox h1, h2{ text-align: right; margin: 0; padding-right: 40px; }
#recommend { height: 60px; margin: 28px 20px; }
.quicknav { height: 15px; }
.quicknav ul { padding: 0; }
.quicknav ul li { margin-left: 36px; float: left; font-size: 14pt; }
#copyright { width: 100%; margin-left: 40px; }
#gplus { list-style: none outside none; margin 0; padding: 0; align: center; }
article h1 { font-size: 150%; font-weight: bold; }
#content { width: 600px; margin: auto; line-height: 1.7em; }
.totop { float: right; font-size: 150%; }
.totop a:link, .totop a:visited, .totop a:active { text-decoration: none; color: #666 }
.box { background-color: #eee; border: 1px solid #ddd; border-radius: 3px; }
#abstract ul li strong { margin-right: 1.2ex; }
</style>
</head>
<body>
<div id="no-osx" style="display:none"><p>이 컴퓨터는 macOS이 아닙니다. 구름 입력기는 macOS에서만 사용할 수 있는 애플리케이션입니다.</p></div>
<header id="header">
<div id="container">
<div id="download"><a href="#install">구름 설치하기 <span>macOS용, 무료/오픈소스</span></a></div>
<div id="headerbox">
<div id="titlebox">
<h1>구름 입력기</h1>
<h2>macOS의 새로운 한글 입력기</h2>
</div>
<div class="quicknav">
<ul>
<li><a href="#abstract"><strong>소개</strong></a></li>
<li><a href="#issue">버그 신고</a></li>
<li><a href="#source">소스코드 / 라이선스</a></li>
</ul>
</div>
<div class="quicknav">
<ul>
<li><a href="#install"><strong>설치하기</strong></a></li>
<li><a href="#shortcut">단축키</a></li>
<li><a href="#hanja">한자입력</a></li>
<li><a href="#help">도움말</a></li>
</ul>
</div>
<div id="recommend">
<!-- facebook like -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/ko_KR/sdk.js#xfbml=1&version=v3.3&appId=289098844572519&autoLogAppEvents=1"></script>
<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-width="" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="false"></div>
</div>
<div id="copyright"><p>Copyright 2011-2019 Jeong YunWon.</p></div>
</div>
</div>
</header>
<article id="content">
<article id="abstract">
<span class="totop"><a href="#header">⇧</a></span>
<h1>소개</h1>
<p>구름 입력기는 빠르고 쓰기 편한 macOS용 한글 입력기입니다. 세 가지 가치를 목표로 개발하고 있습니다.</p>
<ul>
<li><strong>편리하게</strong> <a href="https://github.com/libhangul/libhangul">libhangul</a> 기반으로 모아치기를 지원합니다. 모아치기 기능은 세벌식 사용자에게 특히 더 유용합니다.</li>
<li><strong>가볍게</strong> 최소한의 기능만 구현하여 가볍게 돌아갑니다.</li>
<li><strong>자유롭게</strong> 구름은 오픈소스 소프트웨어입니다. <a href="https://github.com/gureum/gureum">소스코드</a>는 <a href="https://github.com/gureum/gureum/blob/master/COPYING">BSD</a>와 <a href="https://github.com/gureum/libhangul-objc/blob/master/COPYING">LGPL</a>로 배포됩니다</li>
</ul>
</article>
<article id="install">
<span class="totop"><a href="#header">⇧</a></span>
<h1>설치하기</h1>
<p><span id="download-link"></span><a href="http://bi.gureum.io/">내려받기 페이지</a>에서 안정버전이나 실험버전 가운데 하나를 골라 내려받을 수 있습니다. 처음 설치해 보거나 설치를 했는데 이용에 문제가 있다면 <a href="https://github.com/gureum/gureum/wiki/Help-Install">설치하기 도움말</a>을 확인해 보세요.</p>
<p>※ 설치했는데 어떻게 쓰는 지 모르겠다면, <a href="https://github.com/gureum/gureum/wiki/Help-Install">설치하기 도움말</a>을 보고 설정을 따라해 주세요. 설정 단계를 거쳐야만 쓰기 시작할 수 있습니다!</p>
</article>
<article id="shortcut">
<span class="totop"><a href="#header">⇧</a></span>
<h1>단축키</h1>
<ul>
<li><span class="box"><abbr title="Shift">⇧</abbr>스페이스</span> 로 한글/영문 전환을 합니다.</li>
<li><span class="box"><abbr title="Option/Alt">⌥</abbr><abbr title="Return/Enter">↵</abbr></span> 으로 한자 입력을 합니다.</li>
</ul>
<p><a href="https://github.com/gureum/gureum/wiki/Help-Preference">환경설정 도움말</a>에서 단축키에 관한 더 많은 도움말을 확인하세요.</p>
</article>
<article id="hanja">
<span class="totop"><a href="#header">⇧</a></span>
<h1>한자 입력</h1>
<p>구름 입력기는 다양하고 편리한 한자 입력 방법을 지원합니다.
일반적인 글자 별 한자 변환 외에도 <strong>단어 변환</strong>, <strong>뜻으로 검색</strong>, <strong>연속 입력 모드</strong>가 있습니다.
<a href="https://github.com/gureum/gureum/wiki/Help-Hanja">한자 도움말</a>을 보고 더욱 편리한 한자 입력 방법을 익혀보세요.
</p>
</article>
<article id="help">
<span class="totop"><a href="#header">⇧</a></span>
<h1>도움말</h1>
입력기에서 제공하는 기능을 최대로 활용할 수 있도록 <a href="http://dan.gureum.io/">도움말</a>을 준비했습니다.
</article>
<article id="issue">
<span class="totop"><a href="#header">⇧</a></span>
<h1>버그 신고</h1>
<p>구름에는 아직 많은 버그가 있습니다. 알려주시면 구름이 더 나아지는데 많은 도움이 됩니다.
버그 신고는 <a href="http://meok.gureum.io/">프로젝트 이슈 페이지</a>에서 할 수 있습니다.</p>
<p>github 계정이 없다면 계정을 만들어야만 글을 쓸 수 있습니다. 신고한 버그에 변경사항이 생기거나 해결이 되면 github 가입에 쓴 이메일 주소로 알림을 받아볼 수 있습니다.</p>
</article>
<article id="source">
<span class="totop"><a href="#header">⇧</a></span>
<h1>소스코드와 라이선스</h1>
<ul>
<li>소스코드: <a href="http://ssi.gureum.io">ssi.gureum.io</a></li>
<li>관련 소스코드: <a href="https://github.com/gureum/">github.com/gureum</a></li>
<li>프론트엔드는 <a class="box" href="https://github.com/gureum/gureum/blob/master/COPYING">2-clause BSD</a>로 배포됩니다.</li>
<li>백엔드는 <a href="https://github.com/libhangul/libhangul">libhangul</a>의 <a href="https://github.com/gureum/libhangul-objc/">Objective-C 인터페이스</a>이며 둘 모두 <a class="box" href="https://github.com/gureum/libhangul-objc/blob/master/COPYING">LGPL</a>로 배포됩니다</li>
</ul>
</article>
</article>
<footer>
Copyright 2011-2019 Jeong YunWon.
</footer>
<!-- GitHub Ribbon -->
<a href="https://github.com/gureum/gureum">
<img style="position: absolute; top: 0; right: 0; border: 0;" alt="Fork me on GitHub"
src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" />
</a>
</body>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
window.___gcfg = {lang: 'ko-KR'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ko_KR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28402752-1']);
_gaq.push(['_setDomainName', 'gureum.io']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
if (!navigator.userAgent.indexOf('OS X')) {
var header = document.querySelector('#no-osx');
header.style.display = 'block';
var download = document.querySelector('#download');
download.style.display = 'none';
}
</script>
<script type="text/javascript">
var req = new XMLHttpRequest();
req.open("GET", "version.json", false);
req.send(null);
var txt = JSON.parse(req.responseText);
var link = txt.url;
var span = document.querySelector('#download-link');
span.innerHTML = '<a href="' + link + '">최신 버전 내려받기 링크</a>에서 바로 받거나 ';
</script>
</html>