{% extends "base.html" %}

{% block content %}
<h1>
  Short intro title
</h1>
<p>
  Books bind people and practices together, holding relations, opening the world. Experimental books push what the book container can hold... <a href="">more</a>
</p>
<h1>
  Essay title
</h1>
<p>
  The UnBound Binds kit weaves some some ingredients for the making of experimental books into a non-linear how-to guide... <a href="">more</a>
</p>
<hr>
<p>
  Browse random ingredients, search or explore typology, books, tools, practices, sensitivities and publishers
</p>

<div class="row">
{% for tool in tools %}
    <div class="col-md-4 col-sm-6 py-3">
    <div class="card text-dark bg-info mb-3">
        <div class="card-body">
            <a href="{{ url_for('tool.show_tool', tool_id=tool['id']) }}">
                <h3 class="card-title text-center text-dark">{{ tool['name'] }}</h3>
            </a>
            <p class="card-text">
                {{ tool['description']|truncate(100) }}
            </p>
            {% if current_user.is_authenticated %}
            <a href="{{ url_for('tool.edit_tool', tool_id=tool['id']) }}">
                <span class="badge bg-dark">Edit</span>
            </a>
            {% endif %}
        </div>
    </div>
    </div>
{% endfor %}
</div>
{% endblock %}