diff --git a/homepage/content/pages/index.md b/homepage/content/pages/index.md index 129087a..5996f18 100644 --- a/homepage/content/pages/index.md +++ b/homepage/content/pages/index.md @@ -1,5 +1,5 @@ title: Transparent web analytics for everyone | Offen -description: Offen is a free and open source analytics software for websites and web applications. Users can access their data while the operators treat it with respect. +description: Offen is a fair alternative to common web analytic tools. Respect your users while gaining insight into their behavior. Self hosted, open source and free. save_as: index.html template: index sitemap_priority: 1.0 diff --git a/homepage/pelicanconf.py b/homepage/pelicanconf.py index f106c8d..e02c145 100644 --- a/homepage/pelicanconf.py +++ b/homepage/pelicanconf.py @@ -70,9 +70,7 @@ GPG_KEY_FILE = '74B041E23DB29D552644CEB1B18C633D6967FE3F.asc' PATREON_URL = 'https://www.patreon.com/offen' LINKEDIN_URL = 'https://www.linkedin.com/company/hioffen' TWITTER_URL = 'https://twitter.com/hioffen' -RELEASE_URL = 'https://github.com/offen/offen/releases/latest/' 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' OFFEN_ACCOUNT_ID = os.environ.get('OFFEN_ACCOUNT_ID', None) diff --git a/homepage/theme/static/css/fix.css b/homepage/theme/static/css/fix.css index a4daa11..d5e6276 100644 --- a/homepage/theme/static/css/fix.css +++ b/homepage/theme/static/css/fix.css @@ -66,17 +66,21 @@ LAYOUT } } /* Custom Tachyons class */ +.w55-container, .w55 { - width: 18.5rem; + width: 20rem; +} +.w56 { + width: 20rem; + height: 480px; } /* Custom media query - extra small */ -@media only screen and (max-width: 30em) { - .w55 { +@media only screen and (max-width: 40em) { + .w55-container { width: 100%; } } - /* --------------------------------------------------- TYPO AND LAYOUT ELEMENTS ----------------------------------------------------*/ @@ -105,10 +109,14 @@ em { background: linear-gradient(transparent 66%, #fde28c 66%); font-style: normal; } -.em-extra { +.em-mint { background: linear-gradient(transparent 66%, #BBD9D3 66%); font-style: normal; } +.em-mint-bright { + background: linear-gradient(transparent 66%, #CEEBE5 66%); + font-style: normal; +} hr { margin-left: -1rem; margin-right: -1rem; @@ -335,11 +343,11 @@ GRAPHICS background: url(/theme/images/gfx-intro.svg); background-repeat: no-repeat; background-attachment: scroll; - background-position: 200px 130px; + background-position: 200px 80px; } @media only screen and (min-width: 30.1em) and (max-width: 60em) { #bg-intro { - background-position: calc(20% + 120px) 130px; + background-position: calc(20% + 120px) 80px; } } @media only screen and (max-width: 30em) { @@ -347,6 +355,20 @@ GRAPHICS background-position: 10px 60px; } } +/* --------------------------------------------- */ +#bg-feature-1 { + background: url(/theme/images/gfx-feature-1.png) center; + background-repeat: no-repeat; +} +#bg-feature-2 { + background: url(/theme/images/gfx-feature-2.png) center; + background-repeat: no-repeat; +} +#bg-feature-3 { + background: url(/theme/images/gfx-feature-3.png) center; + background-repeat: no-repeat; +} +/* --------------------------------------------- */ #bg-feature { background: url(/theme/images/gfx-pattern-mint-bright.svg) center; } diff --git a/homepage/theme/static/images/gfx-feature-1.png b/homepage/theme/static/images/gfx-feature-1.png new file mode 100644 index 0000000..0fdae39 Binary files /dev/null and b/homepage/theme/static/images/gfx-feature-1.png differ diff --git a/homepage/theme/static/images/gfx-feature-2.png b/homepage/theme/static/images/gfx-feature-2.png new file mode 100644 index 0000000..f3c3e1c Binary files /dev/null and b/homepage/theme/static/images/gfx-feature-2.png differ diff --git a/homepage/theme/static/images/gfx-feature-3.png b/homepage/theme/static/images/gfx-feature-3.png new file mode 100644 index 0000000..e5d7fa2 Binary files /dev/null and b/homepage/theme/static/images/gfx-feature-3.png differ diff --git a/homepage/theme/static/images/gfx-pattern-mint-mid.svg b/homepage/theme/static/images/gfx-pattern-mint-mid.svg new file mode 100644 index 0000000..3e456ba --- /dev/null +++ b/homepage/theme/static/images/gfx-pattern-mint-mid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/homepage/theme/templates/base.html b/homepage/theme/templates/base.html index 7292427..c41c55e 100644 --- a/homepage/theme/templates/base.html +++ b/homepage/theme/templates/base.html @@ -86,7 +86,7 @@
-
+

Participate

@@ -96,7 +96,7 @@ Get involved
{% if is_article != 'true' %} -
+

In the making

@@ -106,7 +106,7 @@ Project status
{% endif %} -
+

Ethical internet

diff --git a/homepage/theme/templates/getstarted.html b/homepage/theme/templates/getstarted.html index 396b086..1834e59 100644 --- a/homepage/theme/templates/getstarted.html +++ b/homepage/theme/templates/getstarted.html @@ -18,17 +18,11 @@

Single binary file
for Linux, Windows or MacOS

- Download -
- Open GitHub release page -
+ Download

- Your own instance on Heroku + Your own Offen instance

- Deploy -
- Open GitHub configuration repository -
+ Deploy to Heroku
diff --git a/homepage/theme/templates/index.html b/homepage/theme/templates/index.html index 5ce213d..14567c2 100644 --- a/homepage/theme/templates/index.html +++ b/homepage/theme/templates/index.html @@ -3,7 +3,7 @@ {% block content %}
-
+
Offen logo
@@ -20,9 +20,9 @@ Transparent web analytics

- Offen is an open source analytics software for websites and web applications. It allows respectful handling of data for operators and users. + Offen is a fair alternative to common web analytic tools. Pay respect to your users while gaining insight into their behavior. Self hosted, open source and free.

-
+
Start now
@@ -30,40 +30,49 @@
-
-
-
-
-
-

- Free & Open -

-

- Anyone can audit our open source code to verify it works as intended. Offen will always be available for free. -

+
+
+
+
+
+

+ + Free & Open + +

+

+ Our open source code can be fully audited by the community. It will always be available for free. Seriously. +

+
+
+
+
+

+ + Self hosted + +

+

+ Comply with GDPR guidelines. Don't share data with third parties. Your users have full access to their data. +

+
+
+
+
+

+ + Fair & Secure + +

+

+ Pay respect to your website visitors. Gain valuable insights at the same time. All data is encrypted end-to-end. +

+
+
-
-

- Fair & Secure -

-

- Pay respect to your website visitors and gain insights as a user at the same time. All data is encrypted end-to-end. -

-
-
-

- Easy to use -

-

- Simply paste our code into the source of your website. Users can visit the auditorium to access their data. -

-
-
-
-
@@ -93,7 +102,6 @@
{% endblock %} - {% block outro %}
@@ -110,17 +118,11 @@

Single binary file
for Linux, Windows or MacOS

- Download -
- Open GitHub release page -
+ Download

- Your own instance on Heroku + Your own Offen instance

- Deploy -
- Open GitHub configuration repository -
+ Deploy to Heroku
@@ -130,7 +132,7 @@

- + Get started now