Add support for HTML books

.gitignore

@@ -3,3 +3,6 @@ _site
 .jekyll-cache
 .jekyll-metadata
 vendor
+
+.idea
+.bundle

_data/books.yml

@@ -1,6 +1,9 @@
 materials_and_you_20:
   path: tinkers/3.11.1/materials_and_you
+  arrows: tinkers/materials_and_you
   max_page: 33
+  next:
+    title: Puny Smelting
   titles:
     - index: 1
       text: Introduction
@@ -25,7 +28,12 @@ materials_and_you_20:
 
 puny_smelting_20:
   path: tinkers/3.11.2/puny_smelting
+  arrows: tinkers/puny_smelting
   max_page: 102
+  previous:
+    title: Materials and You
+  next:
+    title: Mighty Smelting
   titles:
     - index: 2
       text: Melter & Moving Fluids
@@ -59,7 +67,12 @@ puny_smelting_20:
 
 mighty_smelting_20:
   path: tinkers/3.11.2/mighty_smelting
+  arrows: tinkers/mighty_smelting
   max_page: 83
+  previous:
+    title: Puny Smelting
+  next:
+    title: Fantastic Foundry
   titles:
     - index: 2
       text: Smeltery
@@ -84,8 +97,13 @@ mighty_smelting_20:
 
 fantastic_foundry_20:
   path: tinkers/3.11.1/fantastic_foundry
+  arrows: tinkers/fantastic_foundry
   max_page: 29
-  titles:      
+  previous:
+    title: Mighty Smelting
+  next:
+    title: Tinkers' Gadgetry
+  titles:
     - index: 2
       text: Alloyer
 
@@ -106,7 +124,13 @@ fantastic_foundry_20:
 
 tinkers_gadgetry_20:
   path: tinkers/3.11.2/tinkers_gadgetry
+  arrows: tinkers/tinkers_gadgetry
   max_page: 56
+  previous:
+    title: Fantastic Foundry
+  next:
+    title: Encyclopedia of Tinkering
+    link: encyclopedia
   titles:
     - index: 2
       text: Gadgets
@@ -137,7 +161,10 @@ tinkers_gadgetry_20:
 
 encyclopedia_20:
   path: tinkers/3.11.2/encyclopedia
+  arrows: tinkers/encyclopedia
   max_page: 262
+  previous:
+    title: Tinkers' Gadgetry
   titles:
     - index: 2
       text: Tools

_includes/book/header.html

@@ -1 +1 @@
-Click a book below to read the contents. Note that addon content along with interactive elements such as animations and tooltips will not be available. The best source for book content is always the in game books.
+Click a book below to read the contents. Note that addon content will not be available. Interactive elements such as navigation and tooltips are partially available in the HTML versions. The best source for book content is always the in game books.

_includes/book/link.html

@@ -8,7 +8,12 @@
   {%- else -%}
     {%- assign name = include.title | slugify -%}
   {%- endif -%}
-  <a class="uk-inline book-link" href="/docs/books/{{include.version}}/{{name}}">
+  {%- if include.html -%}
+    {%- assign link = name | append: "-html/cover" -%}
+  {%- else -%}
+    {%- assign link = name -%}
+  {%- endif -%}
+  <a class="uk-inline book-link" href="/docs/books/{{include.version}}/{{link}}/">
     <img src="/assets/images/book/icons/{{include.icon | default: name}}.png" alt=""/>
     <br>
     {{include.title | default: name}}

_includes/book/pages.html

@@ -34,18 +34,18 @@
         {%- for pageIndex in (0..include.book.max_page) -%}
             {%- if titleIndex < titleCount and include.book.titles[titleIndex].index == pageIndex -%}
                 </div>
-                <h3 id="{{ include.book.titles[titleIndex].text | slugify }}">{{ include.book.titles[titleIndex].text }}</h3>
+                <h3 id="{{ include.book.titles[titleIndex].link | default: include.book.titles[titleIndex].text | slugify }}">{{ include.book.titles[titleIndex].text }}</h3>
                 <div class="uk-child-width-1-1 uk-child-width-1-3@s uk-grid-collapse" uk-grid>
                 {%- assign titleIndex = titleIndex | plus: 1 -%}
             {%- endif -%}
             {%- capture pagePath -%}
                 /assets/images/book/{{include.book.path}}/page_{{pageIndex}}.png
             {%- endcapture -%}
-            <div>
-                <a class="uk-lineline book-page" href="{{pagePath}}" data-attrs="class: book-page">
-                    <img src="{{pagePath}}" alt=""/>
-                </a>
-            </div>
+        <div>
+            <a class="uk-lineline book-page" href="{{pagePath}}" data-attrs="class: book-page">
+                <img src="{{pagePath}}" alt=""/>
+            </a>
+        </div>
         {%- endfor -%}
     </div>
 </div>

_includes/breadcrumbs.html

@@ -25,5 +25,5 @@
         {% endif %}
       {%- endif -%}
     {% endfor %}
-    / {{ page.breadcrumb | default: page.title }}
+    / {{ page.breadcrumb | default: site.data.books[page.book].title | default: page.title }}
 </div>

_includes/head.html

@@ -23,6 +23,7 @@
   <link rel="stylesheet" href="{{ "/assets/css/uikit.min.css" | relative_url }}" />
   <link rel="stylesheet" href="{{ "/assets/css/slimeknights.css" | relative_url }}{{cache_buster}}"/>
   <script src="{{ "/assets/js/jquery.min.js" | relative_url }}"></script>
+  <script src="{{ "/assets/js/minetip.js" | relative_url }}"></script>
   <script src="{{ "/assets/js/slimeknights.js" | relative_url }}{{cache_buster}}"></script>
   <script src="{{ "/assets/js/uikit.min.js" | relative_url }}"></script>
   <script src="{{ "/assets/js/uikit-icons.min.js" | relative_url }}"></script>

_includes/navigation.html

@@ -1,26 +1,33 @@
+{% if include.html %}
+  {% assign prefix = "../" %}
+  {% assign suffix = " (HTML)" %}
+  {% assign link_suffix = "-html/cover" %}
+{%- endif -%}
 <nav class="navigation">
   <ul class="uk-pagination">
     {%- if include.previous -%}
       <li>
         {%- if include.previous.link -%}
-          <a href="../{{include.previous.link}}">
+          <a href="../{{ prefix | append: include.previous.link | append: link_suffix }}/">
         {%- else -%}
-          <a href="../{{include.previous.title | slugify }}">
+          <a href="../{{ prefix }}{{ include.previous.title | slugify | append: link_suffix }}/">
         {%- endif -%}
-        <span class="uk-margin-small-right" uk-pagination-previous></span>
-        {{ include.previous.title | default: include.previous.link }}
-      </a></li>
+            <span class="uk-margin-small-right" uk-pagination-previous></span>
+            {{ include.previous.title | default: include.previous.link | append: suffix }}
+          </a>
+      </li>
     {%- endif -%}
     {%- if include.next -%}
       <li class="uk-margin-auto-left">
         {%- if include.next.link -%}
-          <a href="../{{include.next.link}}">
+          <a href="../{{ prefix | append: include.next.link | append: link_suffix }}/">
         {%- else -%}
-          <li><a href="../{{include.next.title | slugify }}">
+          <a href="../{{ prefix }}{{ include.next.title | slugify | append: link_suffix }}/">
         {%- endif -%}
-        {{ include.next.title | default: include.next.link }}
-        <span class="uk-margin-small-left" uk-pagination-next></span>
-      </a></li>
+            {{ include.next.title | default: include.next.link | append: suffix }}
+            <span class="uk-margin-small-left" uk-pagination-next></span>
+          </a>
+      </li>
     {%- endif -%}
     </ul>
 </nav>

_layouts/book-html.html

@@ -0,0 +1,35 @@
+---
+layout: page
+---
+{%- assign book = site.data.books[page.book] -%}
+{% if page.page_num == -1 %}
+    {% assign cover = "-1" %}
+{% endif %}
+{% if page.page_num == 0 %}
+    {% assign left_page = "cover" %}
+{% else %}
+    {% assign sub = page.page_num | minus: 1 %}
+    {% assign left_page = "page-" | append: sub %}
+{% endif %}
+<div class="mc-font-black book-page-html">
+    {% if page.page_num == -1 %}
+    <img src="/assets/images/book/{{ book.path }}/cover.png" alt="" style="padding-left: 206px; padding-right: 206px;">
+    {% else %}
+    <img src="/assets/images/book/{{ book.path }}/clean_{{ page.page_num }}.png" alt="">
+    {% endif %}
+    {{ content }}
+    {% unless page.page_num < 1 %}
+    <a href="../page-0/" class="back-arrow"><img src="/assets/images/book/arrows/{{ book.arrows }}/back.png" alt=""></a>
+    {% endunless %}
+    {% unless page.page_num == -1 %}
+    <a href="../{{ left_page }}/" class="left-arrow"><img src="/assets/images/book/arrows/{{ book.arrows }}/left.png" alt=""></a>
+    {% endunless %}
+    {% unless page.page_num == book.max_page %}
+    <a href="../page-{{ page.page_num | plus: 1 }}/" class="right-arrow{{ cover }}"><img src="/assets/images/book/arrows/{{ book.arrows }}/right.png" alt=""></a>
+    {% endunless %}
+</div>
+<p>Click on the arrows, icons, and links to navigate the book.</p>
+
+<link rel="stylesheet" href="{{ "/assets/css/book-html.css" | relative_url }}{{cache_buster}}"/>
+<script src="/assets/js/book-html.js"></script>
+<script src="/assets/js/minetip.js" defer></script>

_layouts/home.html

@@ -8,7 +8,7 @@ <h1 class="page-heading">{{ page.title }}</h1>
   {%- endif -%}
 
   {{ content }}
-  
+
   {%- if site.paginate %}
     {%- assign posts = paginator.posts -%}
   {%- else -%}

_layouts/page.html

@@ -2,17 +2,21 @@
 layout: default
 ---
 <article class="post">
-
   <header class="post-header">
     {% include breadcrumbs.html %}
-    <h1 class="post-title">{{ page.title | escape }}</h1>
-    {% if page.next or page.previous %}
-      {% include navigation.html previous=page.previous next=page.next %}
+    {% assign book = site.data.books[page.book] %}
+    <h1 class="post-title">{{ book.title | default: page.title | escape }}</h1>
+    {% assign prev = book.previous | default: page.previous %}
+    {% assign nxt = book.next | default: page.next %}
+    {% if prev or nxt %}
+      {% if page.layout == "book-html" or page.layout == "book-cover-html" %}
+        {% include navigation.html previous=prev next=nxt html=1 %}
+      {% else %}
+        {% include navigation.html previous=prev next=nxt %}
+      {% endif %}
     {% endif %}
   </header>
-
   <div class="post-content">
     {{ content }}
   </div>
-
 </article>