2
0
mirror of https://github.com/offen/website.git synced 2024-12-03 13:30:27 +01:00
website/homepage/theme/templates/base.html

146 lines
4.9 KiB
HTML
Raw Normal View History

2019-05-30 22:17:39 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<title>
{% block title %}{{ page.title }}{% endblock %}
</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">
<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">
{% assets filters="cssmin", output="css/style.min.css", "css/normalize.css", "css/fonts.css", "css/style.css" %}
2019-09-05 11:18:42 +02:00
<link rel="stylesheet" href="/{{ ASSET_URL }}">
{% endassets %}
2019-07-26 12:05:08 +02:00
{% if OFFEN_ACCOUNT_ID %}
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>
<body class="{{page.template}}">
2019-08-18 22:28:06 +02:00
<div class="menu">
2019-08-15 21:19:25 +02:00
<section class="nav-bar">
<div class="nav-container">
<div class="brand">
2019-08-22 00:13:11 +02:00
<a href="/"><img src="/theme/images/offen-brand-white.svg" alt="offen logo" width="42" height="46" class="logo"></a>
</div>
2019-08-15 21:19:25 +02:00
<nav>
<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>
<a href="/status/">Status</a>
</li>
<li>
<a href="mailto:{{CONTACT_EMAIL}}">Contact</a>
</li>
<li>
<a href="{{GITHUB_ORG}}" target="_blank">Get involved</a>
</li>
<li>
<a href="{{PATREON_URL}}" target="_blank">Support Us</a>
</li>
</ul>
</nav>
</div>
</section>
</div>
2019-08-15 21:19:25 +02:00
{% block content %}
<div class="content">
<div class="container-reader">
{{ page.content }}
2019-08-18 22:28:06 +02:00
</div>
</div>
{% endblock %}
2019-08-21 12:53:01 +02:00
{% block outro %}
<div class="cta-bottom">
<div class="bg" id="bg-cta-bottom">
2019-08-29 22:21:00 +02:00
<div class="container-full">
<div class="card-deck">
<div class="card">
2019-08-24 21:59:01 +02:00
<h2>
Participate
2019-08-24 21:59:01 +02:00
</h2>
<p>
Development of <strong>offen</strong> has just started. Do not hesitate to make a contribution and help us handle data with respect.
2019-08-24 21:59:01 +02:00
</p>
<div class="btn-wrapper">
2019-09-03 22:09:46 +02:00
<a class="btn btn-color-black" href="{{GITHUB_ORG}}" target="_blank">Get involved</a>
</div>
2019-08-20 16:42:19 +02:00
</div>
2019-08-29 22:21:00 +02:00
<div class="card">
2019-08-24 21:59:01 +02:00
<h2>
In the making
2019-08-24 21:59:01 +02:00
</h2>
<p>
2019-09-08 20:51:51 +02:00
<strong>offen</strong> is still in alpha. Discover what is already up and running and where we want to go in the coming months.
2019-08-24 21:59:01 +02:00
</p>
<div class="btn-wrapper">
<a class="btn btn-color-black" href="/status/">Project status</a>
</div>
2019-08-20 16:42:19 +02:00
</div>
2019-08-29 22:21:00 +02:00
<div class="card">
2019-08-24 21:59:01 +02:00
<h2>
Good cause
2019-08-24 21:59:01 +02:00
</h2>
<p>
We're working hard to ensure that <strong>offen</strong> is independent, cutting-edge and can be sustained for years to come.
2019-08-24 21:59:01 +02:00
</p>
<div class="btn-wrapper">
2019-09-03 22:09:46 +02:00
<a class="btn btn-color-black" href="{{PATREON_URL}}" target="_blank">Support us</a>
</div>
2019-08-20 16:42:19 +02:00
</div>
</div>
</div>
2019-08-18 22:28:06 +02:00
</div>
</div>
{% endblock %}
2019-08-21 12:53:01 +02:00
2019-08-18 22:28:06 +02:00
<div class="footer">
2019-08-21 12:53:01 +02:00
<div class="footer-card-deck">
<div class="footer-card">
2019-08-24 21:59:01 +02:00
<h3><strong>offen</strong></h3>
<h4>Transparent web analytics</h4>
<h4>for everyone</h4>
2019-08-21 12:53:01 +02:00
</div>
<div class="footer-card">
<p>
2019-08-29 22:21:00 +02:00
<a href="mailto:{{CONTACT_EMAIL}}">Contact</a>
2019-08-21 12:53:01 +02:00
</p>
<p>
2019-09-03 22:09:46 +02:00
<a href="{{GITHUB_ORG}}" target="_blank">GitHub</a>
2019-08-21 12:53:01 +02:00
</p>
<p>
2019-09-03 22:09:46 +02:00
<a href="{{PATREON_URL}}" target="_blank">Support Us</a>
2019-08-21 12:53:01 +02:00
</p>
</div>
<div class="footer-card">
2019-08-29 22:21:00 +02:00
September 2019
2019-08-21 12:53:01 +02:00
</div>
</div>
2019-07-26 12:05:08 +02:00
</div>
2019-09-04 16:20:35 +02:00
{% block scripts %}
{% assets filters="rjsmin", output="scripts/packed.js", "scripts/jquery-3.4.1.min.js", "scripts/menu.js", "scripts/fade.js" %}
2019-09-05 11:18:42 +02:00
<script src="/{{ ASSET_URL }}"></script>
2019-09-04 16:20:35 +02:00
{% endassets %}
{% endblock %}
2019-05-30 22:17:39 +02:00
</body>
</html>