2019-05-30 22:17:39 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
2019-12-13 11:23:02 +01:00
|
|
|
{% block head %}
|
2019-05-30 22:17:39 +02:00
|
|
|
<head>
|
2019-08-30 15:00:27 +02:00
|
|
|
<title>
|
2019-12-13 12:24:58 +01:00
|
|
|
{% block title %}{{ title }}{% endblock %}
|
2019-08-30 15:00:27 +02:00
|
|
|
</title>
|
2019-07-26 12:05:08 +02:00
|
|
|
<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">
|
2019-12-13 12:24:58 +01:00
|
|
|
<meta name="description" content="{{ description }}">
|
2019-07-26 12:05:08 +02:00
|
|
|
<meta property="og:site_name" content="{{ SITENAME }}">
|
|
|
|
|
<meta property="og:locale" content="{{ DEFAULT_LANG }}">
|
2019-12-13 12:24:58 +01:00
|
|
|
<meta property="og:title" content="{{ title }}">
|
|
|
|
|
<meta property="og:description" content="{{ description }}">
|
2019-07-26 12:05:08 +02:00
|
|
|
<meta property="og:type" content="website">
|
2019-12-13 12:24:58 +01:00
|
|
|
<meta property="og:url" content="{{ SITEURL }}/{{ href }}">
|
|
|
|
|
<meta property="og:image" content="{{ SITEURL }}{{ sm_image_url or '/theme/images/offen-logo-social-media.jpg' }}">
|
2019-12-12 20:30:03 +01:00
|
|
|
<meta name="twitter:image:alt" content="Offen logo">
|
2019-07-26 12:05:08 +02:00
|
|
|
<meta name="twitter:card" content="summary_large_image">
|
2019-12-13 12:24:58 +01:00
|
|
|
<link rel="canonical" href="{{ SITEURL }}/{{ href }}">
|
2019-07-26 12:05:08 +02:00
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="/theme/images/favicon.ico">
|
2019-12-21 07:30:54 +01:00
|
|
|
<link rel="stylesheet" href="/theme/css/tachyons.min.css">
|
|
|
|
|
<link rel="stylesheet" href="/theme/css/fix.css">
|
|
|
|
|
<!--
|
2019-10-27 12:53:08 +01:00
|
|
|
{% assets filters="libsass,postcss,cssmin", output="css/style.min.css", "css/normalize.css", "css/fonts.css", "css/style.scss" %}
|
2019-09-05 11:18:42 +02:00
|
|
|
<link rel="stylesheet" href="/{{ ASSET_URL }}">
|
2019-08-30 12:33:00 +02:00
|
|
|
{% endassets %}
|
2019-12-21 07:30:54 +01:00
|
|
|
-->
|
2019-12-13 12:24:58 +01:00
|
|
|
{% if OFFEN_ACCOUNT_ID and not no_stats %}
|
2019-09-09 20:01:22 +02:00
|
|
|
<script async src="/script.js" data-account-id="{{ OFFEN_ACCOUNT_ID }}"></script>
|
2019-07-26 12:05:08 +02:00
|
|
|
{% endif %}
|
2019-05-30 22:17:39 +02:00
|
|
|
</head>
|
2019-12-13 11:23:02 +01:00
|
|
|
{% endblock %}
|
2019-12-22 19:02:00 +01:00
|
|
|
<body class="{{ template }} f5 sans-serif lh-copy fnt-cclr-mid-black">
|
2019-12-22 12:56:02 +01:00
|
|
|
<!-- Menu ######################################################### -->
|
2019-12-22 19:02:00 +01:00
|
|
|
<div class="menu w-100 cclr-mid-yellow"> <!--menu-->
|
2019-08-15 21:19:25 +02:00
|
|
|
<section class="nav-bar">
|
|
|
|
|
<div class="nav-container">
|
2019-09-22 09:44:47 +02:00
|
|
|
<div class="icon">
|
2019-12-12 20:30:03 +01:00
|
|
|
<a href="/"><img src="/theme/images/offen-icon-white.svg" alt="Offen logo" width="42" height="46" class="logo"></a>
|
2019-08-30 19:20:07 +02:00
|
|
|
</div>
|
2019-08-15 21:19:25 +02:00
|
|
|
<nav>
|
2019-08-30 12:33:00 +02:00
|
|
|
<div class="nav-mobile"><span id="nav-toggle"><span></span></span></div>
|
2019-08-15 21:19:25 +02:00
|
|
|
<ul class="nav-list">
|
2019-08-22 09:13:53 +02:00
|
|
|
<li>
|
|
|
|
|
<a href="/">Summary</a>
|
|
|
|
|
</li>
|
2019-08-15 21:19:25 +02:00
|
|
|
<li>
|
|
|
|
|
<a href="/deep-dive/">Deep dive</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
2019-12-13 13:17:19 +01:00
|
|
|
<a href="/blog/">Status</a>
|
2019-08-15 21:19:25 +02:00
|
|
|
</li>
|
|
|
|
|
<li>
|
2019-09-22 09:44:47 +02:00
|
|
|
<a href="/about/">About</a>
|
2019-08-15 21:19:25 +02:00
|
|
|
</li>
|
|
|
|
|
<li>
|
2019-12-13 11:08:08 +01:00
|
|
|
<a href="{{ GITHUB_ORG }}" rel="noopener" target="_blank">GitHub</a>
|
2019-08-15 21:19:25 +02:00
|
|
|
</li>
|
|
|
|
|
<li>
|
2019-12-13 11:08:08 +01:00
|
|
|
<a href="{{ PATREON_URL }}" rel="noopener" target="_blank">Patreon</a>
|
2019-08-15 21:19:25 +02:00
|
|
|
</li>
|
|
|
|
|
</ul>
|
2019-08-30 15:00:27 +02:00
|
|
|
</nav>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
2019-12-22 12:56:02 +01:00
|
|
|
<!-- Content ######################################################### -->
|
|
|
|
|
{% block content %}
|
2019-12-22 19:02:00 +01:00
|
|
|
<div class="w-100 mt5 bg-white mid-grey">
|
2019-12-22 15:22:13 +01:00
|
|
|
<div class="mw6 center">
|
2019-12-22 12:56:02 +01:00
|
|
|
{{ content }}
|
|
|
|
|
</div>
|
2019-08-18 22:28:06 +02:00
|
|
|
</div>
|
2019-12-22 12:56:02 +01:00
|
|
|
{% endblock %}
|
2019-08-21 12:53:01 +02:00
|
|
|
|
2019-12-22 12:56:02 +01:00
|
|
|
{% block outro %}
|
2019-12-22 19:02:00 +01:00
|
|
|
<div class="w-100 cclr-mid-yellow"> <!--cta-bottom-->
|
|
|
|
|
<div class="w-100" id="bg-cta-bottom">
|
2019-12-22 15:22:13 +01:00
|
|
|
<div class="mw8 center">
|
2019-12-22 19:02:00 +01:00
|
|
|
<div class="flex flex-wrap justify-around">
|
|
|
|
|
<div class="w5">
|
2019-12-22 15:22:13 +01:00
|
|
|
<h2 class="pa0 ma0">
|
2019-12-22 12:56:02 +01:00
|
|
|
Participate
|
|
|
|
|
</h2>
|
2019-12-22 15:22:13 +01:00
|
|
|
<p class="pa0 ma0">
|
2019-12-22 12:56:02 +01:00
|
|
|
Development of Offen has just started. Do not hesitate to make a contribution and help us handle data with respect.
|
|
|
|
|
</p>
|
2019-12-22 15:22:13 +01:00
|
|
|
<div class="pa0 ma0">
|
2019-12-22 12:56:02 +01:00
|
|
|
<a class="btn btn-color-black" href="{{GITHUB_ORG}}" rel="noopener" target="_blank">Get involved</a>
|
|
|
|
|
</div>
|
2019-08-30 15:00:27 +02:00
|
|
|
</div>
|
2019-12-22 19:02:00 +01:00
|
|
|
<div class="w5">
|
2019-12-22 15:22:13 +01:00
|
|
|
<h2 class="pa0 ma0">
|
2019-12-22 12:56:02 +01:00
|
|
|
In the making
|
|
|
|
|
</h2>
|
2019-12-22 15:22:13 +01:00
|
|
|
<p class="pa0 ma0">
|
2019-12-22 12:56:02 +01:00
|
|
|
Offen is still in alpha. Discover what is already up and running and where we want to go in the coming months.
|
|
|
|
|
</p>
|
2019-12-22 15:22:13 +01:00
|
|
|
<div class="pa0 ma0">
|
2019-12-22 12:56:02 +01:00
|
|
|
<a class="btn btn-color-black" href="/blog/">Project status</a>
|
|
|
|
|
</div>
|
2019-08-30 15:00:27 +02:00
|
|
|
</div>
|
2019-12-22 19:02:00 +01:00
|
|
|
<div class="w5">
|
2019-12-22 15:22:13 +01:00
|
|
|
<h2 class="pa0 ma0">
|
2019-12-22 12:56:02 +01:00
|
|
|
Ethical internet
|
|
|
|
|
</h2>
|
2019-12-22 15:22:13 +01:00
|
|
|
<p class="pa0 ma0">
|
2019-12-22 12:56:02 +01:00
|
|
|
We're working hard to ensure that Offen is independent, cutting-edge and can be sustained for years to come.
|
|
|
|
|
</p>
|
2019-12-22 15:22:13 +01:00
|
|
|
<div class="pa0 ma0">
|
2019-12-22 12:56:02 +01:00
|
|
|
<a class="btn btn-color-black" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Support us</a>
|
|
|
|
|
</div>
|
2019-08-30 15:00:27 +02:00
|
|
|
</div>
|
2019-08-20 16:42:19 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2019-08-18 22:28:06 +02:00
|
|
|
</div>
|
2019-12-22 12:56:02 +01:00
|
|
|
{% endblock %}
|
|
|
|
|
<!-- Footer ######################################################### -->
|
2019-12-22 19:02:00 +01:00
|
|
|
<div class="w-100 cclr-mid-black gray"> <!--footer-->
|
2019-12-22 21:38:12 +01:00
|
|
|
<div class="flex-l justify-between pt4 pb6 ph4">
|
|
|
|
|
|
|
|
|
|
<div class="flex w-auto">
|
|
|
|
|
<div class="w5 mr3 fnt-cclr-mid-yellow">
|
|
|
|
|
<p class="ma0">Offen</h3>
|
|
|
|
|
<p class="ma0">Transparent web analytics</h4>
|
|
|
|
|
<p class="ma0">for everyone</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w5 mr4">
|
|
|
|
|
<p class="ma0">
|
|
|
|
|
<a class="link b dim gray" href="mailto:{{ CONTACT_EMAIL }}">{{CONTACT_EMAIL}}</a>
|
|
|
|
|
<a class="link b dim gray" target="_blank" href="/theme/{{ GPG_KEY_FILE }}">[GPG Key]</a>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="ma0">
|
|
|
|
|
<a class="link b dim gray" href="{{ GITHUB_ORG }}" rel="noopener" target="_blank">GitHub</a>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="ma0">
|
|
|
|
|
<a class="link b dim gray" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Patreon</a>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w5">
|
|
|
|
|
<p class="ma0">
|
|
|
|
|
<a class="link b dim gray" href="{{ LINKEDIN_URL }}" rel="noopener" target="_blank">LinkedIn</a>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="ma0">
|
|
|
|
|
<a class="link b dim gray" href="{{ TWITTER_URL }}" rel="noopener" target="_blank">Twitter</a>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="ma0">
|
|
|
|
|
<a class="link b dim gray" href="/legal-notice/">Legal Notice</a>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
2019-12-22 12:56:02 +01:00
|
|
|
</div>
|
2019-12-22 21:38:12 +01:00
|
|
|
|
|
|
|
|
<div class="tr">
|
2019-12-22 12:56:02 +01:00
|
|
|
{{ BUILD_DATE }}
|
|
|
|
|
</div>
|
2019-08-21 12:53:01 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2019-08-30 15:00:27 +02:00
|
|
|
|
2019-12-22 12:56:02 +01:00
|
|
|
{% block scripts %}
|
|
|
|
|
{% assets filters="rjsmin", output="scripts/packed.js", "scripts/jquery-3.4.1.min.js", "scripts/menu.js", "scripts/fade.js" %}
|
|
|
|
|
<script src="/{{ ASSET_URL }}"></script>
|
|
|
|
|
{% endassets %}
|
|
|
|
|
{% endblock %}
|
|
|
|
|
</body>
|
2019-05-30 22:17:39 +02:00
|
|
|
</html>
|
