index.html

---
layout: default
---

<div class="home">
  <div class="container">
    <header>
      {% img landing-header.jpg alt:'Art of a developer in front of her computer' class:'img-fluid' %}
    </header>
    <h1 class="mini">What is kana.tools</h1>
    <div class="intro">
      <p><b>kana.tools</b> is a repository of small, proof-of-concept Japanese language tools created by <a href="https://www.tofugu.com/about/people" title="View Tofugu staff page">Tofugu</a> developers and friends.</p>
    </div>

    <h1 class="mini">Tools</h1>
    <div class="card-columns">
      {% for tool in site.tools %}
        <a href="{{ tool.url }}">
          <div class="card" title="View {{ tool.title }}">
            <div class="card-block">
              <h2 class="card-title mini">{{ tool.title }}</h2>
              <p class="card-text">{{ tool.description }}</h2>
              <p class="card-text"><small class="text-muted">By {{ tool.authors | sort | join: ', ' | split: '' | reverse | join: '' | replace_first: " ,", " dna " | split: '' | reverse | join: '' }}</small></p>
            </div>
          </div>
        </a>
      {% endfor %}
    </div>
  </div>
</div>