templates/about.html (1178B)
1 {#- 소개. 초상이 제목 위에 선다.
2
3 초상을 마크다운 본문에 넣지 않는 이유: 본문 안에 있으면 문단 사이에 끼어
4 흐름을 끊고, 폭과 비율을 문서마다 다시 정해야 한다. 머리에 두면 자리가
5 한 곳이고 규격도 하나다. #}
6 {% extends "base.html" %}
7 {% from "partials/lang.html" import lang_switch %}
8
9 {% block content %}
10 <div class="wrap wrap-read">
11 <header class="page-head about-head">
12 {%- if page.extra.portrait %}
13 {#- alt 는 사람을 말한다. 장식이 아니라 "누구인지"가 이 페이지의 내용이다. #}
14 <figure class="portrait">
15 <img src="{{ asset(page.extra.portrait) }}" alt="{{ page.extra.portrait_alt }}"
16 width="720" height="900" loading="eager" decoding="async">
17 </figure>
18 {%- endif %}
19 <h1 class="page-title">{{ page.title }}</h1>
20 {%- if page.description %}
21 <p class="page-lede">{{ page.description }}</p>
22 {%- endif %}
23 <div class="page-meta">{{ lang_switch(page) }}</div>
24 </header>
25
26 <div class="fence" aria-hidden="true">+++</div>
27
28 <div class="prose">
29 {{ page.content | safe }}
30 </div>
31 </div>
32 {% endblock %}