online Minecraft written book viewer
at main 63 lines 2.3 kB view raw
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 %}