{% extends "layout.html" %}

{% block body %}

<div class="figure align-center" id="id1">
    <img src="_images/kinto-logo.svg">
    <hr style="border: 0"/>
    <p>Kinto is a minimalist JSON storage service with synchronisation and
       sharing abilities.<br/>
       <a href="{{ pathto("overview") }}#why-use-kinto" title="Why use Kinto?">Why use Kinto?</a></p>
    <a href="{{ pathto("tutorials/install") }}" class="btn btn-primary" title="Install"><span class="fa fa-bolt"> Install Kinto</span></a>
</div>

<div id="toc">
    <div class="item">
          <h3><a href="{{ pathto("overview") }}">Overview</a></h3>
          <p class="description">A high-level introduction of what Kinto is.</p>
          <p class="links"><a href="{{ pathto("overview") }}#use-cases">Use cases</a> | <a href="{{ pathto("faq") }}#comparison">Comparison table</a> | <a href="{{ pathto("faq") }}">FAQ</a></p>
    </div>
    <div class="item">
        <h3><a href="{{ pathto("concepts") }}">Concepts</a></h3>
        <p class="description">Dive into the details: architecture and terminology.</p>
        <p class="links"><a href="{{ pathto("concepts") }}#buckets-collections-and-records">Buckets, Collections and Records</a> | <a href="{{ pathto("concepts") }}#inherited">Permissions inheritance</a> | <a href="{{ pathto("concepts") }}#groups">Groups</a></p>
    </div>
    <div class="item">
        <h3><a href="{{ pathto("community") }}">Community &amp; Support</a></h3>
        <p class="description">Get help, contribute, and troubleshoot.</p>
        <p class="links"><a href="{{ pathto("community") }}#how-to-contribute">How to contribute</a> | <a href="{{ pathto("community") }}#communication-channels">Communication channels</a> | <a href="{{ pathto("community") }}#hack">Hack</a> | <a href="{{ pathto("community") }}#troubleshooting">Troubleshooting</a></p>
    </div>
    <div class="item">
        <h3><a href="{{ pathto("tutorials/index") }}">Tutorials</a></h3>
        <p class="description">Some guides to discover Kinto features.</p>
        <p class="links"><a href="{{ pathto("tutorials/install") }}">Install Kinto</a> | <a href="{{ pathto("tutorials/first-steps") }}">Discover the API</a> |  <a href="{{ pathto("tutorials/app-examples") }}">Application examples</a></p>
    </div>
    <div class="item">
        <h3><a href="{{ pathto("configuration/settings") }}">Configuration</a></h3>
        <p class="description">Install, configure, and deploy.</p>
        <p class="links"><a href="{{ pathto("configuration/settings") }}">Settings</a> | <a href="{{ pathto("configuration/production") }}">Production setup</a> | <a href="{{ pathto("configuration/good-practices") }}">Good practices</a></p>
    </div>
    <div class="item">
        <h3><a href="{{ pathto("api/index") }}">APIs</a></h3>
        <p class="description">An exhaustive look at the exposed HTTP endpoints.</p>
        <p class="links"><a href="{{ pathto("api/index") }}#cheatsheet">Cheatsheet</a> | <a href="{{ pathto("api/index") }}#full-reference">Full reference</a> | <a href="{{ pathto("api/1.x/permissions") }}#permissions">Permissions</a> | <a href="{{ pathto("api/1.x/synchronisation") }}">Synchronisation</a></p>
    </div>
</div>

</div>


{% endblock %}
