2
0
mirror of https://github.com/offen/website.git synced 2024-12-25 22:30:21 +01:00

clean up templates

This commit is contained in:
Frederik Ring 2019-07-26 12:05:08 +02:00
parent 0f09e0d812
commit 66db49ae23
9 changed files with 91 additions and 109 deletions

View File

@ -1,6 +1,7 @@
Title: Deep dive | offen
description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
save_as: deep-dive/index.html
href: /deep-dive/
### What is this thing called "my data" and why does seemingly everyone want to get hold of it?
@ -75,18 +76,5 @@ __offen__ is created by [Frederik Ring][frederik-ring]{: target="_blank"} and [H
We are happy about any kind of feedback. From *criticism and praise to contributions or support*, everything is welcome.
<div class="button-wrapper btn-fill-space">
<a class="btn btn-color-grey" href="../">Summary</a>
<a class="btn btn-color-grey" href="../status/">Status</a>
<a class="btn btn-color-orange" href="mailto:mail@offen.dev">Contact</a>
</div>
<div class="button-wrapper btn-fill-space">
<a class="btn btn-color-orange" href="https://github.com/offen" target="_blank">Get involved</a>
<a class="btn btn-color-orange" href="https://www.patreon.com/bePatron?u=21484999" target="_blank">Support us</a>
</div>
---
[hendrik-niefeld]: http://niefeld.com/
[frederik-ring]: https://www.frederikring.com/

View File

@ -1,7 +1,7 @@
Title: Transparent web analytics | offen
description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
save_as: index.html
href: /
__offen__ is a web analytics software that gives users access to the data they are generating. Not only operators running sites or applications are given able to use the analytics tools, but also *the users themselves are granted access to and ownership of their data*.
@ -10,15 +10,3 @@ Usage metrics come with explanations about their meaning, relevance, usage and p
__offen__ treats both users and operators as parties of equal importance. Users can expect full transparency and are encouraged to make *autonomous and informed decisions regarding the use of their data*. Operators are enabled to gain insights while respecting their users' privacy and their data.
__offen__ is currently in the early stages of development and is applying for funds to sustain its development. An early alpha version is running on this site: you can visit the [auditorium](https://auditorium-alpha.offen.dev) to access your data.
<div class="button-wrapper btn-fill-space">
<a class="btn btn-color-grey" href="./deep-dive/">Deep dive</a>
<a class="btn btn-color-grey" href="./status/">Status</a>
<a class="btn btn-color-orange" href="mailto:mail@offen.dev">Contact</a>
</div>
<div class="button-wrapper btn-fill-space">
<a class="btn btn-color-orange" href="https://github.com/offen" target="_blank">Get involved</a>
<a class="btn btn-color-orange" href="https://www.patreon.com/bePatron?u=21484999" target="_blank">Support us</a>
</div>

View File

@ -9,14 +9,3 @@ This will prevent __offen__ from aggregating the actions you have taken on parti
Operators now cannot draw any conclusions from your actions via __offen__. At the same time, however, they *cannot create a better experience* for you and other users.
<img style="-webkit-user-select: none; display:none;" src="https://server-alpha.offen.dev/opt-out">
<div class="button-wrapper btn-fill-space">
<a class="btn btn-color-grey" href="../">Summary</a>
<a class="btn btn-color-grey" href="../status/">Status</a>
<a class="btn btn-color-orange" href="mailto:mail@offen.dev">Contact</a>
</div>
<div class="button-wrapper btn-fill-space">
<a class="btn btn-color-orange" href="https://github.com/offen" target="_blank">Get involved</a>
<a class="btn btn-color-orange" href="https://www.patreon.com/bePatron?u=21484999" target="_blank">Support us</a>
</div>

View File

@ -1,7 +1,7 @@
Title: Status | offen
description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
save_as: status/index.html
href: /status/
### Current status
@ -30,15 +30,3 @@ Our product story is based on three key questions. What makes __offen__ stand ou
#### Publicity
This product story is the starting point for publicty efforts that will start as soon as a beta version is available. They include own blog posts, forum marketing as well as SEO measures.
<div class="button-wrapper btn-fill-space">
<a class="btn btn-color-grey" href="../">Summary</a>
<a class="btn btn-color-grey" href="../deep-dive/">Deep dive</a>
<a class="btn btn-color-orange" href="mailto:mail@offen.dev">Contact</a>
</div>
<div class="button-wrapper btn-fill-space">
<a class="btn btn-color-orange" href="https://github.com/offen" target="_blank">Get involved</a>
<a class="btn btn-color-orange" href="https://www.patreon.com/bePatron?u=21484999" target="_blank">Support us</a>
</div>

View File

@ -39,4 +39,6 @@ TAGS_SAVE_AS = None
# keep this for access to page variable
DIRECT_TEMPLATES = []
OFFEN_ACCOUNT_ID = None
GITHUB_ORG = 'https://github.com/offen'
CONTACT_EMAIL = 'mail@offen.dev'
PATREON_URL = 'https://www.patreon.com/bePatron?u=21484999'

View File

@ -1 +1,9 @@
/** styles specific to homepage
section {
display: flex;
flex-flow: column;
}
section .footnote {
padding-top: 30px;
order: 100;
}

View File

@ -2,53 +2,39 @@
<html lang="en">
<head>
<title>{% block title %}{% endblock %}</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="{{ page.description }}">
<meta property="og:site_name" content="{{ SITENAME }}">
<meta property="og:locale" content="{{ DEFAULT_LANG }}">
<meta property="og:title" content="{{ page.title }}">
<meta property="og:description" content="{{ page.description }}">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ SITEURL }}/{{ page.save_as }}">
<meta property="og:image" content="{{ SITEURL }}/theme/images/offen-logo-social-media.jpg">
<meta name="twitter:image:alt" content="offen logo">
<meta name="twitter:card" content="summary_large_image">
<link rel="canonical" href="{{ SITEURL }}/{{ page.save_as }}">
<link rel="shortcut icon" type="image/x-icon" href="/theme/images/favicon.ico">
<link rel="stylesheet" type="text/css" href="/theme/css/fonts.css">
<link rel="stylesheet" type="text/css" href="/theme/styles/index.css">
<link rel="stylesheet" type="text/css" href="/theme/css/style.css">
{% if OFFEN_ACCOUNT_ID %}
<script async src="https://script-alpha.offen.dev/script.js" data-account-id="{{ OFFEN_ACCOUNT_ID }}"></script>
{% endif %}
<title>{% block title %}{% endblock %}</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="{{ page.description }}">
<meta property="og:site_name" content="{{ SITENAME }}">
<meta property="og:locale" content="{{ DEFAULT_LANG }}">
<meta property="og:title" content="{{ page.title }}">
<meta property="og:description" content="{{ page.description }}">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ SITEURL }}/{{ page.save_as }}">
<meta property="og:image" content="{{ SITEURL }}/theme/images/offen-logo-social-media.jpg">
<meta name="twitter:image:alt" content="offen logo">
<meta name="twitter:card" content="summary_large_image">
<link rel="canonical" href="{{ SITEURL }}/{{ page.save_as }}">
<link rel="shortcut icon" type="image/x-icon" href="/theme/images/favicon.ico">
<link rel="stylesheet" type="text/css" href="/theme/css/fonts.css">
<link rel="stylesheet" type="text/css" href="/theme/styles/index.css">
<link rel="stylesheet" type="text/css" href="/theme/css/style.css">
{% if OFFEN_ACCOUNT_ID %}
<script async src="https://script-alpha.offen.dev/script.js" data-account-id="{{ OFFEN_ACCOUNT_ID }}"></script>
{% endif %}
</head>
<body>
<div class="wrapper">
<header>
<a href="/" title="offen home page" alt="offen home page">
<img src="/theme/images/logo.svg" alt="offen logo" width="165" height="102" class="logo">
</a>
</header>
<div class="wrapper">
<header>
<a href="/" title="offen home page" alt="offen home page"><img src="/theme/images/logo.svg" alt="offen logo" width="165" height="102" class="logo"></a>
</header>
{% block content %}{% endblock %}
<!--
<footer>
<ul class="footer-list">
<li>
May 2019
</li>
</ul>
</footer>
-->
</div>
{% block content %}{% endblock %}
</div>
</body>
</html>

View File

@ -1,17 +1,50 @@
{% extends "base.html" %}
{% block title %}{{ page.title }}{% endblock %}
{% block title %}
{{ page.title }}
{% endblock %}
{% block content %}
<section>
<h1>
<strong>offen</strong> is a free and open source analytics software for websites and web applications that allows respectful handling of data.
</h1>
{% block before_content %}{% endblock %}
{% block page_content %}{{ page.content }}{% endblock %}
{% block after_content %}{% endblock %}
</section>
<section>
{% block before_content %}
<h1>
<strong>offen</strong> is a free and open source analytics software for websites and web applications that allows respectful handling of data.
</h1>
{% endblock %}
{% block page_content %}
{{ page.content }}
{% endblock %}
{% block after_content %}
<nav class="navigation-wrapper">
<div class="button-wrapper btn-fill-space">
{% if page.href != "/deep-dive/" %}
<a class="btn btn-color-grey" href="/deep-dive/">
Deep dive
</a>
{% endif %}
{% if page.href != "/" %}
<a class="btn btn-color-grey" href="/">
Summary
</a>
{% endif %}
{% if page.href != "/status/" %}
<a class="btn btn-color-grey" href="/status/">
Status
</a>
{% endif %}
<a class="btn btn-color-orange" href="mailto:{{CONTACT_EMAIL}}">
Contact
</a>
</div>
<div class="button-wrapper btn-fill-space">
<a class="btn btn-color-orange" href="{{GITHUB_ORG}}" target="_blank">
Get involved
</a>
<a class="btn btn-color-orange" href="{{PATREON_URL}}" target="_blank">
Support us
</a>
</div>
</nav>
{% endblock %}
</section>
{% endblock %}

View File

@ -209,7 +209,7 @@ flex-flow: column wrap;
justify-content: space-around;
}
.button-wrapper:first-of-type {
.navigation-wrapper {
margin: 60px 0 0 0;
}