2
0
mirror of https://github.com/offen/website.git synced 2024-10-18 12:10:25 +02:00

update cta

This commit is contained in:
Hendrik Niefeld 2020-08-05 20:58:15 +02:00
parent 4c776b697a
commit 639c143ba3
9 changed files with 63 additions and 58 deletions

View File

@ -3,6 +3,7 @@ description: This link isnt working.
save_as: 404.html
no_stats: true
exclude_from_sitemap: true
cta_blog_article: budget
![Page not Found](/theme/images/offen-404.png){:class="image-text-600-338"}

View File

@ -1,10 +1,10 @@
title: About | Offen
description: Who we are, who supports us and how you can can get in touch.
slug: about
cta_blog_article: fair
## About
### Status Quo
Offen is created by [Frederik Ring][frederik-ring]{: target="_blank"} and [Hendrik Niefeld][hendrik-niefeld]{: target="_blank"} and is currently being conceptually designed and in active development, both as a product as well as as a software.

View File

@ -2,6 +2,7 @@ title: Deep dive | Offen
description: What do users know about their data? How can they access it? Do operators benefit from a careful handling of user data? Does Offen work in accordance with GDPR?
slug: deep-dive
sitemap_priority: 0.7
cta_blog_article: budget
## Deep dive

View File

@ -2,6 +2,7 @@ title: Legal Notice | Offen
description: Information in accordance with Section 5 TMG
slug: legal-notice
exclude_from_sitemap: true
cta_blog_article: fair
## Legal Notice

View File

@ -399,6 +399,12 @@ IMAGES
height: 190px;
}
}
@media only screen and (min-width: 60em) {
.larger-image {
margin-left: 0rem;
margin-right: 0rem;
}
}
/* ---------------------------------------------------

View File

@ -5,30 +5,36 @@
{% set href = 'blog/' %}
{% set no_stats = False %}
{% set template = 'archives' %}
{% set cta_1 = True %}
{% set cta_index = True %}
{% block content %}
{% for article in articles %}
{% if loop.index != 1 %}
<hr class="mb5 b--none">
{% endif %}
<article class="w-100 mt5-ns gray">
<div class="mw7 center pt5 pb5 ph3 ph5-ns bg-white">
<figure class="larger-image mb4">
<a href="{{ article.slug }}">
<img alt="{{ article.title }}" src="{{ article.image_url }}"/>
</a>
</figure>
<h6 class="f5 lh-solid normal ma0 light-silver">
{{ article.date | strftime('%d %b %Y') }}{% if article.modified %}(article.updated {{ article.modified | strftime('%d %b %Y') }}){% endif %}, {{ article.author }}
</h6>
<h1 class="f2 normal lh-title mt3 ma0 mb3 light-silver">
<a href="{{ article.slug }}" class="link b dim gray">{{ article.title }}</a>
</h1>
<p class="">
{{ article.description }} <a href="{{ article.slug }}" class="link b dim gray">Read more</a>
</p>
<div class="mw8 center bg-white pr4-l">
<div class="flex flex-wrap mt0 mt5-l">
{% for article in articles %}
<div class="w-100 w-50-l">
{% if loop.index != 1 %}
<hr class="mb5 b--none dn-l">
{% endif %}
<article class="w-100 mt5-m mt0-l gray">
<div class="mw8 center pv5 ph3 ph5-m pr0-l pl4-l bg-white">
<figure class="larger-image mb4">
<a href="{{ article.slug }}">
<img alt="{{ article.title }}" src="{{ article.image_url }}"/>
</a>
</figure>
<h6 class="f5 lh-solid normal ma0 light-silver">
{{ article.date | strftime('%d %b %Y') }}{% if article.modified %}(article.updated {{ article.modified | strftime('%d %b %Y') }}){% endif %}, {{ article.author }}
</h6>
<h1 class="f2 normal lh-title mt3 ma0 mb3 light-silver">
<a href="{{ article.slug }}" class="link b dim gray">{{ article.title }}</a>
</h1>
<p class="">
{{ article.description }} <a href="{{ article.slug }}" class="link b dim gray">Read more</a>
</p>
</div>
</article>
</div>
</article>
{% endfor %}
</div>
</div>
{% endblock %}

View File

@ -6,7 +6,7 @@
{% set image_url = article.image_url %}
{% set no_stats = article.no_stats %}
{% set template = article.template %}
{% set cta_1 = True %}
{% set cta_blog_index = True %}
{% block content %}
<main class="w-100 mt5-ns gray">

View File

@ -104,41 +104,31 @@
<div class="w-100 cclr-bg-yellow-mid">
<div class="pt3 pb4 ph3 bg-pattern">
<div class="mw8 center">
<div class="flex flex-wrap justify-center tc pt3">
<div class="pt3">
{% if cta_1 %}
<div class="wx24 ph4-ns pt4 pb5 cclr-bg-yellow-mid">
<h2 class="f25 normal lh-solid ma0 mb3">
Participate
</h2>
<p class="ma0 mb3">
Audit our open source code and feel free to make a contribution.
</p>
<a class="b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href="{{ GITHUB_REPO }}" rel="noopener" target="_blank">Get involved</a>
</div>
{% endif %}
{% if cta_2 %}
<div class="wx24 ph4-ns pt4 pb5 cclr-bg-yellow-mid">
<h2 class="f25 normal lh-solid ma0 mb3">
In the making
</h2>
<p class="ma0 mb3">
Discover what is already up and running and where we want to go.
</p>
<a class="b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href="/blog/">Open blog</a>
</div>
{% endif %}
<div class="wx24 ph4-ns pt4 pb5 cclr-bg-yellow-mid">
<h2 class="f25 normal lh-solid ma0 mb3">
Ethical internet
</h2>
<p class="ma0 mb3">
Help to ensure that Offen is independent and can be sustained.
{% if cta_index %}
<p class="ma0">
OPEN INDEX PAGE
</p>
<a class="b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Support us</a>
</div>
{% endif %}
{% if cta_blog_index %}
<p class="ma0">
OPEN BLOG INDEX
</p>
{% endif %}
{% if cta_blog_article == 'fair'%}
<p class="ma0">
OPEN BLOG ARTICLE FAIR
</p>
{% endif %}
{% if cta_blog_article == 'budget'%}
<p class="ma0">
OPEN BLOG ARTICLE BUDGET
</p>
{% endif %}
</div>
</div>

View File

@ -6,7 +6,7 @@
{% set image_url = page.image_url %}
{% set no_stats = page.no_stats %}
{% set template = page.template %}
{% set cta_2 = True %}
{% set cta_blog_article = page.cta_blog_article %}
{% block content %}
<main class="w-100 mt5-ns gray">