index.html

---
layout: default
---

<div class="header-container jumbotron">
    <div class="container">
        <h2>Koop - an open source geospatial data server</h3>
        <p>Transform geospatial data on the fly and serve as GeoJSON, Vector Tiles, Feature Services and more</p>
    </div>
</div>


<div class="container">

    <div class="row">
        <h2 class="header-light landing-header-no-top-margin">What is Koop?</h2>
        <div class="col-md-8">
            
            <hr>
            <p>Koop is a JavaScript toolkit for connecting spatial APIs. Out of the box, it exposes a Node.js server that translates GeoJSON into the GeoServices specification supported by ArcGIS products. Its plugin architecture supports output in other formats including vector-tile, WMS, and plain old GeoJSON.</p>
            <br>
            <p>Koop can be extended to translate data from any source to any API specification. Don’t let API incompatiblity get in your way, start using one of Koop’s data providers or write your own. </p>
            <p>Check out <a href={{ "/docs/basics" | prepend: site.baseurl }}>the docs</a> or see our 
                    {% for post in site.posts limit:1 %}
                        <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
                          latest blog entry
                        </a>
                    {% endfor %}
                .</p>
            
        </div>
        <div class="col-md-4 text-center">
            <img src="img/logonav.png" alt="" class="img-responsive">
        </div>
        <br>
        <br>
        <br>
    </div>

    <hr>

    <div class="row">
        <a class='tile-link' href="{{ "/docs/basics" | prepend: site.baseurl }}">
            <div class="col-sm-2 landing-tiles">
                <h1 class="text-center"><i class="fa fa-check-square-o" aria-hidden="true"></i></h1>
                <h4 class="text-center">Basics</h4>
            </div>
        </a>
        <a class='tile-link' href="{{ "/docs/basics/quickstart" | prepend: site.baseurl }}">
            <div class="col-sm-2 landing-tiles">
                <h1 class="text-center"><i class="fa fa-rocket" aria-hidden="true"></i></h1>
                <h4 class="text-center">Quick Start</h4>
            </div>
        </a>
        <a class='tile-link' href="{{ "/docs/available-plugins" | prepend: site.baseurl }}">
            <div class="col-sm-2 landing-tiles">
                <h1 class="text-center"><i class="fa fa-plug" aria-hidden="true"></i></h1>
                <h4 class="text-center">Plugins</h4>
            </div>
        </a>
        <a class='tile-link' href="{{ "/docs/usage" | prepend: site.baseurl }}">
            <div class="col-sm-2 landing-tiles">
                <h1 class="text-center"><i class="fa fa-chevron-right" aria-hidden="true"></i></h1>
                <h4 class="text-center">Usage</h4>
            </div>
        </a>
        <a class='tile-link' href="{{ "/docs/development" | prepend: site.baseurl }}">
            <div class="col-sm-2 landing-tiles">
                <h1 class="text-center"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></h1>
                <h4 class="text-center">Development</h4>
            </div>
        </a>
    </div>
    <hr>
    <h2 id="sponsors" class="header-light landing-header-no-top-margin">Sponsors</h2>
    <div>
        <a class='tile-link' href="https://esri.com">
            <div class="col-sm-12">
                <img id="esri-logo" src="img/esri-logo-item.png" alt="" class="img-responsive">
            </div>
        </a>
    </div>
    <h4 id="sponsor-action">Help Koop grow by becoming a sponsor. For more information, contact us <a href="mailto:rgwozdz@esri.com">here</a>.</h4>

</div>