{#-
  This file was automatically generated - do not edit
-#}
<section class="mdx-parallax__group" data-md-color-scheme="slate">
  {% for layer in [
    { "depth": 8, "position": "70%", "image": "1-background" },
    { "depth": 5, "position": "25%", "image": "2-mars" },
    { "depth": 4, "position": "20%", "image": "3-moon" },
    { "depth": 3, "position": "30%", "image": "4-sat1" },
    { "depth": 2, "position": "50%", "image": "6-earth" },
    { "depth": 2, "position": "50%", "image": "5-space" },
  ] %}
    {% set image = "assets/images/layers/" ~ layer["image"] %}
    {% set style = "style=\"" ~ [
      "--md-parallax-depth: " ~ layer["depth"],
      "--md-image-position: " ~ layer["position"]
    ] | join(";") ~ "\"" %}
    <picture class="mdx-parallax__layer" {{ style }}>
      {% for type in ["avif", "webp"] %}
        <source type="image/{{ type }}" srcset="{{ image ~    '.' ~ type }} 1280w, {{ image ~ '@2x.' ~ type }} 1920w, {{ image ~ '@3x.' ~ type }} 2560w, {{ image ~ '@4x.' ~ type }} 3840w">
      {% endfor %}
      <img srcset="{{ image ~    '.png' }} 1280w, {{ image ~ '@2x.png' }} 1920w, {{ image ~ '@3x.png' }} 2560w, {{ image ~ '@4x.png' }} 3840w" src="{{ image ~ '.png' }}" alt="" class="mdx-parallax__image">
    </picture>
  {% endfor %}
  <div class="mdx-parallax__layer mdx-parallax__blend"></div>
  <div class="mdx-hero" data-mdx-component="hero">
    <div class="mdx-hero__scrollwrap md-grid">
      {% include "partials/tabs.html" %}
      <div class="mdx-hero__inner">
        <div class="mdx-hero__teaser md-typeset">
          <h1>Fast and Easy Nonconvex Trajectory Optimization</h1>
          <p>{{ config.site_description }}.</p>
          <a href="getting-started/" class="md-button">
            Get started
          </a>
          <a href="getting-started/" class="md-button md-button--secondary">
            Learn more
          </a>
        </div>
        <div class="mdx-hero__more">
          {% include ".icons/material/arrow-down.svg" %}
        </div>
      </div>
    </div>
  </div>
</section>
