-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
148 lines (117 loc) · 8.02 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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8"/>
<meta property="og:url" content="https://creta5164.github.io/TrelloScheduler">
<meta property="og:type" content="website">
<meta property="og:title" content="Trello 스케줄러">
<meta property="og:description" content="Trello를 이용해 요일별로 해야할 일을 보여주고 관리합니다.">
<!--meta property="og:image" content="invaild image url"-->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@Creta5164">
<meta name="twitter:title" content="Trello 스케줄러">
<meta name="twitter:description" content="Trello를 이용해 요일별로 해야할 일을 보여주고 관리합니다.">
<!--meta name="twtiter:image" content="invaild image url" -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<link rel="shortcut icon" type="image/png" href="img/icon/favIcon.png" />
<title>Trello scheduler</title>
<link href='https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/contents.css">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://trello.com/1/client.js?key=32a1268ef9ed81c122676b3073731585"></script>
<script src="lib/js.cookie.js"></script>
<script src="main.js"></script>
</head>
<body onload="init();">
<div id="popupContainer" class="popupContainer">
<div id="popupMessage" class="popupHomeIcon">
메뉴를 통해 홈 화면에 추가하기를 사용하면,<br>
홈 화면에서 앱 처럼 사용할 수 있어요!
<div id="popupConfirm" class="popupHomeIconDeny" onclick="ConfirmPopup();"><u>괜찮아요</u></div>
</div>
</div>
<ul id="navi">
<li class="logOut"><a href="#introduction">소개</a></li>
<li class="logOut"><a href="#howto">사용법</a></li>
<li class="wallpaperHide" style="float:right">
<a href="https://github.com/Creta5164/TrelloScheduler">
GitHub
</a>
</li>
<li id="logout" class="logIn" onclick="logoutTrello();" style="float:right;">
<a href="#">로그아웃</a>
</li>
</ul>
<div id="swapViewButton"></div>
<div id="appContent">
<div id="appView">
</div>
</div>
<div style="background:rgba(0, 0, 0, 0.25); width:inherit; height:inherit; z-index:-1"></div>
<div id="appTitle">
<div class="container mainBG">
<div style="position:absolute; width:100%;">
<h1 class="centerDevice">Trello 스케줄러</h1>
<div class="button logOut" onclick="loginTrello();">로그인</div>
<div class="text logIn" id="loadingState" style="width:100%; display:inline-block;"></div>
<div class="loader logIn" style="margin-top:16px"></div>
</div>
<div id="titleFade" style="background:rgba(0, 0, 0, 0.5); width:100%; height:100%;"></div>
</div>
<div id="introduction"></div>
<div class="container logOut" style="text-align:left; height:auto; margin-bottom:100px;">
<div style="width:100%; height:100%;">
<div class="pageTitle">
<h1>소개</h1>
</div>
<div class="text desc">
Trello 스케줄러는, <b>요일별로 무엇을 할 지 적어놓으면, 오늘은 무엇을 해야 하는 지 알려줍니다.</b><br /><br />
이게 전부입니다! 단순하죠?<br /><br /><br />
Trello 스케줄러 제작자는 만들라는 게임은 안 만들고 놀기만 하는 모습에 반성하면서 만들었습니다.<br /><br />
Trello 스케줄러는, <b>경각심을 심어주고, 작업했던 성과를 보면서 작업 포커싱을 잃지 않게끔 도와줍니다.</b><br /><br />
<del>배그조아</del><br />
<br />
</div>
</div>
</div>
<div id="howto"></div>
<div class="container logOut" style="text-align:left; height:auto; margin-bottom:100px;">
<div style="width:100%; height:100%;">
<div class="pageTitle">
<h1>사용법</h1>
</div>
<div class="text desc">
기본적으로, Trello 스케줄러는 <b>요일별(월 화 수 목 금 토 일)로 등록한 보드의 목록</b>을 보여줍니다.<br /><br />
만약에 등록했던 일과를 해결했다면, <b>특정 보드로 등록했던 내용을 보낼 수 있습니다.</b><br /><br />
요일별로 표시되는 내용들은, 자신의 보드 목록에 Trello 스케줄러가 새로운 보드를 만들어서 관리합니다.<br /><sup>(TrelloScheduler라는 이름을 사용하게 됩니다.)</sup><br /><br />
그 외 기능은 없습니다.<br /><sup>(진짜에요)</sup><br /><br />
<!--활용하기 좋은 방법 중 하나는, <a href="steam://store/431960/">월페이퍼 엔진</a>과 함께 사용하는 것입니다.<br />
제가 사용하고자 했던 순기능입니다. <b>바탕화면에서 바로 무엇을 했었고 무엇을 해야 하는 지 바로 알 수 있어</b> 동기부여를 돕습니다.-->
<br /><br />
<br />
</div>
</div>
</div>
<div class="container logOut mainEndBG">
<div style="position:absolute; width:100%;">
<div class="text centerDevice" style="margin-bottom:10px;">단순한 요일별 스케줄러,<br />사용해보실래요?</div>
<div class="button logOut" onclick="loginTrello();">로그인</div>
</div>
<div style="background:rgba(0, 0, 0, 0.5); width:100%; height:100%;"></div>
</div>
<div class="container footer wallpaperHide logOut" style="text-align:center; height:115px;">
<span class="middleHelper"></span>
<a href="http://creffect.com/"><img class="symbol" src="img/icon/CREFFECT_Symbol.png" alt="CREFFECT icon" /></a>
<a href="https://creta5164.tumblr.com/"><img class="symbol" src="img/icon/Creta_Symbol.png" alt="Creta icon" /></a>
<a href="https://github.com/"><img class="symbol2" src="img/icon/GitHub_Symbol.png" alt="GitHub icon" /></a>
<a href="https://unsplash.com/"><svg class="symbol2" version="1.1" viewBox="0 0 32 32" fill="white"><path d="M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z"></path></svg></a>
<div class="text" style="font-size:10pt; height:35px;">© 2017 CREFFECT, Creta All Rights Reserved.</div>
</div>
</div>
</body>
</html>