templates/partials/footer.html (2260B)
1 {#- 콜로폰. 갈래 링크는 위 내비와 같은 자료(site.sections)를 쓰므로 갈래가 늘어도
2 두 곳을 고칠 일이 없다.
3
4 소셜은 따로 선다. 왼쪽 갈래 링크는 이 사이트 안을 도는 것이고 오른쪽은 밖으로
5 나가는 것이라, 같은 줄에 섞으면 어느 쪽이 어디로 가는지 흐려진다.
6
7 마지막 줄은 이 사이트가 무엇으로 만들어졌는지 말한다 — 자기 도구로 자기 사이트를
8 짓는 것 자체가 그 도구에 대한 주장이다. #}
9 {%- set ko = page.language == "ko" %}
10 {%- set home = site.base_path ~ ("/ko/" if ko else "/") %}
11 {% from "partials/icons.html" import i_github, i_instagram %}
12 {% from "partials/nav.html" import nav_label %}
13 <footer class="colophon">
14 <div class="colophon-in">
15 <nav class="colophon-nav" aria-label="{{ t("menu") }}">
16 {%- for s in site.sections %}
17 <a href="{{ s.url }}">{{ nav_label(s, home) }}</a>
18 {%- endfor %}
19 {%- if site.feed %}
20 <a href="{{ site.feed }}">{{ t("feed") }}</a>
21 {%- endif %}
22 <a href="{{ site.base_path }}/sitemap.xml">{{ t("sitemap") }}</a>
23 </nav>
24
25 {#- rel="me" 는 이 계정들이 같은 사람이라는 선언이다. Mastodon 류가 이걸 읽고,
26 읽지 않는 곳에서도 틀린 말이 아니다. #}
27 <nav class="colophon-social" aria-label="{{ t("elsewhere") }}">
28 <a href="https://github.com/sqzer-x" rel="me" target="_blank" aria-label="GitHub" data-tooltip="GitHub">{{ i_github() }}</a>
29 <a href="https://www.instagram.com/sqzer_x" rel="me" target="_blank" aria-label="Instagram" data-tooltip="Instagram">{{ i_instagram() }}</a>
30 </nav>
31
32 {#- 링크는 이 사이트를 만든 도구의 랜딩으로 간다. 레포가 아니라 랜딩인 이유는
33 여기서 궁금해지는 것이 "그게 뭔데"이지 "코드 보여 줘"가 아니기 때문이다.
34
35 연도는 손으로 적는다. sqzass 에는 now() 가 없다 — 시계를 읽을 수 있는
36 템플릿은 두 번 빌드했을 때 같은 바이트를 내지 못한다. #}
37 <p class="colophon-note">
38 Built with <a href="https://sqzass.sqzer.com">sqzass</a>.
39 Copyright 2026 sqzer (hyukjin an).
40 </p>
41 </div>
42 </footer>