{% extends "page.html" %}

{% set is_getstarted = 'true' %}

{% block content %}
<div class="w-100 mt5-ns cclr-dark-white">
  <div class="mw7 center pt5 pb5 ph3 ph5-ns bg-white">
    <div class="w-100 center">
      <h2 class="f1-ns f2 normal tc ma0 mb4">
        Test Offen today
      </h2>
      <p class="tc tl-ns ma0 mb2 gray">
        Our alpha release is ready for testing. <em>Offen is free and always will be.</em>
      </p>
      <p class="tc tl-ns ma0 mb4 gray">
        Be aware that things can still contain issues and that the upgrade path may be broken with upcoming releases.
      </p>
      <div class="flex flex-column items-center">
        <p class="b tc lh-title tracked-min ma0 mt3 mb2">
          Single binary file <br>for Linux, Windows or MacOS
        </p>
        <a class="w-100 w5-ns tc b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black mb3 white cclr-mid-black" href="{{ RELEASE_DIRECT_URL }}" rel="noopener">Download</a>
        <p class="b tc lh-title tracked-min ma0 mt4 mb2">
          Your own Offen instance
        </p>
        <a class="w-100 w5-ns tc b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black mb4 white cclr-mid-black" href="{{ HEROKU_DIRECT_URL }}" rel="noopener" target="_blank">Deploy to Heroku</a>
      </div>
      <hr class="mt5 mb4 b--black-05">
      <h2 class="f25 normal tc ma0 mb4">
        Kick things off
      </h2>
      <p class="tc tl-ns ma0 mb4 gray">
        Running a website and want to collect usage statistics? Like to contribute as a developer? Our Docs will help you kick off.
      </p>
      <div class="flex flex-column items-center">
        <p class="b tc lh-title tracked-min ma0 mt3 mb2">
          Details on how to <br>run, use and develop Offen
        </p>
        <a class="w-100 w5-ns tc b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black mb5 white cclr-mid-black" href="https://docs.offen.dev/" rel="noopener" target="_blank">Open Docs</a>
      </div>
    </div>
  </div>
{% endblock %}