online Minecraft written book viewer
1{% extends "base.html" %} {% block title %}{{ book.title }} - nara{% endblock %}
2{% block head %}
3<link
4 rel="icon"
5 type="image/webp"
6 href="/assets/image/{{ texture_kind }}/written_book.webp?v={{ crate::VERSION }}"
7/>
8<meta property="og:site_name" content="nara" />
9<meta property="og:type" content="article" />
10<meta property="og:title" content="{{ book.title }} - nara" />
11<meta
12 property="og:description"
13 content="By {{ book.author }}. {{ book.page_count }} pages."
14/>
15<meta name="twitter:card" content="summary_large_image" />
16<meta name="twitter:title" content="{{ book.title }} - nara" />
17<meta
18 name="twitter:description"
19 content="By {{ book.author }}. {{ book.page_count }} pages."
20/>
21{% endblock %} {% block page_class %}page detail{% endblock %} {% block
22page_attrs %} style="--book-mask: url('/assets/image/{{ texture_kind
23}}/written_book.webp?v={{ crate::VERSION }}')"{% endblock %} {% block body %}
24<header class="hero detail-hero">
25 <div class="brand">
26 <span class="enchanted book-badge">
27 <img
28 class="item"
29 src="/assets/image/{{ texture_kind }}/written_book.webp?v={{ crate::VERSION }}"
30 alt=""
31 />
32 </span>
33 <div>
34 <p class="eyebrow">Book Detail</p>
35 <h1 class="font-minecraft">{{ book.title }}</h1>
36 <p class="meta">
37 by <a href="{{ book.author_href }}">{{ book.author }}</a>
38 </p>
39 <div class="meta-row">
40 <span class="tag subtle">{{ book.page_count }} pages</span>
41 </div>
42 </div>
43 </div>
44 <div class="detail-actions">
45 <a class="button ghost" href="{{ back_href }}">Back to list</a>
46 </div>
47</header>
48
49<section class="detail-body">
50 <div class="pages">
51 {% for page in book.pages %}
52 <article class="book-page">
53 <div class="book-page-sprite">
54 <p class="book-page-header font-minecraft">
55 Page {{ page.index }} of {{ book.page_count }}
56 </p>
57 <div class="book-page-text font-minecraft">{{ page.html }}</div>
58 </div>
59 </article>
60 {% endfor %}
61 </div>
62</section>
63{% endblock %}