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:
parent
0f09e0d812
commit
66db49ae23
@ -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/
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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'
|
||||
|
@ -1 +1,9 @@
|
||||
/** styles specific to homepage
|
||||
section {
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
}
|
||||
|
||||
section .footnote {
|
||||
padding-top: 30px;
|
||||
order: 100;
|
||||
}
|
||||
|
@ -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>
|
||||
|
@ -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 %}
|
||||
|
@ -209,7 +209,7 @@ flex-flow: column wrap;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.button-wrapper:first-of-type {
|
||||
.navigation-wrapper {
|
||||
margin: 60px 0 0 0;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user