offen/website
2
0
Fork 0
mirror of https://github.com/offen/website.git synced 2024-11-26 18:50:27 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #156 from offen/development

Browse Source 
add contribution section on index and article header
This commit is contained in:
Hendrik Niefeld 2021-04-10 14:25:00 +02:00 committed by GitHub
commit 6f31bbba6a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 81 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
build/robots.txt.production
View File

@ -1,6 +1,4 @@
User-agent: * User-agent: *
Disallow: /vault/ Disallow: /legal-privacy/
Disallow: /auditorium/
Disallow: /legal-notice/
Sitemap: https://www.offen.dev/sitemap.xml Sitemap: https://www.offen.dev/sitemap.xml

1
homepage/content/pages/about.md
View File

@ -2,6 +2,7 @@ title: About | Offen
description: Who we are, what we do, who supports us and how you can can get in touch. description: Who we are, what we do, who supports us and how you can can get in touch.
slug: about slug: about
bottom_cta: fair bottom_cta: fair
sitemap_priority: 0.3
# About # About

2
homepage/pelicanconf.py
View File

@ -103,7 +103,7 @@ DOCKER_DIRECT_URL = 'https://hub.docker.com/r/offen/offen'
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'
UBERSPACE_DIRECT_URL = 'https://lab.uberspace.de/guide_offen.html' UBERSPACE_DIRECT_URL = 'https://lab.uberspace.de/guide_offen.html'
YUNOHOST_DIRECT_URL = 'https://github.com/offen/offen_ynh' YUNOHOST_DIRECT_URL = 'https://github.com/offen/offen_ynh'
OFFEN_AUDITORIUM_URL = 'https://offen.offen.dev/auditorium/' OFFEN_AUDITORIUM_URL = 'https://offen.offen.dev/auditorium/?utm_source=index'
DOCS_URL = 'https://docs.offen.dev/' DOCS_URL = 'https://docs.offen.dev/'
DOCS_GETSTARTED_URL = 'https://docs.offen.dev/running-offen/' DOCS_GETSTARTED_URL = 'https://docs.offen.dev/running-offen/'
DOCS_GETSTARTED_URL_CAMPAIGN = 'https://docs.offen.dev/running-offen/?utm_campaign=get-started' DOCS_GETSTARTED_URL_CAMPAIGN = 'https://docs.offen.dev/running-offen/?utm_campaign=get-started'

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

@ -44,6 +44,12 @@ COLORS
border-color: #39352A; border-color: #39352A;
} }
/* Gray */
.cclr-fnt-gray-mid {
color: #777777;
}
/* White */ /* White */
.cclr-bg-white-dark { .cclr-bg-white-dark {
background-color: #f9f7f2; background-color: #f9f7f2;
@ -120,7 +126,8 @@ LAYOUT
.hx-compare-c, .hx-compare-c,
.hx-compare-d, .hx-compare-d,
.hx-metrics, .hx-metrics,
.hx-localize, .hx-localize-a,
.hx-localize-b,
.hx-difference { .hx-difference {
height: 100%; height: 100%;
} }
@ -162,8 +169,11 @@ LAYOUT
.hx-metrics { .hx-metrics {
height: 132rem; height: 132rem;
} }
.hx-localize { .hx-localize-a {
height: 19rem; height: 14rem;
}
.hx-localize-b {
height: 17rem;
} }
.hx-difference { .hx-difference {
height: 33rem; height: 33rem;
@ -469,10 +479,16 @@ STACKING IMAGES
z-index : 550; z-index : 550;
} }
.bg-localize { .bg-localize {
top: -7rem; top: -2.2rem;
left: 3rem; left: calc(100% - 16rem);
width: 220px;
z-index : 560; z-index : 560;
} }
.bg-localize-marker {
top: 2rem;
left: -1.8rem;
z-index : 561;
}
.bg-cta-pfeil { .bg-cta-pfeil {
top: -13rem; top: -13rem;
left: 66%; left: 66%;
@ -495,8 +511,11 @@ STACKING IMAGES
left: calc(100% - 30rem); left: calc(100% - 30rem);
} }
.bg-localize { .bg-localize {
top: -7rem; left: calc(100% - 22rem);
left: calc(100% - 25rem); }
.bg-localize-marker {
top: 1rem;
left: -2rem;
} }
.bg-cta-pfeil { .bg-cta-pfeil {
top: -14rem; top: -14rem;
@ -515,8 +534,13 @@ STACKING IMAGES
left: calc(100% - 20rem); left: calc(100% - 20rem);
} }
.bg-localize { .bg-localize {
top: -2rem; top: 6rem;
left: 35rem; left: 43rem;
width: 300px;
}
.bg-localize-marker {
top: -0.5rem;
left: 4rem;
} }
.bg-cta-pfeil { .bg-cta-pfeil {
top: -12rem; top: -12rem;

BIN
homepage/theme/static/images/gfx-localize-marker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
homepage/theme/static/images/gfx-localize.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 11 KiB

5
homepage/theme/templates/article.html
View File

@ -11,6 +11,11 @@
{% block content %} {% block content %}
<main class="w-100 mt5-ns gray"> <main class="w-100 mt5-ns gray">
<div class="mw7 center pb5 bg-white"> <div class="mw7 center pb5 bg-white">
<div class="dib gray bg-white ph3 ph5-ns pt4">
<p class="f4 ma0 mb4">
Offen is a fair, open and self hosted web analytics tool that treats operators and users as equal parties.
</p>
</div>
<figure class="ma0"> <figure class="ma0">
<img alt="{{ title }}" src="{{ image_url }}"/> <img alt="{{ title }}" src="{{ image_url }}"/>
{% if article.image_caption %} {% if article.image_caption %}

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

@ -4,7 +4,7 @@
{% block content %} {% block content %}
<div class="w-100 mt5-ns cclr-bg-yellow-mid"> <div class="w-100 mt5-ns cclr-bg-yellow-mid">
<div class="mw8 center"> <div class="mw8 center">
<div class="flex justify-center ph4"> <div class="flex justify-center pt3 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>
@ -504,18 +504,18 @@
</div> </div>
</div> </div>
<!-- LOCALIZE --> <!-- LOCALIZE A -->
<div class="w-100"> <div class="w-100">
<div class="w-100 hx-localize dib cclr-bg-white-fade">
<div class="h-100 bg-pattern">
<div class="relative"> <div class="relative">
<div class="absolute bg-localize"> <div class="absolute bg-localize">
<img src="/theme/images/gfx-localize.png" alt="smile" width="300px" height="150px"> <img src="/theme/images/gfx-localize.png" alt="languages" width="300px">
</div> </div>
</div> </div>
<div class="w-100 hx-localize-a dib cclr-bg-white-fade">
<div class="h-100 bg-pattern">
<div class="wx24-metrics center"> <div class="wx24-metrics center">
<p class="f3 lh-solid ma0 ml0 ml5-l mt5 mb4"> <p class="f3 lh-solid ma0 ml0 ml5-l mt5 mb4">
@ -523,10 +523,10 @@
Localize Localize
</em> </em>
</p> </p>
<p class="ma0 ml0 ml5-l w-100 w-50-l mb2"> <p class="ma0 ml0 ml5-l w-100 w-60-l mb2">
<i>Offen is currently available in</i> English, German and French. <i>Offen is currently available in</i> English, German <i>and</i> French.
</p> </p>
<p class="ma0 ml0 ml5-l w-100 w-50-l mb5"> <p class="ma0 ml0 ml5-l w-100 w-60-l mb4">
<i>Our</i> consent banner and the Auditorium <i>for operators as well as users can be displayed</i> in the respective locale. <i>Our</i> consent banner and the Auditorium <i>for operators as well as users can be displayed</i> in the respective locale.
</p> </p>
</div> </div>
@ -534,6 +534,34 @@
</div> </div>
</div> </div>
</div>
<!-- LOCALIZE B -->
<div class="w-100">
<div class="w-100 hx-localize-b dib cclr-bg-white-fade">
<div class="h-100 bg-pattern">
<div class="wx24-metrics center">
<div class="relative">
<div class="absolute bg-localize-marker">
<img src="/theme/images/gfx-localize-marker.png" alt="marker" width="50px">
</div>
</div>
<p class="ma0 ml0 pl4 pl6-l w-100 w-60-l mt4 mb2">
Contributions welcome
</p>
<p class="ma0 ml0 pl4 pl6-l w-100 w-60-l mb2">
<i>Support fair web analytics by contributing Spanish, Portuguese and other language versions. Feel free to <a class="b link dim gray" href="mailto:hioffen@posteo.de">request an invitation</a> to our translation workflow.</i>
</p>
<p class="ma0 ml0 pl4 pl6-l w-100 w-60-l mb5">
<i>You are invited to collaborate on other areas of the application as well. Check out our in-depth <a class="b link dim gray" href="https://docs.offen.dev/developing-offen/" target="_blank" rel="noopener">developer guide.</a></i>
</p>
</div>
</div>
</div>
</div> </div>
<!-- TABLE --> <!-- TABLE -->