-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (46 loc) · 1.79 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
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Planet Share</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css" />
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div class="container">
<header>
<h1>Planet Share</h1>
<p class="description">Planet Share는 서드파티 개발자들을 위한 단일 경로의 마스토돈 / 미스키 공유 기능을 제공하기 위한 간단한 서비스예요.</p>
</header>
<main>
<div class="panel">
<div class="panel-inner">
<h2>사용 방법</h2>
<p>사용자를 <code>https://share.planet.moe/share?text=<var>공유할 내용</var></code> 주소로 리다이렉트하거나 팝업을 열어주세요.</p>
</div>
<div class="panel-inner">
<h2>예시</h2>
<a href="https://share.planet.moe/share?text=레니+귀여워!!" target="_blank" id="link-share" class="share-button">
연합우주로 공유
</a>
</div>
</div>
</main>
<footer>
<h2>기타 정보</h2>
<p>서비스에 관한 문의는 <a href="https://planet.moe/@planet">@[email protected]</a>로 부탁드려요.</p>
<p>코드 기여나 이슈 생성은 <a href="https://github.com/byulmaru/share">Github byulmaru/share</a>에서 하실 수 있어요.</p>
</footer>
</div>
<script defer>
document.getElementById('link-share')
.addEventListener('click', (e) => {
e.preventDefault();
window.open('./share?text=레니+귀여워!!', '공유', 'width=500,height=400');
return false;
});
</script>
</body>
</html>