bits-bytes-nn.github.io/index.html at main · bits-bytes-nn/bits-bytes-nn.github.io · GitHub

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
---
layout: default
description: >-
  AI/ML 논문을 설계 결정과 트레이드오프까지 파고들어 읽고, 에이전틱 AI·데이터 아키텍처 현장에서
  겪은 문제를 정리하는 기술 블로그입니다.
pagination:
  enabled: true
---

<div class="home">
	<div
		class="site-header-container {% if site.cover %}has-cover{% endif %}"
		{%
		if
		site.cover
		%}style="background-image: url({{ site.cover | prepend: site.baseurl }});"
		{%
		endif
		%}
	>
		<div class="scrim {% if site.cover %}has-cover{% endif %}">
			<header class="site-header">
				<h1 class="title">{{ site.title }}</h1>
				{% if site.subtitle %}
				<p class="subtitle">{{ site.subtitle }}</p>
				{% endif %}
			</header>
		</div>
	</div>
	<div class="wrapper">
		<ul class="post-list">
			{% for post in paginator.posts %}
			<li>
				<h2>
					<a class="post-link" href="{{ post.url | prepend: site.baseurl }}"
						>{{ post.title }}</a
					>
				</h2>
				<section class="post-excerpt" itemprop="description">
					{%- comment -%}
					  `post.content | strip_html | truncatewords: 50` used to reproduce
					  the leading H1 (so every card repeated its own title) and dumped
					  raw TeX from math posts. `post.description` is the same text the
					  meta tags and the feed use — see _plugins/post_description.rb.
					{%- endcomment -%}
					<p>{{ post.description | shorten_card | escape }}</p>
				</section>
				<section class="post-meta">
					<div class="post-date">{{ post.date | date: "%B %-d, %Y" }}</div>
					<div class="post-categories">
						{% if post.categories.size > 0 %}in {% for cat in post.categories %}
						<a href="{{ site.baseurl }}/categories/#{{ cat | slugify }}"
							>{{ cat | replace: '-', ' ' }}</a
						>{% if forloop.last == false %}, {% endif %} {% endfor %} {% endif
						%}
					</div>
				</section>
			</li>
			{% if forloop.last == false %}
			<hr />
			{% endif %} {% endfor %}
		</ul>

		{%- comment -%}
		  Icons are Font Awesome 6 names (fa-solid/fa-angles-*), not the v4 aliases
		  (fa/fa-angle-double-*) — those were the only reason the v4-shims
		  stylesheet was loaded on every page.

		  Both directions are links, so both need an accessible name: the icons are
		  decorative and carry no text. The forward link is `older-posts`; it used
		  to reuse `newer-posts`, which is what the CSS keys off.
		{%- endcomment -%}
		<nav class="pagination" aria-label="Post list pages">
			<p>
				{% if paginator.previous_page %}
				<a
					class="newer-posts"
					rel="prev"
					aria-label="Newer posts"
					href="{% if paginator.page == 2 %}{{ site.baseurl }}/{% else %}{{ site.baseurl }}{{ paginator.previous_page_path }}{% endif %}"
				>
					<span class="fa-stack fa-lg" aria-hidden="true">
						<i class="fa-solid fa-square fa-stack-2x"></i>
						<i class="fa-solid fa-angles-left fa-stack-1x fa-inverse"></i>
					</span>
				</a>
				{% else %}
				<span class="fa-stack fa-lg is-disabled" aria-hidden="true">
					<i class="fa-solid fa-square fa-stack-2x"></i>
					<i class="fa-solid fa-angles-left fa-stack-1x fa-inverse"></i>
				</span>
				{% endif %}
				<span class="page-number"
					>Page {{ paginator.page }} of {{ paginator.total_pages }}</span
				>
				{% if paginator.next_page %}
				<a
					class="older-posts"
					rel="next"
					aria-label="Older posts"
					href="{{ site.baseurl }}{{ paginator.next_page_path }}"
				>
					<span class="fa-stack fa-lg" aria-hidden="true">
						<i class="fa-solid fa-square fa-stack-2x"></i>
						<i class="fa-solid fa-angles-right fa-stack-1x fa-inverse"></i>
					</span>
				</a>
				{% else %}
				<span class="fa-stack fa-lg is-disabled" aria-hidden="true">
					<i class="fa-solid fa-square fa-stack-2x"></i>
					<i class="fa-solid fa-angles-right fa-stack-1x fa-inverse"></i>
				</span>
				{% endif %}
			</p>
		</nav>
	</div>
</div>