{#-
  This file was automatically generated - do not edit
-#}
{% extends "base.html" %}
{% block content %}
  {% if page.is_homepage %}
  <!-- {{ super() }} -->
  <style>
    .md-header{position:initial}.md-main__inner{margin-left:15%}.md-content{display:display}@media screen and (min-width:60em){.md-sidebar--secondary{display:display}}@media screen and (min-width:76.25em){.md-sidebar--primary{display:none}}
    .br { 
            display: block; 
            margin-bottom: 14em; 
        }  
</style>
    <section class="tx-container">
      <div class="md-grid md-typeset">
        <div class="tx-hero">
          <div class="tx-hero__image">
            <img src="http://apache.org/logos/res/sedona/sedona.png" width="300">
          </div>
          <div class="tx-hero__content">
            <p>{{ config.site_description }}</p>
            <p>Set up Scala and Java API in 5 minutes with Maven and SBT.</p>
            <p>Python and R API are also available on PyPi and CRAN.</p>
            <a href="{{ page.next_page.url | url }}" title="{{ page.next_page.title | striptags }}" class="md-button md-button--primary">
              Get started
            </a>
            <a href="{{ config.repo_url }}" title="{{ lang.t('source.link.title') }}" class="md-button">
              Go to GitHub
            </a>
          </div>

          <br><br><br>

          <div class="tx-hero__content">
            <h1>System Architecture</h1>            
            <div style="width: 100%;">
              <img src="image/architecture.jpeg" width="600">
            </div>            
          </div>

          <span class="br"></span> 

          <div class="tx-hero__content">
            <h1>High Speed</h1>            
            <div style="width: 100%;">
              <div style="width: 45%; height: 160px; float: left;">
                According to <a href="./community/publication/">our benchmark and third-party research papers</a>, Sedona runs 2X - 10X faster than other Spark-based geospatial data systems on computation-intensive query workloads.
              </div>
              <div style="margin-left: 45%; height: 160px;"> 
                <figure>
                    <img src="image/jointime.png" width="350">
                    <figcaption>Execution time of spatial join with polygons</figcaption>                   
                </figure>                 
              </div>
            </div>            
          </div>

          <span class="br"></span> 

          <div class="tx-hero__content">
            <h1>Low Memory Consumption</h1>            
            <div style="width: 100%;">
              <div style="width: 45%; height: 160px; float: left;">
                According to <a href="./community/publication/">our benchmark and third-party research papers</a>, Sedona has 50% less peak memory consumption than other Spark-based geospatial data systems for large-scale in-memory query processing.
              </div>
              <div style="margin-left: 45%; height: 160px;"> 
                <figure>
                    <img src="image/joinmem.png" width="350">
                    <figcaption>Peak memory consumption of spatial join with polygons</figcaption>           
                </figure>                 
              </div>
            </div>            
          </div>

          <span class="br"></span> 

          <div class="tx-hero__content">
            <h1>Ease of Use</h1>
            <div style="width: 100%;">
              <div style="width: 45%; height: 160px; float: left;"> 
                Sedona offers Scala, Java, Python and Spatial SQL APIs and integrates them into Apache Spark with care. You can simply create spatial analytics and data mining applications and run them in any Spark environments.
              </div>
              <div style="margin-left: 45%; height: 160px;"> 
<pre class="hljs" style="display: block; overflow-x: auto; background: rgb(235, 248, 255); color: rgb(81, 109, 123); padding: 0.5em;"><span class="hljs-keyword" style="color: rgb(107, 107, 184);">SELECT</span> superhero.name
<span class="hljs-keyword" style="color: rgb(107, 107, 184);">FROM</span> city, superhero
<span class="hljs-keyword" style="color: rgb(107, 107, 184);">WHERE</span> ST_Contains(city.geom, superhero.geom)
<span class="hljs-keyword" style="color: rgb(107, 107, 184);">AND</span> city.name = <span class="hljs-string" style="color: rgb(86, 140, 59);">'Gotham'</span></pre>
              </div>
            </div>            
          </div>
          
          <span class="br"></span> 

        </div>
      </div>
    </section>
  {% else %}
    {{ super() }}
  {% endif %}
{% endblock %}