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

final touch

Browse Source
This commit is contained in:
Hendrik Niefeld 2020-02-25 19:41:09 +01:00
parent 294ab71d37
commit a580a55365
4 changed files with 25 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
homepage/pelicanconf.py
View File

@ -70,9 +70,7 @@ GPG_KEY_FILE = '74B041E23DB29D552644CEB1B18C633D6967FE3F.asc'
PATREON_URL = 'https://www.patreon.com/offen' PATREON_URL = 'https://www.patreon.com/offen'
LINKEDIN_URL = 'https://www.linkedin.com/company/hioffen' LINKEDIN_URL = 'https://www.linkedin.com/company/hioffen'
TWITTER_URL = 'https://twitter.com/hioffen' TWITTER_URL = 'https://twitter.com/hioffen'
RELEASE_URL = 'https://github.com/offen/offen/releases/latest/'
RELEASE_DIRECT_URL = 'https://get.offen.dev' RELEASE_DIRECT_URL = 'https://get.offen.dev'
HEROKU_URL = 'https://github.com/offen/heroku'
HEROKU_DIRECT_URL = 'https://heroku.com/deploy?template=https://github.com/offen/heroku/tree/master' HEROKU_DIRECT_URL = 'https://heroku.com/deploy?template=https://github.com/offen/heroku/tree/master'
OFFEN_ACCOUNT_ID = os.environ.get('OFFEN_ACCOUNT_ID', None) OFFEN_ACCOUNT_ID = os.environ.get('OFFEN_ACCOUNT_ID', None)

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

@ -109,10 +109,14 @@ em {
background: linear-gradient(transparent 66%, #fde28c 66%); background: linear-gradient(transparent 66%, #fde28c 66%);
font-style: normal; font-style: normal;
} }
.em-extra { .em-mint {
background: linear-gradient(transparent 66%, #BBD9D3 66%); background: linear-gradient(transparent 66%, #BBD9D3 66%);
font-style: normal; font-style: normal;
} }
.em-mint-bright {
background: linear-gradient(transparent 66%, #CEEBE5 66%);
font-style: normal;
}
hr { hr {
margin-left: -1rem; margin-left: -1rem;
margin-right: -1rem; margin-right: -1rem;
@ -339,11 +343,11 @@ GRAPHICS
background: url(/theme/images/gfx-intro.svg); background: url(/theme/images/gfx-intro.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: scroll; background-attachment: scroll;
background-position: 200px 130px; background-position: 200px 80px;
} }
@media only screen and (min-width: 30.1em) and (max-width: 60em) { @media only screen and (min-width: 30.1em) and (max-width: 60em) {
#bg-intro { #bg-intro {
background-position: calc(20% + 120px) 130px; background-position: calc(20% + 120px) 80px;
} }
} }
@media only screen and (max-width: 30em) { @media only screen and (max-width: 30em) {

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

@ -18,17 +18,11 @@
<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 mb2 fnt-cclr-mid-black" href="{{ RELEASE_DIRECT_URL }}" rel="noopener">Download</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="{{ 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"> <p class="b tc lh-title tracked-min ma0 mt4 mb2">
Your own instance on Heroku 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</a> <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>
<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> </div>

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

@ -3,7 +3,7 @@
{% block content %} {% block content %}
<div class="w-100 mt5-ns cclr-mid-yellow"> <div class="w-100 mt5-ns cclr-mid-yellow">
<div class="mw8 center" id="bg-intro"> <div class="mw8 center" id="bg-intro">
<div class="flex justify-center pt6-ns pt5 ph4"> <div class="flex justify-center pt5 ph4">
<div class="dn db-ns w-20 tr pr3 pb3"> <div class="dn db-ns w-20 tr pr3 pb3">
<img src="/theme/images/offen-icon-white.svg" alt="Offen logo" width="58" height="63"> <img src="/theme/images/offen-icon-white.svg" alt="Offen logo" width="58" height="63">
</div> </div>
@ -22,7 +22,7 @@
<p class="ma0 mb4"> <p class="ma0 mb4">
Offen is a fair alternative to common web analytic tools. <span>Pay respect to your users while gaining insight into their behavior. </span>Self hosted, open source and free. Offen is a fair alternative to common web analytic tools. <span>Pay respect to your users while gaining insight into their behavior. </span>Self hosted, open source and free.
</p> </p>
<div class="pb6"> <div class="pb5 mb2">
<a class="b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black fnt-cclr-mid-black" href="/get-started/" rel="noopener">Start now</a> <a class="b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black fnt-cclr-mid-black" href="/get-started/" rel="noopener">Start now</a>
</div> </div>
</div> </div>
@ -36,7 +36,9 @@
<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">
Free & Open <em class="em-mint-bright">
Free & Open
</em>
</h2> </h2>
<p class="ma0 mb5"> <p class="ma0 mb5">
Our open source code can be fully audited by the community. It will always be available for free. Seriously. Our open source code can be fully audited by the community. It will always be available for free. Seriously.
@ -46,7 +48,9 @@
<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">
Self hosted <em class="em-mint-bright">
Self hosted
</em>
</h2> </h2>
<p class="ma0"> <p class="ma0">
Comply with GDPR guidelines. Don't share data with third parties. Your users have full access to their data. Comply with GDPR guidelines. Don't share data with third parties. Your users have full access to their data.
@ -56,7 +60,9 @@
<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">
Fair & Secure <em class="em-mint-bright">
Fair & Secure
</em>
</h2> </h2>
<p class="ma0"> <p class="ma0">
Pay respect to your website visitors. Gain valuable insights at the same time. All data is encrypted end-to-end. Pay respect to your website visitors. Gain valuable insights at the same time. All data is encrypted end-to-end.
@ -112,17 +118,11 @@
<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 mb2 fnt-cclr-mid-black" href="{{ RELEASE_DIRECT_URL }}" rel="noopener">Download</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="{{ 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"> <p class="b tc lh-title tracked-min ma0 mt4 mb2">
Your own instance on Heroku 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</a> <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>
<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> </div>
@ -132,7 +132,7 @@
<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 mb3 mb5 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 class="em-mint">
Get started now Get started now
</em> </em>
</h2> </h2>