diff --git a/__pycache__/pelicanconf.cpython-36.pyc b/__pycache__/pelicanconf.cpython-36.pyc index 0baeb7c..43e5a84 100644 Binary files a/__pycache__/pelicanconf.cpython-36.pyc and b/__pycache__/pelicanconf.cpython-36.pyc differ diff --git a/content/index.md b/content/index.md deleted file mode 100644 index 5558034..0000000 --- a/content/index.md +++ /dev/null @@ -1,5 +0,0 @@ -Title: Welcome to My Site -URL: -save_as: index2.html - -Thank you for visiting. Welcome! diff --git a/content/pages/deepdive.md b/content/pages/deepdive.md new file mode 100644 index 0000000..dd99c7b --- /dev/null +++ b/content/pages/deepdive.md @@ -0,0 +1,8 @@ +Title: deepdive page +URL: +save_as: deepdive.html + +THIS IS THE DEEPDIVE PAGE + + +

Overview

diff --git a/content/pages/index.md b/content/pages/index.md new file mode 100644 index 0000000..0a952cf --- /dev/null +++ b/content/pages/index.md @@ -0,0 +1,15 @@ +Title: index page +URL: +save_as: index.html + + +__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 access to the *analytics tools,* but also the users themselves are granted access and *ownership regarding their data.* + +Usage *metrics come with explanations* about their meaning, relevance, usage and possible privacy implications. __offen__ also details which kind of data is *not collected.* All data can be deleted selectively or in its entirety by the users or its *recording can be disabled* altogether. + +__offen__ treats both users and operators as parties of *equal importance.* Users can expect full transparency and are encouraged to make *autonomous decisions* regarding the use of their data. Operators are enabled to *gain insights while dealing fairly* with user data. + +__offen__ is currently in the concept phase and is applying for various development funds. + + +Deep Dive diff --git a/output/css/style.css b/output/css/style.css new file mode 100644 index 0000000..fa07673 --- /dev/null +++ b/output/css/style.css @@ -0,0 +1,842 @@ +@font-face { + font-family: 'Noto Sans'; + font-weight: 400; + font-style: normal; + src: url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot"); + src: url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix") format("embedded-opentype"), local("Noto Sans"), local("Noto-Sans-regular"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2") format("woff2"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff") format("woff"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf") format("truetype"), url("../fonts/Noto-Sans-regular/Noto-Sans-regular.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; +} + +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; +} + +.footnotes { +color: #d5d5d5; +font-size: 14px; +margin: 60px 0 0 0; +} + +.footnotes 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; +} + +} + +} diff --git a/output/deepdive.html b/output/deepdive.html index 2747ea7..a57e6b1 100644 --- a/output/deepdive.html +++ b/output/deepdive.html @@ -2,7 +2,7 @@ - + – deepdive page @@ -20,13 +20,10 @@ offen is a free analysis software for websites and web applications that allows a fair handling of data. -THIS IS THE DEEP DIVE PAGE - +

THIS IS THE DEEPDIVE PAGE

Overview

- -