-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
214 lines (201 loc) · 10.7 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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<base href="https://www.awskr.org/">
<title>AWSKRUG Slack 채널- AWS 한국사용자모임</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="AWS 한국 사용자 모임, AWSKRUG, AWS Korea Usergroup" />
<meta name="keywords" content="AWS 한국 사용자 모임, AWSKRUG, AWS Korea Usergroup" />
<meta name="author" content="awskr.org" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content="AWSKRUG Slack 채널 - AWS 한국사용자모임"/>
<meta property="og:image" content="/images/social.jpg"/>
<meta property="og:url" content="https://slack.awskr.org"/>
<meta property="og:site_name" content="AWSKRUG - AWS 한국사용자모임"/>
<meta property="og:description" content="국내 최대 클라우드 커뮤니티를 아시나요? AWS 클라우드 기술을 함께 배우고 공유하는 모임입니다. 다양한 학습 소모임과 네트워킹에 참여하세요."/>
<meta name="twitter:title" content="AWSKRUG Slack 채널 - AWS 한국사용자모임" />
<meta name="twitter:image" content="/images/social.jpg" />
<meta name="twitter:url" content="https://slack.awskr.org" />
<meta name="twitter:card" content="국내 최대 클라우드 커뮤니티를 아시나요? AWS 클라우드 기술을 함께 배우고 공유하는 모임입니다. 다양한 학습 소모임과 네트워킹에 참여하세요." />
<!-- <link href="https://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet"> -->
<!-- Animate.css -->
<link rel="stylesheet" href="/css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="/css/icomoon.css">
<!-- Themify Icons-->
<link rel="stylesheet" href="/css/themify-icons.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="/css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="/css/magnific-popup.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="/css/owl.carousel.min.css">
<link rel="stylesheet" href="/css/owl.theme.default.min.css">
<!-- Flexslider -->
<link rel="stylesheet" href="/css/flexslider.css">
<!-- Theme style -->
<link rel="stylesheet" href="/css/style.css">
<!-- Modernizr JS -->
<script src="/js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="ubea-loader"></div>
<div id="page">
<nav class="ubea-nav" role="navigation">
<div class="ubea-container">
<div class="row">
<div class="col-sm-3 col-xs-12">
<div id="ubea-logo"><a href="/">AWS한국사용자모임</a></div>
</div>
<div class="col-xs-9 text-right menu-1 main-nav">
<ul>
<li class="active"><a href="#" data-nav-section="home">소통 채널</a></li>
<li><a href="https://www.awskr.org/#services" data-nav-section="services">소모임</a></li>
<li><a href="https://www.awskr.org/#portfolio" data-nav-section="portfolio">주요 활동</a></li>
<li><a href="https://www.awskr.org/#faq" data-nav-section="faq">FAQ</a></li>
<li><a href="https://www.awskr.org/#gurumi" data-nav-section="gurumi">구름이</a></li>
<li><a href="https://www.awskr.org/#about" data-nav-section="about">문의하기</a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="ubea-section" id="ubea-services" style="margin-top:50px">
<div class="ubea-container">
<div class="row">
<div class="col-md-12">
<div class="ubea-heading">
<h2 class="ubea-left">AWSKRUG 슬랙 채널</h2>
<p>AWSKRUG는 좀 더 심도 있는 토론 및 소모임 활동을 위한 소통 채널로 Slack을 활용하고 있습니다. <a href="http://awskrug.slack.com">http://awskrug.slack.com</a>에서 로그인 하시고 참여하실 수 있습니다. 아직 가입하지 않으신 분은 아래 채널 초대장을 받으신 후 참여하실 수 있습니다.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="row">
<h3>현재 총 가입자 - <b>12,204명</b></h3>
<img src="https://awskrug-web.s3-ap-northeast-2.amazonaws.com/2016/12/Screen-Shot-2016-12-19-at-14.01.47-1024x700.png" alt="screen-shot-2016-12-19-at-14-01-47" width="480" align="left" hspace="10" vspace="10">
</div>
</div>
<div class="col-md-6">
<div class="row">
<h3>슬랙 가입 방법 및 활용</h3>
<p>지금 <a href="https://join.slack.com/t/awskrug/shared_invite/zt-2zmrpr8n5-NSpJeLDhiIHjw8Dvy1ixdA"><b>초대 링크</b></a>를 클릭하시면, 바로 회원 가입이 가능합니다. <b>#general</b> 채널에서는 AWS 사용자들과 실시간으로 채팅이 가능하고, 분야별/소모임별 채널도 활성화 되어 있어서 AWSKRUG 모임 내 활동이 자율적으로 이루어지는 공간입니다.</p>
<!--p>아래에 이메일 주소를 입력하시면, AWSKRUG 슬랙 채널 가입 초대 메일을 받을 수 있습니다. 메일함에 있는 절차에 따라 가입 하실 수 있으며, 간혹 초대장이 스팸 메일함으로 가는 경우가 있으니 참고하시기 바랍니다. <b>#general</b> 채널에서는 AWS 사용자들과 실시간으로 채팅이 가능하고, 분야별/소모임별 채널도 활성화 되어 있어서 AWSKRUG 모임 내 활동이 자율적으로 이루어지는 공간입니다.</p>
<section class="container content">
<form class="ts" id="reqForm">
<fieldset>
<legend>초대장 받기</legend>
<label for="email">Email</label>
<input type="email" name="email" placeholder="[email protected]" id="emailField">
<input class="button-primary" type="submit" value="가입 초대장 보내기">
<p class="title result">
</p>
</fieldset>
</form>
</section-->
</div>
</div>
</div>
</div>
</div>
<footer id="ubea-footer" role="contentinfo">
<div class="ubea-container">
<div class="row copyright">
<div class="col-md-12">
<p class="pull-left">
<small class="block">Disclaimer- AWSKRUG는 독립적인 커뮤니티로서, 모든 활동은 AWS와 관련이 없습니다. AWS 커뮤니티 참여는 기술 교육 및 공유와 토론을 장려하고 있으며, <a href="https://aws.amazon.com/ko/codesofconduct/" target="_blank">AWS 커뮤니티 행동 강령</a>에 상반되는 행동을 용납하지 않습니다. 더 자세한 것은 <a href="https://aws.amazon.com/developer/community/usergroups/">AWS User Groups</a> 프로그램을 참고하세요.</small>
<small class="block">© 2012-2021 AWS Korea Usergroup - AWSKRUG. All Rights Reserved.</small>
<small class="block">Designed by <a href="https://www.freshdesignweb.com/" target="_blank">freshDesignweb.com</a></small>
</p>
<p class="pull-right">
<ul class="ubea-social-icons pull-right">
<li><a href="https://twitter.com/awskrug"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.facebook.com/groups/awskrug"><i class="icon-facebook"></i></a></li>
<li><a href="https://www.linkedin.com/company/awskrug"><i class="icon-linkedin"></i></a></li>
<li><a href="https://www.youtube.com/awskrug"><i class="icon-youtube"></i></a></li>
<li><a href="https://www.meetup.com/awskrug"><i class="icon-users"></i></a></li>
<li><a href="https://github.com/awskrug"><i class="icon-github"></i></a></li>
</ul>
</p>
</div>
</div>
</div>
</footer>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="js/jquery.countTo.js"></script>
<!-- Flexslider -->
<script src="js/jquery.flexslider-min.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
<script type="text/javascript">
(function($, document) {
$(document).ready(function() {
$("#reqForm").submit(function() {
$('input[type="submit"]').prop('disabled', true);
var pl = {
email: $("#emailField").val()
};
$.ajax({
type: "POST",
url: "https://956uxyx6ej.execute-api.ap-northeast-1.amazonaws.com/prod/slack",
data: JSON.stringify(pl),
contentType: "application/json",
dataType: "json",
crossDomain: true,
headers: {
'x-api-key': "kMupZ06nx12GSGSM36Hpc7e984bHBvBDwAlAIWY7"
}
}).done(function(data) {
if (data.result) {
$('.result').text('가입 초대장을 전송하였습니다. 메일함을 참고하셔서 가입 절차를 진행해주세요!')
.removeClass("error")
.addClass("succeed");
} else {
if (data.error == 'already_invited') {
$('.result').text('이미 초대장을 보냈습니다. 스팸 메일함에 있는지 확인해 보세요')
.removeClass("succeed")
.addClass("error");
} else {
$('.result').text(data.error)
.removeClass("succeed")
.addClass("error");
}
}
}).fail(function(data) {
$('.result').text('초대 전송이 실패했습니다. 메일 주소가 정확한지 확인해보세요.')
.removeClass("succeed")
.addClass("error");
}).always(function() {
$('input[type="submit"]').prop('disabled', false);
});
return false;
});
});
})(jQuery, document);
</script>
</body>
</html>