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 index and pages

Browse Source
This commit is contained in:
Hendrik Niefeld 2020-03-03 20:46:56 +01:00
parent 6952710915
commit a9e96cbb03
6 changed files with 50 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
homepage/content/articles/0040-test-offen-today.md
View File

@ -23,7 +23,7 @@ Although we have dug very deep, things may still contain issues. Therefore, we r
--- ---
## Offen v0.1.0-alpha.? ## Offen v0.1.0-alpha.3
##### Single binary file for Linux, Windows or MacOS ##### Single binary file for Linux, Windows or MacOS
[Download](https://get.offen.dev/){: data-button="black"} [Download](https://get.offen.dev/){: data-button="black"}

1
homepage/pelicanconf.py
View File

@ -67,6 +67,7 @@ DECORATE_CONTENT = {
'[spacer-4]': ['ma0', 'mb4'] '[spacer-4]': ['ma0', 'mb4']
} }
DOCS_URL = 'https://docs.offen.dev'
GITHUB_ORG = 'https://github.com/offen' GITHUB_ORG = 'https://github.com/offen'
CONTACT_EMAIL = 'hioffen@posteo.de' CONTACT_EMAIL = 'hioffen@posteo.de'
GPG_KEY_FILE = '74B041E23DB29D552644CEB1B18C633D6967FE3F.asc' GPG_KEY_FILE = '74B041E23DB29D552644CEB1B18C633D6967FE3F.asc'

6
homepage/theme/static/css/fix.css
View File

@ -110,11 +110,7 @@ em {
font-style: normal; font-style: normal;
} }
.em-mint { .em-mint {
background: linear-gradient(transparent 66%, #BBD9D3 66%); background: linear-gradient(transparent 66%, #E5FDF8 66%);
font-style: normal;
}
.em-mint-bright {
background: linear-gradient(transparent 66%, #CEEBE5 66%);
font-style: normal; font-style: normal;
} }
hr { hr {

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

@ -61,7 +61,7 @@
<a class="b link dim fnt-cclr-mid-black" href="{{ GITHUB_ORG }}" rel="noopener" target="_blank">GitHub</a> <a class="b link dim fnt-cclr-mid-black" href="{{ GITHUB_ORG }}" rel="noopener" target="_blank">GitHub</a>
</li> </li>
<li> <li>
<a class="b link dim fnt-cclr-mid-black" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Patreon</a> <a class="b link dim fnt-cclr-mid-black" href="{{ DOCS_URL }}" rel="noopener" target="_blank">Docs</a>
</li> </li>
<li> <li>
<a class="b link dim" href="/get-started/">Get started</a> <a class="b link dim" href="/get-started/">Get started</a>
@ -83,10 +83,10 @@
{% if is_getstarted != 'true' %} {% if is_getstarted != 'true' %}
{% block outro %} {% block outro %}
<div class="w-100 cclr-mid-yellow"> <div class="w-100 cclr-mid-yellow">
<div class="pt3 pb6 ph3" id="bg-cta-bottom"> <div class="pt3 pb4 ph3" id="bg-cta-bottom">
<div class="mw8 center"> <div class="mw8 center">
<div class="flex flex-wrap justify-center"> <div class="flex flex-wrap justify-center pt3">
<div class="w55 ph3 pt5 tc"> <div class="w55 ph3 pt4 pb5 tc cclr-mid-yellow">
<h2 class="f25 normal lh-solid ma0 mb3"> <h2 class="f25 normal lh-solid ma0 mb3">
Participate Participate
</h2> </h2>
@ -96,7 +96,7 @@
<a class="b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black fnt-cclr-mid-black" href="{{GITHUB_ORG}}" rel="noopener" target="_blank">Get involved</a> <a class="b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black fnt-cclr-mid-black" href="{{GITHUB_ORG}}" rel="noopener" target="_blank">Get involved</a>
</div> </div>
{% if is_article != 'true' %} {% if is_article != 'true' %}
<div class="w55 ph3 pt5 tc"> <div class="w55 ph3 pt4 pb5 tc cclr-mid-yellow">
<h2 class="f25 normal lh-solid ma0 mb3"> <h2 class="f25 normal lh-solid ma0 mb3">
In the making In the making
</h2> </h2>
@ -106,7 +106,7 @@
<a class="b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black fnt-cclr-mid-black" href="/blog/">Project status</a> <a class="b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black fnt-cclr-mid-black" href="/blog/">Project status</a>
</div> </div>
{% endif %} {% endif %}
<div class="w55 ph3 pt5 tc"> <div class="w55 ph3 pt4 pb5 tc cclr-mid-yellow">
<h2 class="f25 normal lh-solid ma0 mb3"> <h2 class="f25 normal lh-solid ma0 mb3">
Ethical internet Ethical internet
</h2> </h2>
@ -121,7 +121,7 @@
</div> </div>
{% endblock %} {% endblock %}
{% endif %} {% endif %}
<div class="w-100 cclr-mid-black gray ph4"> <!--footer--> <div class="w-100 cclr-mid-black gray ph4 pb4"> <!--footer-->
<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">
@ -139,22 +139,25 @@
<a class="link b dim gray" target="_blank" href="/theme/{{ GPG_KEY_FILE }}">GPG Key</a> <a class="link b dim gray" target="_blank" href="/theme/{{ GPG_KEY_FILE }}">GPG Key</a>
</p> </p>
<p class="ma0 mt2"> <p class="ma0 mt2">
<a class="link b dim gray" href="{{ GITHUB_ORG }}" rel="noopener" target="_blank">GitHub</a> <a class="link b dim gray" href="{{ DOCS_URL }}" rel="noopener" target="_blank">Docs</a>
</p> </p>
<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="{{ GITHUB_ORG }}" rel="noopener" target="_blank">GitHub</a>
</p> </p>
{% endif %} {% endif %}
</div> </div>
<div class="w-25-l mt3 mr3"> <div class="w-25-l mt3 mr3">
{% if is_getstarted != 'true' %} {% if is_getstarted != 'true' %}
<p class="ma0">
<a class="link b dim gray" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Patreon</a>
</p>
<p class="ma0"> <p class="ma0">
<a class="link b dim gray" href="{{ LINKEDIN_URL }}" rel="noopener" target="_blank">LinkedIn</a> <a class="link b dim gray" href="{{ LINKEDIN_URL }}" rel="noopener" target="_blank">LinkedIn</a>
</p> </p>
<p class="ma0"> <p class="ma0">
<a class="link b dim gray" href="{{ TWITTER_URL }}" rel="noopener" target="_blank">Twitter</a> <a class="link b dim gray" href="{{ TWITTER_URL }}" rel="noopener" target="_blank">Twitter</a>
</p> </p>
<p class="ma0"> <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 %} {% endif %}

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

@ -4,14 +4,19 @@
{% block content %} {% block content %}
<div class="w-100 mt5-ns" id="bg-feature"> <div class="w-100 mt5-ns" id="bg-feature">
<div class="pv5 ph4"> <div class="pa4">
<div class="mw8 center flex flex-column flex-row-ns mb5 cclr-mid-mint"> <div class="mw8 center flex flex-column flex-row-ns mb5 pa3 cclr-mid-mint">
<div class="w-100 w-60-ns"> <div class="w-100 w-60-ns">
<h2 class="f25 normal tc tl-ns ma0 mb3"> <h2 class="f25 normal tc tl-ns ma0 mb3">
<em>Our alpha release</em> <em class="em-mint">
Test Offen today
</em>
</h2> </h2>
<p class="ma0 mb2 tc tl-ns">
Our alpha release is ready for testing. Offen is free and always will be.
</p>
<p class="ma0 mb3 tc tl-ns"> <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. Be aware that things can still contain issues and that the upgrade path may be broken with upcoming releases.
</p> </p>
</div> </div>
<div class="w-100 w-40-ns ml4-m ml6-l"> <div class="w-100 w-40-ns ml4-m ml6-l">
@ -28,23 +33,23 @@
</div> </div>
</div> </div>
<div class="w-100" id="bg-outro"> <div class="w-100" id="bg-outro">
<div class="pv5 ph4"> <div class="pa4">
<div class="mw8 center flex flex-column flex-row-ns mb3 mb5 cclr-mid-yellow"> <div class="mw8 center flex flex-column flex-row-ns mb5 pa3 cclr-mid-yellow">
<div class="w-100 w-60-ns"> <div class="w-100 w-60-ns">
<h2 class="f25 normal tc tl-ns ma0 mb3"> <h2 class="f25 normal tc tl-ns ma0 mb3">
<em class="em-extra"> <em>
Get started now Kick things off
</em> </em>
</h2> </h2>
<p class="ma0 mb3 tc tl-ns"> <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. Running a website and need to collect usage statistics? Want to contribute as a developer? Our Docs will help you kick off.
</p> </p>
</div> </div>
<div class="w-100 w-40-ns ml4-m ml6-l"> <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 guides</a> <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>
</div> </div>
</div> </div>
</div> </div>

33
homepage/theme/templates/index.html
View File

@ -36,7 +36,7 @@
<div class="flex justify-center w55-container" id="bg-feature-1"> <div class="flex justify-center w55-container" id="bg-feature-1">
<div class="w56 tc pa3"> <div class="w56 tc pa3">
<h2 class="f25 normal lh-solid mt5 mb3"> <h2 class="f25 normal lh-solid mt5 mb3">
<em class="em-mint-bright"> <em class="em-mint">
Free & Open Free & Open
</em> </em>
</h2> </h2>
@ -48,7 +48,7 @@
<div class="flex justify-center w55-container" id="bg-feature-3"> <div class="flex justify-center w55-container" id="bg-feature-3">
<div class="w56 tc pa3"> <div class="w56 tc pa3">
<h2 class="f25 normal lh-solid mt6 mb3"> <h2 class="f25 normal lh-solid mt6 mb3">
<em class="em-mint-bright"> <em class="em-mint">
Self hosted Self hosted
</em> </em>
</h2> </h2>
@ -60,7 +60,7 @@
<div class="flex justify-center w55-container" id="bg-feature-2"> <div class="flex justify-center w55-container" id="bg-feature-2">
<div class=" w56 tc pa3"> <div class=" w56 tc pa3">
<h2 class="f25 normal lh-solid mt7 mb3"> <h2 class="f25 normal lh-solid mt7 mb3">
<em class="em-mint-bright"> <em class="em-mint">
Fair & Secure Fair & Secure
</em> </em>
</h2> </h2>
@ -90,7 +90,7 @@
</div> </div>
<div class="w-100 bg-white gray"> <div class="w-100 bg-white gray">
<div class="flex flex-wrap justify-center pt5 pb6"> <div class="flex flex-wrap justify-center pt4 pb5">
<div class="mw7 mw8-l center ph5-ns ph3"> <div class="mw7 mw8-l center ph5-ns ph3">
<h2 class="f25 normal lh-solid">Summary</h2> <h2 class="f25 normal lh-solid">Summary</h2>
<div class="columns mb3"> <div class="columns mb3">
@ -104,14 +104,19 @@
{% block outro %} {% block outro %}
<div class="w-100" id="bg-feature"> <div class="w-100" id="bg-feature">
<div class="pv5 ph4"> <div class="pa4">
<div class="mw8 center flex flex-column flex-row-ns mb5 cclr-mid-mint"> <div class="mw8 center flex flex-column flex-row-ns mb5 pa3 cclr-mid-mint">
<div class="w-100 w-60-ns"> <div class="w-100 w-60-ns">
<h2 class="f25 normal tc tl-ns ma0 mb3"> <h2 class="f25 normal tc tl-ns ma0 mb3">
<em>Our alpha release</em> <em class="em-mint">
Test Offen today
</em>
</h2> </h2>
<p class="ma0 mb2 tc tl-ns">
Our alpha release is ready for testing. Offen is free and always will be.
</p>
<p class="ma0 mb3 tc tl-ns"> <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. Be aware that things can still contain issues and that the upgrade path may be broken with upcoming releases.
</p> </p>
</div> </div>
<div class="w-100 w-40-ns ml4-m ml6-l"> <div class="w-100 w-40-ns ml4-m ml6-l">
@ -128,23 +133,23 @@
</div> </div>
</div> </div>
<div class="w-100" id="bg-outro"> <div class="w-100" id="bg-outro">
<div class="pv5 ph4"> <div class="pa4">
<div class="mw8 center flex flex-column flex-row-ns mb3 mb5 cclr-mid-yellow"> <div class="mw8 center flex flex-column flex-row-ns mb5 pa3 cclr-mid-yellow">
<div class="w-100 w-60-ns"> <div class="w-100 w-60-ns">
<h2 class="f25 normal tc tl-ns ma0 mb3"> <h2 class="f25 normal tc tl-ns ma0 mb3">
<em class="em-mint"> <em>
Get started now Kick things off
</em> </em>
</h2> </h2>
<p class="ma0 mb3 tc tl-ns"> <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. Running a website and need to collect usage statistics? Want to contribute as a developer? Our Docs will help you kick off.
</p> </p>
</div> </div>
<div class="w-100 w-40-ns ml4-m ml6-l"> <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 guides</a> <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>
</div> </div>
</div> </div>
</div> </div>