wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Issues Pull requests Activity Actions

feat: update book layout

Browse source
This commit is contained in:
Devin Haska 2024-02-18 00:54:23 -08:00
parent 77da511139
commit 48450ec64f
1 changed files with 9 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/_layouts/book.html
View file

@ -10,24 +10,15 @@ layout: base
<section class="[ meta ] [ flex justify-between mb-1 gap-1 ]">
<div>
<h1>{{ title }}</h1>
{% if subtitle %}<h2 class="[ text-fadeText my-1 ]">{{ subtitle }}</h2>{% endif %}
<hr />
<div class="[ catalogue-meta ] [ column-gap-1 row-gap-0.5 ]">
<div>
<strong>Author</strong>
</div>
<div>{{ author }}</div>
<div>
<strong>ISBN</strong>
</div>
<div>{{ isbn }}</div>
</div>
<hr />
<ul class="[ flex list-none p-0 gap-0.5 ]">
{% for tag in tags | filter(["catalogue", "book"]) %}
<li class="[ bg-surface radius-1 px-1 py-0.5 ]">{{ tag }}</li>
{% endfor %}
</ul>
{% if subtitle %}<h3 class="[ text-fadeText my-0.5 ]">{{ subtitle }}</h3>{% endif %}
{% if author %}<span class="[ text-fadeText ]">by</span> {{ author }}{% endif %}
{% if tags | filter(["catalogue", "book"]) | length > 0 %}
<ul class="[ flex list-none p-0 gap-0.5 ]">
{% for tag in tags | filter(["catalogue", "book"]) %}
<li class="[ bg-surface radius-1 px-1 py-0.5 ]">{{ tag }}</li>
{% endfor %}
</ul>
{% endif %}
</div>
{% if image %}
<div>{% image image, "", "" %}</div>