diff --git a/homepage/content/pages/index.md b/homepage/content/pages/index.md index 956b887..6dc23dc 100644 --- a/homepage/content/pages/index.md +++ b/homepage/content/pages/index.md @@ -2,6 +2,7 @@ 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. save_as: index.html href: / +template: index ## Summary diff --git a/homepage/theme/static/css/style.css b/homepage/theme/static/css/style.css index 49442d9..27e7e95 100644 --- a/homepage/theme/static/css/style.css +++ b/homepage/theme/static/css/style.css @@ -406,14 +406,13 @@ MENU .nav-bar { height: 70px; } -.brand, -.brand-index { +.brand { position: absolute; padding: 12px 0 0 20px; float: left; line-height: 70px; } -.brand-index { +body.index .brand { opacity: 0; } .nav-container { diff --git a/homepage/theme/static/scripts/fade.js b/homepage/theme/static/scripts/fade.js index 70e7e13..f4710a9 100644 --- a/homepage/theme/static/scripts/fade.js +++ b/homepage/theme/static/scripts/fade.js @@ -1,7 +1,8 @@ ;(function ($) { $(document).ready(function () { $(window).scroll(function () { - $('.brand-index').css('opacity', 0 + $(window).scrollTop() / 100) + var scrollProgress = parseInt($(window).scrollTop(), 10) + $('body.index .brand').css('opacity', Math.min(scrollProgress / 100, 1)) }) }) })(window.jQuery) diff --git a/homepage/theme/templates/auditorium.html b/homepage/theme/templates/auditorium.html new file mode 100644 index 0000000..1462aa3 --- /dev/null +++ b/homepage/theme/templates/auditorium.html @@ -0,0 +1,9 @@ +{% extends "base.html" %} + +{% block content %} +
+
+ {{ page.content }} +
+
+{% endblock %} diff --git a/homepage/theme/templates/base.html b/homepage/theme/templates/base.html index 698fbdf..a4f9247 100644 --- a/homepage/theme/templates/base.html +++ b/homepage/theme/templates/base.html @@ -1,7 +1,9 @@ - {% block title %}{% endblock %} + + {% block title %}{{ page.title }}{% endblock %} + @@ -18,22 +20,17 @@ {% assets filters="cssmin", output="css/style.min.css", "css/normalize.css", "css/fonts.css", "css/style.css" %} - + {% endassets %} {% if OFFEN_ACCOUNT_ID %} {% endif %} - - +
- {% if page.href == "/" %} -
- {% else %}
- {% endif %}
-
-
-
+ + + + - {% if page.href == "/" %} -
-
-
-
-
- offen logo -
-

- Transparent web analytics for operators and users -

-

- offen is a free and open source analytics software for websites and web applications that allows respectful handling of data. -

-
- Get involved -
-
-
+ {% block content %} +
+
+ {{ page.content }}
+ {% endblock %} -
-
+ {% block outro %} +
+

- Free & Open + Participate

- Anyone can audit our open source code to verify it works as intended. offen will always be available free of charge. + Development of offen has just started. Do not hesitate to make a contribution and help us handle data with respect.

+
+ Get involved +

- Fair & Secure + In the making

- Pay respect to your website visitors and gain insights as a user at the same time. All data is encrypted end-to-end. + This project is still in alpha. Discover what is already up and running and where we want to go in the coming months.

+
+ Project status +

- Easy to use + Good cause

- Simply paste our code into the source of your website. Users can visit the auditorium to access their data. + We're working hard to ensure that offen is independent, cutting-edge and can be sustained for years to come.

+
+ Support us +
- - -
-
-
-
-

- In the making -

-

- offen is still in alpha. Discover what is already up and running and where we want to go in the coming months. -

-
- Project status -
-
-
-
-
- {% endif %} - - {% if page.href == "/" %} -
- {% else %} -
- {% endif %} - {% if page.href == "/auditorium/operator/" or page.href == "/auditorium/user/" %} -
- {% else %} -
- {% endif %} - {% block content %}{% endblock %} -
-
- - {% if page.href != "/" %} -
-
-
-
-
-

- Participate -

-

- Development of offen has just started. Do not hesitate to make a contribution and help us handle data with respect. -

-
- Get involved -
-
-
-

- In the making -

-

- This project is still in alpha. Discover what is already up and running and where we want to go in the coming months. -

-
- Project status -
-
-
-

- Good cause -

-

- We're working hard to ensure that offen is independent, cutting-edge and can be sustained for years to come. -

-
- Support us -
-
-
-
-
-
- {% else %} -
-
-
-
-

- Good cause -

-

- We're working hard to ensure that offen is independent, cutting-edge and can be sustained for years to come. -

-
- Support us -
-
-
-
-
- {% endif %} + {% endblock %}
@@ -237,8 +135,9 @@
+ {% assets filters="rjsmin", output="scripts/packed.js", "scripts/jquery-3.4.1.min.js", "scripts/menu.js", "scripts/fade.js" %} - + {% endassets %} diff --git a/homepage/theme/templates/index.html b/homepage/theme/templates/index.html new file mode 100644 index 0000000..4cbd01d --- /dev/null +++ b/homepage/theme/templates/index.html @@ -0,0 +1,101 @@ +{% extends "base.html" %} + +{% block content %} +
+
+
+
+
+ offen logo +
+

+ Transparent web analytics for operators and users +

+

+ offen is a free and open source analytics software for websites and web applications that allows respectful handling of data. +

+
+ Get involved +
+
+
+
+
+ +
+
+
+
+
+

+ Free & Open +

+

+ Anyone can audit our open source code to verify it works as intended. offen will always be available free of charge. +

+
+
+

+ Fair & Secure +

+

+ Pay respect to your website visitors and gain insights as a user at the same time. All data is encrypted end-to-end. +

+
+
+

+ Easy to use +

+

+ Simply paste our code into the source of your website. Users can visit the auditorium to access their data. +

+
+
+
+
+
+ + +
+
+
+
+

+ In the making +

+

+ offen is still in alpha. Discover what is already up and running and where we want to go in the coming months. +

+
+ Project status +
+
+
+
+
+
+
+ {{ page.content }} +
+
+{% endblock %} + +{% block outro %} +
+
+
+
+

+ Good cause +

+

+ We're working hard to ensure that offen is independent, cutting-edge and can be sustained for years to come. +

+
+ Support us +
+
+
+
+
+{% endblock %} diff --git a/homepage/theme/templates/page.html b/homepage/theme/templates/page.html index f44b590..94d9808 100644 --- a/homepage/theme/templates/page.html +++ b/homepage/theme/templates/page.html @@ -1,13 +1 @@ {% extends "base.html" %} - - - -{% block content %} - {% block page_content %} - {{ page.content }} - {% endblock %} -{% endblock %}