offen/website
2
0
Fork 0
mirror of https://github.com/offen/website.git synced 2024-11-25 10:10:28 +01:00
Code Issues Projects Releases Wiki Activity

clean up templates

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
homepage/content/pages/deep-dive.md
View File

@ -1,6 +1,7 @@
Title: Deep dive | offen 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. 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 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? ### 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. 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/ [hendrik-niefeld]: http://niefeld.com/
[frederik-ring]: https://www.frederikring.com/ [frederik-ring]: https://www.frederikring.com/

14
homepage/content/pages/index.md
View File

@ -1,7 +1,7 @@
Title: Transparent web analytics | offen 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. 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 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*. __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__ 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. __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>

11
homepage/content/pages/opt-out.md
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. 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"> <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>

14
homepage/content/pages/status.md
View File

@ -1,7 +1,7 @@
Title: Status | offen Title: Status | offen
description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data. 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 save_as: status/index.html
href: /status/
### Current status ### Current status
@ -30,15 +30,3 @@ Our product story is based on three key questions. What makes __offen__ stand ou
#### Publicity #### 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. 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>

4
homepage/pelicanconf.py
View File

@ -39,4 +39,6 @@ TAGS_SAVE_AS = None
# keep this for access to page variable # keep this for access to page variable
DIRECT_TEMPLATES = [] 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'

10
homepage/theme/static/css/style.css
View File

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

72
homepage/theme/templates/base.html
View File

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

57
homepage/theme/templates/page.html
View File

@ -1,17 +1,50 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}{{ page.title }}{% endblock %} {% block title %}
{{ page.title }}
{% endblock %}
{% block content %} {% block content %}
<section>
<section> {% block before_content %}
<h1> <h1>
<strong>offen</strong> is a free and open source analytics software for websites and web applications that allows respectful handling of data. <strong>offen</strong> is a free and open source analytics software for websites and web applications that allows respectful handling of data.
</h1> </h1>
{% endblock %}
{% block before_content %}{% endblock %} {% block page_content %}
{% block page_content %}{{ page.content }}{% endblock %} {{ page.content }}
{% block after_content %}{% endblock %} {% endblock %}
{% block after_content %}
</section> <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 %} {% endblock %}

2
styles/index.css
View File

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