-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (121 loc) · 5.62 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
---
layout: default
---
{% if paginator.page == 1 %}
<section class="hero">
<div class="hero__scrim">
<h1 class="hero__title">인트아이 스터디 블로그</h1>
<h2 class="hero__subtitle">인하대학교 정보통신공학과 프로그래밍 소모임</h2>
<div class="hero_group">
<a class="hero__button" href="https://github.com/int-i">GitHub</a>
<a class="hero__button" href="https://www.youtube.com/channel/UCF2m6a2zvQSr75B7zqBd15g">YouTube</a>
</div>
</div>
</section>
<section class="flat">
<article class="container container--flat">
[공지사항] <a class="link no-text-decoration" href="/information/2023-01-12/welcome/">[회원모집] 소프트웨어를 여행하는 히치하이커를 위한 안내서: 인트아이</a>
</article>
</section>
{% endif %}
<section class="container container--dense grid grid--weighted-double-stage">
<div>
{% for post in paginator.posts %}
<article class="card {% if post.category == 'scrap' %}card--scrap{% endif %}">
{% if post.category == 'scrap' %}
<a class="no-text-decoration" href="{{ post.content | strip_html | strip }}">
{% else %}
<a class="no-text-decoration" href="{{ post.url | relative_url }}">
{% endif %}
{% if post.thumbnail %}
<img class="card__image" alt="Post thumbnail" src="{{ post.thumbnail | relative_url }}">
{% endif %}
<header class="title card__title">{% if post.category == 'scrap' %}[스크랩] {% endif %}{{ post.title | escape }}</header>
<div class="content card__content">{{ post.excerpt | strip_html | truncate: 150 }}</div>
</a>
{% if post.tags %}
<ul class="hashtags">
{% for tag in post.tags %}
<li class="hashtag"><a class="link" href="{{ "/tags" | relative_url }}#{{ tag }}">{{ tag }}</a></li>
{% endfor %}
</ul>
{% endif %}
<div class="content card__metadata">
<time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date_to_string }}</time> · by <a class="link card__metalink" href="{{ '/authors/' | relative_url }}#{{ post.author }}">{{ site.data.authors[post.author].name }}</a>
{% if post.category != 'scrap' %}
<a class="link card__metalink comments" href="{{ post.url | relative_url }}#disqus_thread" data-disqus-identifier="{{ post.id }}"></a>
{% endif %}
</div>
</article>
{% endfor %}
<article>
<ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-5b+dn+1q-77+ft" data-ad-client="ca-pub-5487967079203120" data-ad-slot="1989138434"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</article>
{% if paginator.total_pages > 1 %}
<div class="pagination">
{% if paginator.previous_page %}
<a class="pagination__item pagination__item--enabled" href="{{ paginator.previous_page_path | relative_url }}">« Prev</a>
{% else %}
<span class="pagination__item pagination__item--disabled">« Prev</span>
{% endif %}
{% assign page_start = paginator.page | minus: 2 | at_least: 1 %}
{% assign page_end = page_start | plus: 4 | at_most: paginator.total_pages %}
{% for page in (page_start..page_end) %}
{% if page == paginator.page %}
<span class="pagination__item pagination__item--active">{{ page }}</span>
{% elsif page == 1 %}
<a class="pagination__item pagination__item--enabled" href="{{ '/' | relative_url }}">{{ page }}</a>
{% else %}
<a class="pagination__item pagination__item--enabled" href="{{ site.paginate_path | relative_url | replace: ':num', page }}">{{ page }}</a>
{% endif %}
{% endfor %}
{% if paginator.next_page %}
<a class="pagination__item pagination__item--enabled" href="{{ paginator.next_page_path | relative_url }}">Next »</a>
{% else %}
<span class="pagination__item pagination__item--disabled">Next »</span>
{% endif %}
</div>
{% endif %}
</div>
<div>
<article class="card">
<header class="title card__title card__title--small">Tag</header>
<div class="content card__content">
<ul class="hashtags">
{% assign sorted_tags = site.tags | sort %}
{% for tag in sorted_tags %}
{% if tag[1].size > 1 %}
<li class="hashtag"><a class="link" href="{{ "/tags" | relative_url }}#{{ tag[0] }}">{{ tag[0] }}</a></li>
{% endif %}
{% endfor %}
</ul>
</div>
</article>
<article>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5487967079203120" data-ad-slot="2426401878" data-ad-format="auto" data-full-width-responsive="false"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</article>
</div>
</section>
{% if paginator.page == 1 %}
<section class="container">
<div id="shortcuts" class="shortcuts">
{% for shortcut in site.data.shortcuts %}
<a class="shortcut__link" href="{{ shortcut.link }}" style="background-image: linear-gradient(to bottom, rgba(18,18,18,0.38), rgba(18,18,18,0.6)), url('{{ shortcut.image }}')">{{ shortcut.title }} →</a>
{% endfor %}
</div>
<script>
const shortcuts = document.getElementById('shortcuts');
let scrollRight = true;
setInterval(() => {
shortcuts.scrollLeft += (scrollRight ? 1 : -1);
if (shortcuts.scrollLeft <= 0 || shortcuts.scrollLeft >= shortcuts.scrollWidth - shortcuts.clientWidth) {
scrollRight = !scrollRight;
}
}, 50);
</script>
</section>
{% endif %}
<!-- Disqus -->
<script async src="https://int-i-blog.disqus.com/count.js" id="dsq-count-scr"></script>