1{%- if page.key and
2  site.comments.gitalk.clientID and
3	site.comments.gitalk.clientSecret and
4	site.comments.gitalk.repository and
5	site.comments.gitalk.owner and
6	site.comments.gitalk.admin -%}
7
8	<!-- fix text color in the input textarea of gitalk -->
9	<style type="text/css">
10		.gitalk-wrapper .gt-header-textarea {
11			color: #333 !important;
12		}
13	</style>
14
15	{%- include snippets/get-sources.html -%}
16	{%- assign _sources = __return -%}
17	<div class="gitalk-wrapper" id="js-gitalk-container"></div>
18	{%- assign _admin = '' -%}
19	{%- for _admin_id in site.comments.gitalk.admin -%}
20		{%- assign _admin = _admin | append: ", '" | append: _admin_id | append: "'" -%}
21	{%- endfor -%}
22	{%- assign _last = _admin | size | minus: 1 -%}
23	{%- assign _admin = _admin | slice: 2, _last -%}
24	<script>
25		window.Lazyload.css('{{ _sources.gitalk.css }}');
26		window.Lazyload.js('{{ _sources.gitalk.js }}', function() {
27			var gitalk = new Gitalk({
28				clientID: '{{ site.comments.gitalk.clientID }}',
29				clientSecret: '{{ site.comments.gitalk.clientSecret }}',
30				repo: '{{ site.comments.gitalk.repository }}',
31				owner: '{{ site.comments.gitalk.owner }}',
32				admin: [{{ _admin }}],
33				id: '{{ page.key }}'
34			});
35			gitalk.render('js-gitalk-container');
36		});
37	</script>
38
39{%- endif -%}