2
0
mirror of https://github.com/offen/website.git synced 2024-11-23 01:20:29 +01:00

Merge pull request #3 from offen/project

Prepare project structure for deployment
This commit is contained in:
Frederik Ring 2019-05-31 16:59:23 +02:00 committed by GitHub
commit c172ef3e5b
57 changed files with 136 additions and 93305 deletions

110
.gitignore vendored Normal file
View File

@ -0,0 +1,110 @@
# built pelican site
output/
# Byte-compiled / optimized / DLL files
__pycache__/
*.py[cod]
*$py.class
# C extensions
*.so
# Distribution / packaging
.Python
build/
develop-eggs/
dist/
downloads/
eggs/
.eggs/
lib/
lib64/
parts/
sdist/
var/
wheels/
*.egg-info/
.installed.cfg
*.egg
MANIFEST
# PyInstaller
# Usually these files are written by a python script from a template
# before PyInstaller builds the exe, so as to inject date/other infos into it.
*.manifest
*.spec
# Installer logs
pip-log.txt
pip-delete-this-directory.txt
# Unit test / coverage reports
htmlcov/
.tox/
.coverage
.coverage.*
.cache
nosetests.xml
coverage.xml
*.cover
.hypothesis/
.pytest_cache/
# Translations
*.mo
*.pot
# Django stuff:
*.log
local_settings.py
db.sqlite3
# Flask stuff:
instance/
.webassets-cache
# Scrapy stuff:
.scrapy
# Sphinx documentation
docs/_build/
# PyBuilder
target/
# Jupyter Notebook
.ipynb_checkpoints
# pyenv
.python-version
# celery beat schedule file
celerybeat-schedule
# SageMath parsed files
*.sage.py
# Environments
.env
.venv
env/
venv/
ENV/
env.bak/
venv.bak/
# Spyder project settings
.spyderproject
.spyproject
# Rope project settings
.ropeproject
# mkdocs documentation
/site
# mypy
.mypy_cache/
test.py
*.json

View File

@ -1,7 +1,21 @@
# offen.dev # offen.dev
> Organization homepage > Organization homepage
The site is using Pelican. The site is using Pelican
## Site development
Create a Python virtual environment using the tools of your choice and install the requirements. E.g.:
```
python3 -m venv venv
source venv/bin/activate
pip install -r requirements.txt
```
Serve the site locally on http://localhost:8000:
```
make devserver
```
### License ### License

View File

@ -1,6 +1,6 @@
Title: Deep dive | offen Title: Deep dive | offen
URL: URL:
save_as: deepdive.html save_as: deep-dive/index.html
### 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?

View File

@ -10,4 +10,4 @@ __offen__ treats both users and operators as parties of equal importance. Users
__offen__ is currently being conceptually designed and is applying for funds to sustain its development. __offen__ is currently being conceptually designed and is applying for funds to sustain its development.
<a href="/deepdive.html" class="btn">Deep dive</a> <a href="/deep-dive/" class="btn">Deep dive</a>

View File

@ -1,847 +0,0 @@
@font-face {
font-family: 'Noto Sans';
font-weight: 400;
font-style: normal;
src: url("../fonts/Noto-Sans-400/Noto-Sans-400.eot");
src: url("../fonts/Noto-Sans-400/Noto-Sans-400.eot?#iefix") format("embedded-opentype"), local("Noto Sans"), local("Noto-Sans-400"), url("../fonts/Noto-Sans-400/Noto-Sans-400.woff2") format("woff2"), url("../fonts/Noto-Sans-400/Noto-Sans-400.woff") format("woff"), url("../fonts/Noto-Sans-400/Noto-Sans-400.ttf") format("truetype"), url("../fonts/Noto-Sans-400/Noto-Sans-400.svg#NotoSans") format("svg")
}
@font-face {
font-family: 'Noto Sans';
font-weight: 700;
font-style: normal;
src: url("../fonts/Noto-Sans-700/Noto-Sans-700.eot");
src: url("../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix") format("embedded-opentype"), local("Noto Sans Bold"), local("Noto-Sans-700"), url("../fonts/Noto-Sans-700/Noto-Sans-700.woff2") format("woff2"), url("../fonts/Noto-Sans-700/Noto-Sans-700.woff") format("woff"), url("../fonts/Noto-Sans-700/Noto-Sans-700.ttf") format("truetype"), url("../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans") format("svg")
}
@font-face {
font-family: 'Noto Sans';
font-weight: 400;
font-style: italic;
src: url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot");
src: url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix") format("embedded-opentype"), local("Noto Sans Italic"), local("Noto-Sans-italic"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2") format("woff2"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff") format("woff"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf") format("truetype"), url("../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans") format("svg")
}
@font-face {
font-family: 'Noto Sans';
font-weight: 700;
font-style: italic;
src: url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot");
src: url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix") format("embedded-opentype"), local("Noto Sans Bold Italic"), local("Noto-Sans-700italic"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2") format("woff2"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff") format("woff"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf") format("truetype"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans") format("svg")
}
.highlight table td {
padding: 5px
}
.highlight table pre {
margin: 0
}
.highlight .cm {
color: #999988;
font-style: italic
}
.highlight .cp {
color: #999999;
font-weight: bold
}
.highlight .c1 {
color: #999988;
font-style: italic
}
.highlight .cs {
color: #999999;
font-weight: bold;
font-style: italic
}
.highlight .c,
.highlight .cd {
color: #999988;
font-style: italic
}
.highlight .err {
color: #a61717;
background-color: #e3d2d2
}
.highlight .gd {
color: #000000;
background-color: #ffdddd
}
.highlight .ge {
color: #000000;
font-style: italic
}
.highlight .gr {
color: #aa0000
}
.highlight .gh {
color: #999999
}
.highlight .gi {
color: #000000;
background-color: #ddffdd
}
.highlight .go {
color: #888888
}
.highlight .gp {
color: #555555
}
.highlight .gs {
font-weight: bold
}
.highlight .gu {
color: #aaaaaa
}
.highlight .gt {
color: #aa0000
}
.highlight .kc {
color: #000000;
font-weight: bold
}
.highlight .kd {
color: #000000;
font-weight: bold
}
.highlight .kn {
color: #000000;
font-weight: bold
}
.highlight .kp {
color: #000000;
font-weight: bold
}
.highlight .kr {
color: #000000;
font-weight: bold
}
.highlight .kt {
color: #445588;
font-weight: bold
}
.highlight .k,
.highlight .kv {
color: #000000;
font-weight: bold
}
.highlight .mf {
color: #009999
}
.highlight .mh {
color: #009999
}
.highlight .il {
color: #009999
}
.highlight .mi {
color: #009999
}
.highlight .mo {
color: #009999
}
.highlight .m,
.highlight .mb,
.highlight .mx {
color: #009999
}
.highlight .sb {
color: #d14
}
.highlight .sc {
color: #d14
}
.highlight .sd {
color: #d14
}
.highlight .s2 {
color: #d14
}
.highlight .se {
color: #d14
}
.highlight .sh {
color: #d14
}
.highlight .si {
color: #d14
}
.highlight .sx {
color: #d14
}
.highlight .sr {
color: #009926
}
.highlight .s1 {
color: #d14
}
.highlight .ss {
color: #990073
}
.highlight .s {
color: #d14
}
.highlight .na {
color: #008080
}
.highlight .bp {
color: #999999
}
.highlight .nb {
color: #0086B3
}
.highlight .nc {
color: #445588;
font-weight: bold
}
.highlight .no {
color: #008080
}
.highlight .nd {
color: #3c5d5d;
font-weight: bold
}
.highlight .ni {
color: #800080
}
.highlight .ne {
color: #990000;
font-weight: bold
}
.highlight .nf {
color: #990000;
font-weight: bold
}
.highlight .nl {
color: #990000;
font-weight: bold
}
.highlight .nn {
color: #555555
}
.highlight .nt {
color: #000080
}
.highlight .vc {
color: #008080
}
.highlight .vg {
color: #008080
}
.highlight .vi {
color: #008080
}
.highlight .nv {
color: #008080
}
.highlight .ow {
color: #000000;
font-weight: bold
}
.highlight .o {
color: #000000;
font-weight: bold
}
.highlight .w {
color: #bbbbbb
}
.highlight {
background-color: #f8f8f8
}
body {
background-color: #fff;
padding: 50px;
font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #727272;
font-weight: 400
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #222;
margin: 0 0 20px
}
p,
ul,
ol,
table,
pre,
dl {
margin: 0 0 20px
}
h1,
h2,
h3 {
line-height: 1.1
}
h1 {
font-size: 28px
}
h2 {
color: #393939
}
h3,
h4,
h5,
h6 {
color: #494949
}
a {
color: #267CB9;
text-decoration: none
}
a:hover,
a:focus {
color: #069;
font-weight: bold
}
a small {
font-size: 11px;
color: #777;
margin-top: -0.3em;
display: block
}
a:hover small {
color: #777
}
.wrapper {
width: 860px;
margin: 0 auto
}
blockquote {
border-left: 1px solid #e5e5e5;
margin: 0;
padding: 0 0 0 20px;
font-style: italic
}
code,
pre {
font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
color: #333
}
pre {
padding: 8px 15px;
background: #f8f8f8;
border-radius: 5px;
border: 1px solid #e5e5e5;
overflow-x: auto
}
table {
width: 100%;
border-collapse: collapse
}
th,
td {
text-align: left;
padding: 5px 10px;
border-bottom: 1px solid #e5e5e5
}
dt {
color: #444;
font-weight: 700
}
th {
color: #444
}
img {
max-width: 100%
}
header {
width: 270px;
float: left;
position: fixed;
-webkit-font-smoothing: subpixel-antialiased
}
header ul {
list-style: none;
height: 40px;
padding: 0;
background: #f4f4f4;
border-radius: 5px;
border: 1px solid #e0e0e0;
width: 270px
}
header li {
width: 89px;
float: left;
border-right: 1px solid #e0e0e0;
height: 40px
}
header li:first-child a {
border-radius: 5px 0 0 5px
}
header li:last-child a {
border-radius: 0 5px 5px 0
}
header ul a {
line-height: 1;
font-size: 11px;
color: #676767;
display: block;
text-align: center;
padding-top: 6px;
height: 34px
}
header ul a:hover,
header ul a:focus {
color: #675C5C;
font-weight: bold
}
header ul a:active {
background-color: #f0f0f0
}
strong {
color: #222;
font-weight: 700
}
header ul li+li+li {
border-right: none;
width: 89px
}
header ul a strong {
font-size: 14px;
display: block;
color: #222
}
section {
width: 500px;
float: right;
padding-bottom: 50px
}
small {
font-size: 11px
}
hr {
border: 0;
background: #e5e5e5;
height: 1px;
margin: 0 0 20px
}
footer {
width: 270px;
float: left;
position: fixed;
bottom: 50px;
-webkit-font-smoothing: subpixel-antialiased
}
@media print,
screen and (max-width: 960px) {
div.wrapper {
width: auto;
margin: 0
}
header,
section,
footer {
float: none;
position: static;
width: auto
}
header {
padding-right: 320px
}
section {
border: 1px solid #e5e5e5;
border-width: 1px 0;
padding: 20px 0;
margin: 0 0 20px
}
header a small {
display: inline
}
header ul {
position: absolute;
right: 50px;
top: 52px
}
}
@media print,
screen and (max-width: 720px) {
body {
word-wrap: break-word
}
header {
padding: 0
}
header ul,
header p.view {
position: static
}
pre,
code {
word-wrap: normal
}
}
@media print,
screen and (max-width: 480px) {
body {
padding: 15px
}
header ul {
width: 99%
}
header li,
header ul li+li+li {
width: 33%
}
}
@media print {
body {
padding: 0.4in;
font-size: 12pt;
color: #444
}
}
/* OVERRIDE */
/* Typo
------------------------------------------------------------- */
body {
color: #898989;
font-size: 18px;
line-height: 1.6;
font-weight: 400;
}
h1,
h2,
h3 {
color: #404040;
font-size: 28px;
line-height: 1.4;
font-weight: 400;
margin: 0 0 60px 0;
}
h3 {
font-size: 18px;
margin: 60px 0 20px 0;
}
small {
font-size: 14px;
}
/* Links
------------------------------------------------------------- */
a,
a:hover,
a:focus {
color: #898989;
text-decoration: none;
font-weight: 700;
}
h1 a,
h1 a:hover,
h1 a:focus {
color: #f7bf08;
text-decoration: none;
font-weight: 400;
}
small a,
small a:hover,
small a:focus {
color: #898989;
text-decoration: none;
font-weight: 700;
}
.btn_grey,
.btn_grey:hover,
.btn_grey:focus {
color: #fff;
font-weight: 700;
outline: 0;
}
sup {
line-height: 1;
}
sup a,
sup a:hover,
sup a:focus {
color: #cfcfcf;
}
ol {
padding-inline-start: 20px;
}
ol li p a,
ol li p a:hover,
ol li p a:focus {
color: #cfcfcf;
}
/* Layout
------------------------------------------------------------- */
.logo {
margin: -20px 0 0 0;
}
section {
width: 600px;
padding: 0;
margin: 0 0 80px 0;
}
section > p {
margin: 0 0 20px 0;
}
section > p:last-child {
margin: 0 0 60px 0;
}
hr {
border: 0;
background: #d5d5d5;
height: 1px;
margin: 80px 0 -20px 0;
}
.footnote hr {
border: 0;
height: 0;
}
blockquote {
border-left: 1px solid #d5d5d5;
margin: 40px 0 40px 0;
}
strong,
h2 strong {
color: #404040;
text-decoration: none;
font-weight: 400;
}
h2 strong {
color: #898989;
}
.btn,
.btn:hover,
.btn:active,
.btn_grey {
display: block;
width: 100%;
text-align: center;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
box-sizing: border-box;
border-radius: 3px;
border: none;
background-color: #f9d152;
color: white;
padding: 7px 0 7px 0;
margin: 60px 0 120px 0;
}
.btn_grey {
background-color: #e1e1e1;
}
.footnote {
color: #d5d5d5;
font-size: 14px;
margin: 60px 0 0 0;
}
.footnote ol {
margin-bottom: 0;
}
footer {
bottom: 100px;
}
.footer-list {
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-list li {
display: inline-block;
font-size: 14px;
margin-right: 0.14em;
}
/* Custom Underline
------------------------------------------------------------- */
em {
color: #898989;
background: linear-gradient(transparent 60%, #fde28c 60%);
font-style: normal;
}
/* MEDIA
------------------------------------------------------------- */
@media print,
screen and (max-width: 960px) {
section > p:first-child, section > p:last-child {
margin: 0 0 40px 0;
}
section {
border: none;
width: auto;
padding: 0 0 0 0;
margin: 40px 0 80px 0;
}
@media print,
screen and (max-width: 480px) {
.logo {
margin: 0;
}
}
}

View File

@ -1,120 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Begin SEO tag -->
<title>Deep dive | offen</title>
<meta property="og:locale" content="en" />
<meta name="description" content="offen is a free and open source analytics software for websites and web applications that allows respectful handling of data." />
<meta property="og:description" content="offen is a free and open source analytics software for websites and web applications that allows respectful handling of data." />
<meta property="og:site_name" content="offen" />
<!-- End SEO tag -->
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico">
<link rel="stylesheet" type="text/css" href="/css/style.css">
</head>
<body>
<div class="wrapper">
<header>
<a href="/" title="offen home page" alt="offen home page"><img src="/img/logo.svg" alt="offen logo" width="165" height="102" class="logo"></a>
</header>
<section>
<h2>
<strong>offen</strong> is a free and open source analytics software for websites and web applications that allows respectful handling of data.
</h2>
<h3>What is this thing called "my data" and why does seemingly everyone want to get hold of it?</h3>
<p>It has a ring, gives a slight spine-chilling sensation and generates a whole lot of clicks: consumer magazines like German "Computer Bild" caution about "Google espionage" <sup id="fnref:1"><a class="footnote-ref" href="#fn:1">1</a></sup> just like the internet has countless tutorials on turning off numerous "data leeches" <sup id="fnref:2"><a class="footnote-ref" href="#fn:2">2</a></sup>. Interestingly, diving into these realms will have you accidentally catching the next toolbar, malware infection or even worse <sup id="fnref:3"><a class="footnote-ref" href="#fn:3">3</a></sup>.</p>
<p>Yet, many internet users still don't know what really is happening to their data. Public relation activities trying to calm the public - as undertaken by Facebook for example <sup id="fnref:4"><a class="footnote-ref" href="#fn:4">4</a></sup> - end up being rather disturbing instead of creating transparency, or adding real value to the public debate. Denelle Dixon, COO of Mozilla, just publicly warned the European Commission <sup id="fnref:5"><a class="footnote-ref" href="#fn:5">5</a></sup> about the dangerous effects an opaque apparatus such as Facebook can have on society. Updated Terms and Conditions only parenthetically mention that newly created Google accounts will now hand over real names to third parties for advertising purposes <sup id="fnref:6"><a class="footnote-ref" href="#fn:6">6</a></sup>.</p>
<p>As a regular user of the internet, are you really being spied upon? <em>What exactly is "my data"?</em> Can a website operator see my name when I'm using it? Does it know about my Email address or my phone number? Does it know which other websites I have been visiting, which search query led me to the site in the first place, what I have recently purchased online, or who I am acquainted with?</p>
<blockquote>
<p>If you have something that you don't want anyone to know, maybe you shouldn't be doing it in the first place. <sup id="fnref:7"><a class="footnote-ref" href="#fn:7">7</a></sup></p>
<p>Eric Schmidt (at this time CEO of Google), 2009</p>
</blockquote>
<p>We would like to turn the tables on this much quoted statement and apply it to the operators of services and websites instead of their users. The analytics software <strong>offen</strong> <em>transparently and uncompromisingly discloses what data is being collected and what it is being used for</em> to the users.</p>
<hr>
<h3>For users</h3>
<p>Visiting a website or using a web application that utilizes <strong>offen</strong>, the user gains access to and ownership of the usage data collected. The cookie used by <strong>offen</strong> allows viewing all of the associated metrics, the users can <em>assert themselves what is being collected and what isn't</em>. Data is being displayed in an accessible and articulate manner and each metric comes with explanations about its usage, relevance and possible privacy implications.</p>
<p>Users can choose to export their data, delete it selectively or in its entirety, or simply opt out of any data collection.</p>
<h3>For operators</h3>
<p>Operators of small and mid-sized websites and web applications are faced with growing challenges not only since the introduction of GDPR: how do they gain insights into what users are interested in and which of the features offered are being used? Is it possible to showcase <em>transparent and considerate handling of user data</em> - i.e. neither being spy or data leech - without surrendering and abandoning usage metrics altogether?</p>
<p>Choosing <strong>offen</strong>, websites and web applications obtain a free, open and robust tool for collecting and analyzing relevant usage data. The insights gained enable continuous improvement of these services while still respecting their user's privacy. <em>Opening up the data to the users does not constitute a disadvantage, but strengthens the relationship with them</em> by being entirely transparent.</p>
<h3>Part of the public debate</h3>
<p>Transparently handling usage data in the open creates mutual trust while still enabling operators to collect needed usage statistics. <strong>offen</strong> is designed to be a mediating agent only, and does not side with either users or operators. Sharing knowledge between the two parties creates opportunities for an <em>open and fact based discussion</em> about user data and privacy. Users gain insights into what data is being collected and what these data points are used for, just like they learn about which kind of data is not part of the collection. They are enabled to reach self-determined decisions about what they consent with and what they disagree with when it comes to privacy on the web, also in other contexts than analytics.</p>
<p>We want to exemplify that it is time to depart the age of "data capitalism" <sup id="fnref:8"><a class="footnote-ref" href="#fn:8">8</a></sup> and to create <em>technologies and infrastructure that are transparent, open and oriented towards the common good</em></p>
<hr>
<h3>offen as a technology</h3>
<p>At runtime, <strong>offen</strong> is just mediating exchange between users and operators. Usage data is collected in conformance to GDPR and with the concept of "Datensparsamkeit" <sup id="fnref:9"><a class="footnote-ref" href="#fn:9">9</a></sup> in mind. All user data is encrypted in the browser so that it can only be accessed by the users themselves or the matching operator. While being collected in the context of a website or application, neither operators nor third party scripts have any possibilty to access the usage data. <strong>offen</strong> itself doesn't have any way of decrypting, processing or even selling the gathered data at any point.</p>
<p>The software itself, as well as <em>all the used tools are open source</em>, <a href="https://www.pivotaltracker.com/n/projects/2334535" target="_blank">project planning</a> and <a href="https://github.com/offen/rfcs" target="_blank">technical specification</a> take place in the open and actively solicit feedback from the general public. The infrastructure the service is deployed to is split into three isolated environments in order to minimize possible attack vectors.</p>
<p>Users and operators are given intuitive and accessibility-focused tools for analyzing and managing their data in the form of a web application and a browser extension. Operators deploy the service using a simple script tag. More sophisticated use cases are covered by a dedicated SDK.</p>
<hr>
<h3>Modus Operandi</h3>
<p>Developing and running <strong>offen</strong> can only work out when it is entirely <em>free of any kind of economic constraints or goals</em> and its only objective is <em>contributing to the common good</em>. Development of a prototype is reliant on public grants or similar funding sources. Long term operation of the software, just like its maintenance and continued development, is tied to resources granted by foundations or being donated by the public.</p>
<h3>Status Quo</h3>
<p><strong>offen</strong> is created by <a href="https://www.frederikring.com/" target="_blank">Frederik Ring</a> and <a href="http://niefeld.com/" target="_blank">Hendrik Niefeld</a> and is currently being conceptually designed, both as a product as well as as a software.</p>
<p>We are happy about any kind of feedback. From <em>criticism and praise to contributions or support</em>, everything is welcome.</p>
<p><a href="/index.html" class="btn">Summary</a></p>
<hr>
<div class="footnote">
<hr>
<ol>
<li id="fn:1">
<p>Gegen Google-Spionage wehren <a href="https://www.computerbild.de/artikel/cb-Ratgeber-Kurse-Wissen-Was-weiss-Google-ueber-Sie-2799009.html">https://www.computerbild.de/artikel/cb-Ratgeber-Kurse-Wissen-Was-weiss-Google-ueber-Sie-2799009.html</a>&#160;<a class="footnote-backref" href="#fnref:1" title="Jump back to footnote 1 in the text">&#8617;</a></p>
</li>
<li id="fn:2">
<p>Datenkrake Windows 10: So schalten Sie auff&auml;llige Funktionen ab <a href="https://praxistipps.chip.de/datenkrake-windows-10-so-schalten-sie-auffaellige-funktionen-ab_99652">https://praxistipps.chip.de/datenkrake-windows-10-so-schalten-sie-auffaellige-funktionen-ab_99652</a>&#160;<a class="footnote-backref" href="#fnref:2" title="Jump back to footnote 2 in the text">&#8617;</a></p>
</li>
<li id="fn:3">
<p>Pick a Download, Any Download! <a href="https://blog.malwarebytes.com/cybercrime/2012/10/pick-a-download-any-download/">https://blog.malwarebytes.com/cybercrime/2012/10/pick-a-download-any-download/</a>&#160;<a class="footnote-backref" href="#fnref:3" title="Jump back to footnote 3 in the text">&#8617;</a></p>
</li>
<li id="fn:4">
<p>Sometimes People Assume Facebook Does Things It Doesn't Do <a href="https://www.zeit.de/digital/datenschutz/2019-01/social-media-facebook-mark-zuckerberg-ads-privacy-business-model-transparency">https://www.zeit.de/digital/datenschutz/2019-01/social-media-facebook-mark-zuckerberg-ads-privacy-business-model-transparency</a>&#160;<a class="footnote-backref" href="#fnref:4" title="Jump back to footnote 4 in the text">&#8617;</a></p>
</li>
<li id="fn:5">
<p>Mozilla Raises Concerns Over Facebook's Lack of Transparency <a href="https://blog.mozilla.org/blog/2019/01/31/mozilla-raises-concerns-over-facebooks-lack-of-transparency/">https://blog.mozilla.org/blog/2019/01/31/mozilla-raises-concerns-over-facebooks-lack-of-transparency/</a>&#160;<a class="footnote-backref" href="#fnref:5" title="Jump back to footnote 5 in the text">&#8617;</a></p>
</li>
<li id="fn:6">
<p>Google Has Quietly Dropped Ban on Personally Identifiable Web Tracking <a href="https://www.propublica.org/article/google-has-quietly-dropped-ban-on-personally-identifiable-web-tracking">https://www.propublica.org/article/google-has-quietly-dropped-ban-on-personally-identifiable-web-tracking</a>&#160;<a class="footnote-backref" href="#fnref:6" title="Jump back to footnote 6 in the text">&#8617;</a></p>
</li>
<li id="fn:7">
<p>Google CEO Eric Schmidt Dismisses the Importance of Privacy <a href="https://www.eff.org/de/deeplinks/2009/12/google-ceo-eric-schmidt-dismisses-privacy">https://www.eff.org/de/deeplinks/2009/12/google-ceo-eric-schmidt-dismisses-privacy</a>&#160;<a class="footnote-backref" href="#fnref:7" title="Jump back to footnote 7 in the text">&#8617;</a></p>
</li>
<li id="fn:8">
<p>Vielleicht wird in Zukunft auch mit Gewalt um Daten gek&auml;mpft <a href="https://www.zeit.de/digital/datenschutz/2019-01/datenschutz-nick-couldry-datenkolonialismus-datenhandel/komplettansicht">https://www.zeit.de/digital/datenschutz/2019-01/datenschutz-nick-couldry-datenkolonialismus-datenhandel/komplettansicht</a>&#160;<a class="footnote-backref" href="#fnref:8" title="Jump back to footnote 8 in the text">&#8617;</a></p>
</li>
<li id="fn:9">
<p>Datensparsamkeit <a href="https://martinfowler.com/bliki/Datensparsamkeit.html">https://martinfowler.com/bliki/Datensparsamkeit.html</a>&#160;<a class="footnote-backref" href="#fnref:9" title="Jump back to footnote 9 in the text">&#8617;</a></p>
</li>
</ol>
</div>
</section>
<footer>
<ul class="footer-list">
<li>
May 2019
</li>
<li>
<a href="https://github.com/offen" title="Offen GitHub" target="_blank">GitHub</a>
</li>
<li>
<a href="mailto:mail@offen.dev" title="Offen Contact" target="_blank">Contact</a>
</li>
</ul>
</footer>
</div>
</body>
</html>

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 1.8 MiB

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 1.7 MiB

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 1.6 MiB

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -1,111 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="165"
height="102"
viewBox="0 0 43.656248 26.9875"
version="1.1"
id="svg876"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
sodipodi:docname="logo.svg">
<defs
id="defs870" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2.8284271"
inkscape:cx="17.025315"
inkscape:cy="35.503545"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
showguides="false"
units="px"
inkscape:window-width="1957"
inkscape:window-height="829"
inkscape:window-x="42"
inkscape:window-y="72"
inkscape:window-maximized="0" />
<metadata
id="metadata873">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-270.01246)">
<g
transform="matrix(0.93794678,0,0,0.93794678,0.15285618,18.564905)"
id="g1419"
inkscape:label="Layer 1"
style="fill:#f7bf08;fill-opacity:1">
<g
id="g1417"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:24.30451775px;line-height:1.25;font-family:'Caveat Brush';-inkscape-font-specification:'Caveat Brush, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#f7bf08;fill-opacity:1;stroke:none;stroke-width:0.60761291"
aria-label="offen">
<path
id="path1409"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:24.30451775px;font-family:'Caveat Brush';-inkscape-font-specification:'Caveat Brush, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#f7bf08;fill-opacity:1;stroke-width:0.60761291"
d="m 5.0254636,287.97574 q -0.1701317,-0.97218 -0.9478762,-0.89927 -0.4374813,0.0243 -0.7534401,0.58331 -0.4374813,0.85066 -0.3888723,2.21171 0.072914,1.33675 0.1944362,1.94436 0.1458271,0.58331 0.4860903,1.02079 0.1944362,0.34026 0.5833085,0.31596 0.6805265,0 0.9964852,-1.14231 l 0.1944361,-0.58331 q 0.1215226,-0.12152 0.048609,-0.24305 0.2430452,-0.60761 0.2673497,-1.43396 -0.2430452,-0.17014 -0.2916542,-0.31596 -0.1458272,-0.41318 -0.1458272,-0.55901 -0.1701316,-0.12152 -0.1944361,-0.46178 -0.024305,-0.34027 -0.048609,-0.43748 z m -4.44772678,2.28462 0.0972181,-1.23953 q 0.17013163,-1.67701 1.02078968,-2.86793 0.8263536,-0.99649 2.3332337,-1.02079 h 0.1458271 q 1.4096621,0 2.0415795,0.60761 0.6805265,0.5347 0.9964853,1.16662 0.3402632,0.63191 0.4374813,0.92357 0.097218,0.29165 0.1215226,0.85066 0.048609,1.04509 -0.4131768,1.19092 0.3402632,2.30893 -0.4131768,3.66998 -0.2430452,0.559 -0.704831,1.21523 -0.3402633,0.43748 -1.2152259,0.48609 -0.8749627,0 -1.5311846,-0.0972 -0.6319175,-0.0972 -1.4096621,-0.60761 -0.7777445,-0.5347 -1.09370324,-1.72562 -0.34026325,-1.14232 -0.41317681,-2.55198 z"
inkscape:connector-curvature="0" />
<path
id="path1411"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:24.30451775px;font-family:'Caveat Brush';-inkscape-font-specification:'Caveat Brush, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#f7bf08;fill-opacity:1;stroke-width:0.60761291"
d="m 15.447545,285.52098 0.48609,-0.0243 q 0.704831,0 2.284625,-0.31596 0.04861,-0.19444 0.04861,-0.43748 l 0.121522,-0.60762 q 0,-0.24304 0.145827,-0.87496 0,-0.31596 0.09722,-0.60761 0,-0.24305 0.07291,-0.63192 0.07291,-0.41318 0.121523,-0.89927 0.07291,-0.0972 0.07291,-0.29165 0.0243,-0.21874 0.09722,-0.46179 -0.656222,-0.14583 -1.482575,-0.19443 -1.118008,0.14582 -1.239531,0.26735 -0.534699,0.46178 -0.729135,0.80204 -0.218741,0.36457 -0.510395,1.19093 -0.121523,0.0486 -0.194436,0.38887 -0.04861,0.38887 -0.26735,0.97218 -0.170132,0.46178 -0.291654,1.0694 -0.121523,0.58331 -0.04861,0.70483 0.243045,0 0.388872,-0.0243 0.170132,-0.17013 0.826354,-0.0243 z m 4.909512,4.76369 q -0.07291,0.60761 -0.04861,0.72913 l -0.07291,0.5104 v 0.43748 q 0.04861,1.43396 0.09722,2.01727 0.121522,0.48609 0.121522,0.72914 0,0.43748 -0.680526,0.70483 -0.413177,0.17013 -0.923572,0.17013 -0.510395,0 -0.75344,-0.38887 l -0.170131,-0.58331 -0.09722,-0.559 -0.07291,-0.19444 q 0,-0.12152 -0.07291,-0.34026 l -0.04861,-0.68053 q 0,-0.58331 0.0243,-1.02079 v -0.17013 q 0,-0.0972 0.04861,-0.29166 0.07291,-0.19443 0.0243,-0.46178 0.145827,-1.23953 0.121523,-1.55549 0,-0.31596 0.04861,-0.65622 0.04861,-0.36457 0,-0.72914 0.121523,-0.43748 0.170132,-0.85066 -0.461786,-0.0243 -1.579794,0.0486 -1.215226,0.0729 -2.600583,0.34027 -0.09722,0.29165 -0.121523,0.68052 -0.02431,0.38887 -0.07291,0.99649 -0.04861,0.58331 -0.04861,0.87496 v 0.82635 q -0.07291,0.55901 -0.04861,0.72914 l -0.07291,0.51039 v 0.43749 q 0.04861,1.43396 0.09722,1.99297 0.121522,0.48609 0.121522,0.75344 0,0.41317 -0.680526,0.70483 -0.534699,0.14582 -0.996485,0.14582 -0.437482,0 -0.680527,-0.36456 l -0.170131,-0.58331 -0.09722,-0.58331 -0.07291,-0.19444 q 0,-0.0972 -0.07291,-0.31596 l -0.04861,-0.68052 q 0,-0.60761 0.02431,-1.02079 v -0.17013 q 0,-0.0972 0.04861,-0.29166 0.07291,-0.19443 0.0243,-0.48609 0.145828,-1.21522 0.121523,-1.55549 0,-0.34026 0.04861,-0.65622 0.04861,-0.34026 0,-0.70483 0.07291,-0.34026 0.09722,-0.38887 0.02431,-0.0729 0.07291,-0.46179 h -0.826354 q -0.5833083,0 -0.7291354,-0.0243 -0.704831,0 -0.8992672,-0.38887 -0.1458271,-0.41318 0.1944362,-0.92358 0.048609,-0.12152 0.4131768,-0.14582 0.5590036,0 1.9929706,-0.29166 0.04861,-0.19443 0.04861,-0.34026 l 0.121522,-0.85066 q 0,-0.21874 0.145828,-0.87496 0,-0.31596 0.09722,-0.60761 0,-0.21875 0.07291,-0.72914 0.194436,-0.99649 0.218741,-1.48258 0.170131,-0.31595 0.194436,-0.41317 -0.09722,-0.12153 0.07291,-0.34027 l 0.07291,-0.14582 q 0.04861,-0.29166 0.680527,-0.89927 l 0.631917,-0.36457 q 0.145827,-0.19443 1.166617,-0.51039 0.218741,-0.12153 0.923572,0.0972 0.07291,0.0243 0.413176,0 0.364568,-0.0243 0.559004,0.0486 0.194436,0.0729 0.26735,0.0729 l 0.559004,0.0729 q 1.118008,0.36457 1.604098,0.68053 0.145827,-0.24305 0.388872,-0.46179 0.243046,-0.24304 0.388873,-0.29165 l 0.437481,-0.29166 q 0.26735,-0.29165 1.093703,-0.46178 0.850658,-0.17013 1.458271,0.0243 0.315959,0 0.510395,0.0729 0.194436,0.0729 0.291654,0.0729 l 0.583309,0.0972 q 0.826353,0.34026 0.947876,0.5347 0.121523,0.17013 0.07291,0.34026 -0.291655,0.87496 -1.312444,0.72914 l -1.045095,0.0486 q -0.802049,0.29166 -1.142312,0.99649 -0.413177,0.60761 -0.559004,1.48258 -0.145827,0.85065 -0.218741,1.04509 -0.04861,0.19444 -0.121522,0.43748 -0.07291,0.17013 -0.170132,0.68053 -0.09722,0.48609 -0.0243,0.60761 0.243045,0 0.388872,-0.0243 0.170132,-0.17014 0.826354,-0.0243 l 0.48609,-0.0243 q 1.336748,0 1.628403,0.48609 0.170131,0.24304 -0.02431,0.60761 -0.170131,0.34026 -0.510395,0.46179 l -2.357538,0.29165 -0.75344,0.14583 q -0.121523,0.34026 -0.145827,0.80205 -0.02431,0.46178 -0.07291,0.97218 -0.04861,0.51039 -0.04861,0.77774 z"
inkscape:connector-curvature="0" />
<path
id="path1413"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:24.30451775px;font-family:'Caveat Brush';-inkscape-font-specification:'Caveat Brush, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#f7bf08;fill-opacity:1;stroke-width:0.60761291"
d="m 29.329981,286.22581 q -0.04861,-0.12152 -0.340263,-0.0972 -0.26735,0.0243 -0.413177,0.29166 -0.996485,1.57979 -1.069399,3.37832 0.826354,0.19444 1.409663,-0.72913 0.75344,-2.38184 0.413176,-2.84363 z m -1.895752,9.64889 -0.243045,-0.0486 -0.340263,-0.34027 q -0.145828,0 -0.218741,-0.12152 -0.26735,-0.31596 -0.972181,-1.26384 l -0.364568,-1.33674 q 0,-0.38888 -0.145827,-0.68053 -0.243045,-1.0937 -0.291654,-1.23953 -0.04861,-0.17013 -0.07291,-0.89927 0,-0.72913 0.07291,-1.0694 0.07291,-0.46178 0.899267,-2.28462 0.218741,-0.21874 0.26735,-0.58331 l 0.388872,-0.559 q 0.5347,-0.63192 1.142313,-0.92358 0,-0.0486 0.826353,-0.24304 0.170132,-0.0243 0.777745,0.12152 1.458271,0.34027 1.822839,0.85066 l 0.07291,0.12152 q 0.461786,0.65622 0.534699,2.01728 -0.07291,0.60761 -0.121522,1.02079 -0.04861,0.41317 -0.5347,1.50688 -0.364567,0.68052 -0.704831,1.0937 -0.534699,0.38887 -0.729135,0.38887 -0.09722,0.0486 -0.413177,0.0486 h -0.559004 q -0.07291,-0.0243 -0.315958,-0.0243 -0.243046,0 -0.704832,-0.12152 0,0.53469 0.291655,1.53118 0.315958,0.97218 0.510395,1.19092 0.510394,0.38887 0.802049,0.5104 0.291654,0.12152 0.777744,0.0486 0.486091,-0.0972 0.704831,-0.34026 l 0.631918,-0.77774 q 0.607613,-0.82636 1.23953,-0.14583 0.291654,0.31596 0.218741,0.63192 -0.04861,0.29165 -0.486091,1.19092 -0.364567,0.58331 -0.777744,0.97218 -0.75344,0.38887 -0.899267,0.38887 -0.218741,0.0243 -0.680527,-0.0729 -0.243045,0.12152 -0.826353,-0.0243 0,-0.0486 -0.145828,-0.0729 -0.121522,0 -0.340263,-0.0729 l 0.04861,-0.0243 q -0.04861,0 -0.291654,0 l -0.680526,-0.36457 z"
inkscape:connector-curvature="0" />
<path
id="path1415"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:24.30451775px;font-family:'Caveat Brush';-inkscape-font-specification:'Caveat Brush, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#f7bf08;fill-opacity:1;stroke-width:0.60761291"
d="m 39.755481,294.2463 -0.145827,-0.41318 -0.26735,-1.6284 q -0.121522,-0.46178 -0.121522,-0.82635 l 0.09722,-1.0694 q 0,-0.26735 0.0243,-0.29165 -0.291654,0 -0.874962,0.70483 -0.04861,0.0729 -0.145827,0.24304 -1.02079,1.6284 -1.215226,3.91303 -0.194436,0.41318 -0.510395,0.41318 -0.656222,-0.14583 -0.729136,-0.14583 l -0.170131,0.0243 h -0.315959 q -0.559004,-0.0486 -0.729136,-0.43748 -0.09722,-0.12152 -0.09722,-0.63192 v -0.34026 l -0.07291,-1.33675 v -1.99297 q 0,-0.34026 -0.04861,-0.85066 -0.04861,-0.559 -0.0243,-1.74992 0.0243,-1.21523 -0.0243,-1.28814 -0.04861,-0.0972 -0.04861,-0.24305 0,-0.14582 0.07291,-0.29165 0.07291,-0.14583 0.656222,-0.31596 0.315959,-0.19443 0.5347,-0.19443 0.340263,0.0729 0.874962,0.29165 0.364568,0.0729 0.364568,0.70483 0.04861,1.04509 0,1.50688 -0.0243,0.46179 0.0243,1.87145 1.798534,-3.45124 3.208196,-4.15607 0.121523,-0.12153 0.364568,-0.12153 0.243045,0 0.559004,0.24305 0.315958,0.24304 0.437481,0.31596 0.121523,0.0729 0.26735,0.24304 0.170131,0.17013 0.267349,0.21874 0.291655,0.48609 0.121523,2.28463 -0.0243,0.26735 -0.04861,0.48609 -0.0243,0.19443 -0.0243,0.87496 0,0.68053 0.0243,0.94788 0.07291,0.85066 0.07291,0.99648 l 0.121523,0.92357 q 0.243045,0.55901 0.243045,0.87497 0.0243,0.29165 0.437482,0.94787 0.170131,0.36457 -0.145828,0.58331 -0.48609,0.24305 -0.534699,0.19444 -0.0243,-0.0243 -0.26735,0.0486 -0.243045,0.0972 -0.874962,0.0486 -0.315959,-0.0729 -0.631918,-0.38888 l -0.364568,-0.36456 q -0.194436,-0.29166 -0.267349,-0.63192 -0.121523,-0.12152 -0.07291,-0.19444 z"
inkscape:connector-curvature="0" />
</g>
</g>
<g
id="layer1-3"
inkscape:label="Layer 1"
transform="matrix(0.11331872,0,0,0.11331872,26.188505,260.73811)"
style="fill:#f7bf08;fill-opacity:1">
<g
transform="translate(218.54583,-14.816667)"
id="g2026"
style="fill:#f7bf08;fill-opacity:1">
<path
inkscape:connector-curvature="0"
style="fill:#f7bf08;stroke:none;stroke-width:0.26458332;fill-opacity:1"
d="m -120.04445,102.97209 c -5.0673,0.66543 -10.2399,1.16046 -15.08125,2.98503 -2.31801,0.87365 -4.26772,2.46274 -6.34999,3.76872 -3.51923,2.20716 -7.21387,4.57359 -10.00549,7.69012 -2.6108,2.91412 -4.48281,6.69078 -5.88912,10.31478 -1.62676,4.19206 -3.09925,8.78682 -3.73967,13.22917 -0.28356,1.96691 -0.67048,3.79862 -0.42527,5.82083 0.81608,6.72942 5.2337,10.97518 11.06371,13.81972 3.54171,1.72826 6.56828,2.67626 10.58334,2.27462 1.42081,-0.14181 2.81384,-0.53525 4.23333,-0.70749 1.87536,-0.22728 4.01743,-0.25506 5.82083,-0.80936 1.24434,-0.38259 2.26563,-1.1483 3.43958,-1.6727 2.95858,-1.32186 5.8428,-2.55773 8.73125,-4.04416 3.32873,-1.71291 7.00353,-3.0681 10.05417,-5.28611 3.99865,-2.90724 7.14693,-7.86632 9.228667,-12.30577 0.713317,-1.52056 1.024732,-3.1533 1.46685,-4.7625 1.626129,-5.91978 2.2733,-12.1965 -0.201348,-17.99167 -1.131093,-2.64901 -2.927879,-4.60534 -4.937919,-6.61458 -1.36578,-1.36525 -2.77177,-2.72283 -4.49792,-3.63458 -1.97564,-1.04352 -4.44605,-1.36525 -6.61458,-1.74202 -2.29129,-0.39793 -4.5421,-0.6387 -6.87917,-0.33205 z"
id="path821" />
<path
inkscape:connector-curvature="0"
style="fill:#f7bf08;stroke:none;stroke-width:0.26458332;fill-opacity:1"
d="m -87.236113,107.73459 c 0.474398,1.6465 1.360752,3.16997 1.997869,4.7625 1.198033,2.99482 2.078567,6.08542 2.652448,9.26042 1.419489,7.8568 0.639498,16.54096 -2.008452,24.07708 -1.405467,4.00077 -3.471598,7.76896 -5.171811,11.64167 -2.696633,6.14283 -4.963847,12.4423 -10.699221,16.46105 -1.14141,0.79957 -2.46009,1.14618 -3.70417,1.73831 -3.53986,1.68461 -7.73456,3.34407 -11.64166,3.95579 -1.40256,0.2196 -2.8067,-0.31803 -4.23334,-0.11536 -5.20858,0.74057 -10.01156,1.84997 -15.34583,1.48431 -5.99202,-0.41063 -12.2256,-2.15688 -17.4625,-5.11545 -1.72863,-0.97658 -3.41312,-2.01745 -5.02708,-3.17606 -1.22248,-0.87762 -2.31032,-1.94257 -3.70417,-2.53259 1.00682,2.25901 3.10904,3.51393 4.71657,5.29272 3.65559,4.04522 7.32859,8.05763 11.42698,11.67501 4.2635,3.76343 8.24389,8.47804 13.75437,10.45686 3.38984,1.21735 6.7728,1.4605 10.31875,1.70339 2.95778,0.2024 6.02588,0.49265 8.99583,0.19553 5.61763,-0.56145 11.09213,-2.96202 16.139584,-5.34432 3.975629,-1.87669 7.875058,-3.67639 11.067521,-6.82731 5.699389,-5.62478 9.200091,-12.18565 12.162631,-19.53313 1.687777,-4.18544 3.258608,-8.4291 3.712104,-12.96458 0.295275,-2.9509 -0.153458,-6.31085 -0.438944,-9.26042 -0.582083,-6.01319 -1.859227,-11.61944 -4.24471,-17.19792 -1.382448,-3.23321 -3.267869,-6.14389 -4.823354,-9.26042 -1.415786,-2.83686 -3.098007,-5.42687 -5.031317,-7.9375 -0.985044,-1.27926 -1.917435,-2.72812 -3.408098,-3.43958 z"
id="path853" />
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 15 KiB

View File

@ -1,61 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Begin SEO tag -->
<title>Transparent web analytics | offen</title>
<meta property="og:locale" content="en" />
<meta name="description" content="offen is a free and open source analytics software for websites and web applications that allows respectful handling of data." />
<meta property="og:description" content="offen is a free and open source analytics software for websites and web applications that allows respectful handling of data." />
<meta property="og:site_name" content="offen" />
<!-- End SEO tag -->
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico">
<link rel="stylesheet" type="text/css" href="/css/style.css">
</head>
<body>
<div class="wrapper">
<header>
<a href="/" title="offen home page" alt="offen home page"><img src="/img/logo.svg" alt="offen logo" width="165" height="102" class="logo"></a>
</header>
<section>
<h2>
<strong>offen</strong> is a free and open source analytics software for websites and web applications that allows respectful handling of data.
</h2>
<p><strong>offen</strong> 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 <em>the users themselves are granted access to and ownership of their data</em>.</p>
<p>Usage metrics come with explanations about their meaning, relevance, usage and possible privacy implications. <strong>offen</strong> also details <em>which kind of data is not collected</em>. All data can be deleted selectively or in its entirety by the users, or the collection can be disabled altogether.</p>
<p><strong>offen</strong> treats both users and operators as parties of equal importance. Users can expect full transparency and are encouraged to make <em>autonomous and informed decisions regarding the use of their data</em>. Operators are enabled to gain insights while respecting their users' privacy and their data.</p>
<p><strong>offen</strong> is currently being conceptually designed and is applying for funds to sustain its development.</p>
<p><a href="/deepdive.html" class="btn">Deep dive</a></p>
</section>
<footer>
<ul class="footer-list">
<li>
May 2019
</li>
<li>
<a href="https://github.com/offen" title="Offen GitHub" target="_blank">GitHub</a>
</li>
<li>
<a href="mailto:mail@offen.dev" title="Offen Contact" target="_blank">Contact</a>
</li>
</ul>
</footer>
</div>
</body>
</html>

View File

@ -32,7 +32,7 @@ DEFAULT_PAGINATION = False
# added configs ---------------------------------------------- # added configs ----------------------------------------------
# THEME = '###' THEME = './theme'
# Delete the output directory before generating new files. # Delete the output directory before generating new files.
DELETE_OUTPUT_DIRECTORY = True DELETE_OUTPUT_DIRECTORY = True
@ -40,7 +40,7 @@ DELETE_OUTPUT_DIRECTORY = True
# List of templates that are used directly to render content. # List of templates that are used directly to render content.
# DIRECT_TEMPLATES = ['index','deepdive'] # DIRECT_TEMPLATES = ['index','deepdive']
# dont create following standart pages # dont create following standard pages
AUTHORS_SAVE_AS = None AUTHORS_SAVE_AS = None
ARCHIVES_SAVE_AS = None ARCHIVES_SAVE_AS = None
CATEGORIES_SAVE_AS = None CATEGORIES_SAVE_AS = None
@ -51,6 +51,5 @@ STATIC_PATHS = ['css', 'img', 'fonts']
# The default metadata you want to use for all articles and pages. # The default metadata you want to use for all articles and pages.
DEFAULT_METADATA = { DEFAULT_METADATA = {
'description': 'A brief description of your site', 'description': 'offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.'
'status': 'draft'
} }

2
requirements.txt Normal file
View File

@ -0,0 +1,2 @@
pelican==4.0.1
markdown==3.1.1

View File

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 1.8 MiB

View File

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 1.7 MiB

View File

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 1.6 MiB

View File

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -16,8 +16,8 @@
<!-- End SEO tag --> <!-- End SEO tag -->
<link rel="shortcut icon" type="image/x-icon" href="{{ SITEURL }}/img/favicon.ico"> <link rel="shortcut icon" type="image/x-icon" href="{{ SITEURL }}/theme/images/favicon.ico">
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/css/style.css"> <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/style.css">
</head> </head>
<body> <body>
@ -25,7 +25,7 @@
<div class="wrapper"> <div class="wrapper">
<header> <header>
<a href="/" title="offen home page" alt="offen home page"><img src="{{ SITEURL }}/img/logo.svg" alt="offen logo" width="165" height="102" class="logo"></a> <a href="/" title="offen home page" alt="offen home page"><img src="{{ SITEURL }}/theme/images/logo.svg" alt="offen logo" width="165" height="102" class="logo"></a>
</header> </header>
{% block content %}{% endblock %} {% block content %}{% endblock %}