mirror of
https://github.com/offen/website.git
synced 2024-12-23 21:30:22 +01:00
59 lines
2.5 KiB
HTML
59 lines
2.5 KiB
HTML
{% extends "page.html" %}
|
||
|
||
{% set is_getstarted = 'true' %}
|
||
|
||
{% block content %}
|
||
<div class="w-100 mt5-ns" id="bg-feature">
|
||
<div class="pv5 ph4">
|
||
<div class="mw8 center flex flex-column flex-row-ns mb5 cclr-mid-mint">
|
||
<div class="w-100 w-60-ns">
|
||
<h2 class="f25 normal tc tl-ns ma0 mb3">
|
||
<em>Our alpha release</em>
|
||
</h2>
|
||
<p class="ma0 mb3 tc tl-ns">
|
||
Offen is in active development. Do something brave and test our latest alpha release today. It’s free and always will be.
|
||
</p>
|
||
</div>
|
||
<div class="w-100 w-40-ns ml4-m ml6-l">
|
||
<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 tc b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black mb2 fnt-cclr-mid-black" href="{{ RELEASE_DIRECT_URL }}" rel="noopener">Download</a>
|
||
<div class="tc">
|
||
<a class="w-100 tracked-min b link dim mb3 fnt-cclr-mint-bright" href="{{ RELEASE_URL }}" rel="noopener" target="_blank">Open GitHub release page</a>
|
||
</div>
|
||
<p class="b tc lh-title tracked-min ma0 mt4 mb2">
|
||
Your own instance on Heroku
|
||
</p>
|
||
<a class="w-100 tc b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black mb2 fnt-cclr-mid-black" href="{{ HEROKU_DIRECT_URL }}" rel="noopener" target="_blank">Deploy</a>
|
||
<div class="tc">
|
||
<a class="w-100 tracked-min b link dim mb3 fnt-cclr-mint-bright" href="{{ HEROKU_URL }}" rel="noopener" target="_blank">Open GitHub configuration repository</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="w-100" id="bg-outro">
|
||
<div class="pv5 ph4">
|
||
<div class="mw8 center flex flex-column flex-row-ns mb3 mb5 cclr-mid-yellow">
|
||
<div class="w-100 w-60-ns">
|
||
<h2 class="f25 normal tc tl-ns ma0 mb3">
|
||
<em class="em-extra">
|
||
Get started now
|
||
</em>
|
||
</h2>
|
||
<p class="ma0 mb3 tc tl-ns">
|
||
Running a website and need to collect usage statistics? Want to contribute as a developer? Our guides help you kick off.
|
||
</p>
|
||
</div>
|
||
<div class="w-100 w-40-ns ml4-m ml6-l">
|
||
<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 tc b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black mb3 fnt-cclr-mid-black" href="https://docs.offen.dev/" rel="noopener" target="_blank">Open guides</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|