little-library/templates/elements/book.html

<div class="column is-one-quarter" id="book_{{id}}">
  <div class="box modal-button has-text-centered" data-modal="{{id}}">
    <h2 class="title is-4">{{title}}</h2>
    <h4 class="subtitle">{{author}}</h4>
    <div class="tags has-addons">
      <span class="tag">File Format</span>
      <span class="tag is-info">{{fileType}}</span>
    </div>
  </div>
  
  {{modal}}
</div>