---
layout: base
---

<article id="book" 
         class="book h-entry"
         role="article" 
         itemscope 
         itemtype="http://schema.org/BlogPosting"
         aria-labelledby="{{ page.title | slugify }}-title">

  <div class="book__title hp-title">
    <h1 class="p-name">{{ page.title }}</h1>
    <h4>{{ page.subtitle }}</h4>
  </div>

  <section class="book__infobox">
    <div class="infobox">
      {% assign book_cover_img_src = site.baseurl | append: "/assets/img/books/" | append: page.slug | append: ".png" %}
      <img src='{{ book_cover_img_src }}' class="infobox__img--cover">
      {% include toc.html html=content wrap_class="toc" class="toc__list" item_class="toc__list-item" anchor_class="toc__anchor" %}
      {% include dates.html updated=page.updated date=page.date %}
      <div class="infobox__bar">
        {% include btn_state.html states=page.status %}
        {% if site.social.share.enabled %}
          {% include share.html %}
        {% endif %}
      </div>
      <div class="infobox__sem-tags p-category">
        {% assign tags_attrs = page.attributes | link_type: "tags" %}
        {% include tags.html tags_attrs=tags_attrs tags_fm=page.tags %}
      </div>
    </div>
  </section>

  <div class="book__content markdown hp-content e-content p-name">
    {{ content }}
  </div>

</article>