offen/website
2
0
Fork 0
mirror of https://github.com/offen/website.git synced 2024-11-22 17:10:29 +01:00
Code Issues Projects Releases Wiki Activity

update get-started

Browse Source
This commit is contained in:
Hendrik Niefeld 2020-03-17 06:38:49 +01:00
parent 50f5d2c85a
commit b937adec41
2 changed files with 46 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
homepage/theme/templates/base.html
View File

@ -121,7 +121,8 @@
</div> </div>
{% endblock %} {% endblock %}
{% endif %} {% endif %}
<div class="w-100 cclr-mid-black gray ph4 pb4"> <!--footer--> {% if is_getstarted != 'true' %}
<div class="w-100 cclr-mid-black gray ph4 pb4">
<div class="flex flex-row-l flex-column w-100-l mw6-m center-m pt4 pb6"> <div class="flex flex-row-l flex-column w-100-l mw6-m center-m pt4 pb6">
<div class="w-25-l mt3 mr3 fnt-cclr-mid-yellow"> <div class="w-25-l mt3 mr3 fnt-cclr-mid-yellow">
<p class="ma0"> <p class="ma0">
@ -131,7 +132,6 @@
<p class="ma0">for everyone</p> <p class="ma0">for everyone</p>
</div> </div>
<div class="w-25-l mt3 mr3"> <div class="w-25-l mt3 mr3">
{% if is_getstarted != 'true' %}
<p class="ma0"> <p class="ma0">
<a class="link b dim gray" href="mailto:{{ CONTACT_EMAIL }}">{{CONTACT_EMAIL}}</a> <a class="link b dim gray" href="mailto:{{ CONTACT_EMAIL }}">{{CONTACT_EMAIL}}</a>
</p> </p>
@ -144,10 +144,8 @@
<p class="ma0"> <p class="ma0">
<a class="link b dim gray" href="{{ GITHUB_ORG }}" rel="noopener" target="_blank">GitHub</a> <a class="link b dim gray" href="{{ GITHUB_ORG }}" rel="noopener" target="_blank">GitHub</a>
</p> </p>
{% endif %}
</div> </div>
<div class="w-25-l mt3 mr3"> <div class="w-25-l mt3 mr3">
{% if is_getstarted != 'true' %}
<p class="ma0"> <p class="ma0">
<a class="link b dim gray" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Patreon</a> <a class="link b dim gray" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Patreon</a>
</p> </p>
@ -160,13 +158,32 @@
<p class="ma0 mt2"> <p class="ma0 mt2">
<a class="link b dim gray" href="/legal-notice/">Legal Notice</a> <a class="link b dim gray" href="/legal-notice/">Legal Notice</a>
</p> </p>
{% endif %}
</div> </div>
<div class="w-25-l mt3 tr-l"> <div class="w-25-l mt3 tr-l">
{{ BUILD_DATE }} {{ BUILD_DATE }}
</div> </div>
</div> </div>
</div> </div>
{% else %}
<div class="w-100 cclr-mid-mint gray ph4 pb4">
<div class="flex flex-row-l flex-column w-100-l mw6-m center-m pt4 pb6">
<div class="w-25-l mt3 mr3 fnt-cclr-mid-black">
<p class="ma0">
<a class="b link dim fnt-cclr-mid-black" href="/">Offen</a>
</p>
<p class="ma0">Transparent web analytics</p>
<p class="ma0">for everyone</p>
</div>
<div class="w-25-l mt3 mr3">
</div>
<div class="w-25-l mt3 mr3">
</div>
<div class="w-25-l mt3 tr-l">
{{ BUILD_DATE }}
</div>
</div>
</div>
{% endif %}
</div> </div>
{% block scripts %} {% block scripts %}
{% assets filters="rjsmin", output="scripts/packed.js", "scripts/jquery-3.4.1.min.js", "scripts/menu.js", "scripts/fade.js" %} {% assets filters="rjsmin", output="scripts/packed.js", "scripts/jquery-3.4.1.min.js", "scripts/menu.js", "scripts/fade.js" %}

62
homepage/theme/templates/getstarted.html
View File

@ -3,55 +3,41 @@
{% set is_getstarted = 'true' %} {% set is_getstarted = 'true' %}
{% block content %} {% block content %}
<div class="w-100 mt5-ns" id="bg-feature"> <div class="w-100 mt5-ns cclr-dark-white">
<div class="pa4"> <div class="mw7 center pt5 pb5 ph3 ph5-ns bg-white">
<div class="mw8 center flex flex-column flex-row-ns mb5 pa3 cclr-mid-mint"> <div class="w-100 center">
<div class="w-100 w-60-ns"> <h2 class="f1-ns f2 normal tc ma0 mb4">
<h2 class="f25 normal tc tl-ns ma0 mb3"> Test Offen today
<em class="em-mint"> </h2>
Test Offen today <p class="tc tl-ns ma0 mb2 gray">
</em> Our alpha release is ready for testing. <em>Offen is free and always will be.</em>
</h2> </p>
<p class="ma0 mb2 tc tl-ns"> <p class="tc tl-ns ma0 mb4 gray">
Our alpha release is ready for testing. Offen is free and always will be. Be aware that things can still contain issues and that the upgrade path may be broken with upcoming releases.
</p> </p>
<p class="ma0 mb3 tc tl-ns"> <div class="flex flex-column items-center">
Be aware that things can still contain issues and that the upgrade path may be broken with upcoming releases.
</p>
</div>
<div class="w-100 w-40-ns ml4-m ml6-l">
<p class="b tc lh-title tracked-min ma0 mt3 mb2"> <p class="b tc lh-title tracked-min ma0 mt3 mb2">
Single binary file <br>for Linux, Windows or MacOS Single binary file <br>for Linux, Windows or MacOS
</p> </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="{{ RELEASE_DIRECT_URL }}" rel="noopener">Download</a> <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"> <p class="b tc lh-title tracked-min ma0 mt4 mb2">
Your own Offen instance Your own Offen instance
</p> </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 to Heroku</a> <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> </div>
</div> <hr class="mt5 mb4 b--black-05">
</div> <h2 class="f25 normal tc ma0 mb4">
</div> Kick things off
<div class="w-100" id="bg-outro"> </h2>
<div class="pa4"> <p class="tc tl-ns ma0 mb4 gray">
<div class="mw8 center flex flex-column flex-row-ns mb5 pa3 cclr-mid-yellow"> Running a website and need to collect usage statistics? Want to contribute as a developer? Our Docs will help you kick off.
<div class="w-100 w-60-ns"> </p>
<h2 class="f25 normal tc tl-ns ma0 mb3"> <div class="flex flex-column items-center">
<em>
Kick things off
</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 Docs will 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"> <p class="b tc lh-title tracked-min ma0 mt3 mb2">
Details on how to <br>run, use and develop Offen Details on how to <br>run, use and develop Offen
</p> </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 Docs</a> <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> </div>
</div> </div>
</div>
{% endblock %} {% endblock %}