+
###### 12 Dec 2019, Hendrik Niefeld
-## Episode One — Laying the foundation for fair web analytics
+## [Episode One — Laying the foundation for fair web analytics](/blog/laying-foundation-for-fair-web-analytics)
Milestone 1 is completed. This is what we've achieved in the last six weeks.
---
diff --git a/homepage/pelicanconf.py b/homepage/pelicanconf.py
index d59ac56..062e7fb 100644
--- a/homepage/pelicanconf.py
+++ b/homepage/pelicanconf.py
@@ -48,14 +48,14 @@ PLUGINS = ['decorate_content', 'assets']
# maps any CSS selector to a list of classes to be added
DECORATE_CONTENT = {
+'a': ['link', 'b', 'dim', 'gray'],
'h2': ['f25', 'ma0', 'mb3', 'light-silver'],
'h3': ['f5', 'normal', 'mt4', 'ma0', 'mb3', 'fnt-cclr-mid-black'],
'h4': ['f5', 'normal', 'mt4', 'ma0', 'mb3'],
'h5': ['ma0'],
'h6': ['f5', 'lh-solid', 'normal', 'i', 'ma0', 'mb3', 'light-silver'],
'p': ['ma0', 'pb3'],
-'a': ['link', 'b', 'dim', 'gray'],
-'blockquote': ['f5', 'i', 'ma0', 'ml4'],
+'blockquote': ['f5', 'i', 'ma0', 'ml4-ns', 'ml3'],
'hr': ['mt5', 'mb3', 'b--black-05']
}
diff --git a/homepage/theme/static/css/fix.css b/homepage/theme/static/css/fix.css
index 711a2b2..a63e652 100644
--- a/homepage/theme/static/css/fix.css
+++ b/homepage/theme/static/css/fix.css
@@ -76,6 +76,10 @@ LAYOUT
/* ---------------------------------------------------
TYPO AND LAYOUT ELEMENTS
----------------------------------------------------*/
+/* Break long word on mobile */
+body {
+ overflow-wrap: break-word;
+}
/* Custom Tachyons class */
.f25 {
font-size: 1.9rem;
@@ -103,14 +107,14 @@ hr {
MENU
----------------------------------------------------*/
.nav-list {
- margin: 0 10px 40px 0;
+ margin: 0 0.7rem 0 0;
}
.nav-bar {
height: 4rem;
}
.icon {
position: absolute;
- padding: 12px 0 0 20px;
+ padding: 0.7rem 0 0 1.2rem;
float: left;
}
body.index .icon {
@@ -134,7 +138,7 @@ nav ul li {
nav ul li a,
nav ul li a:visited {
display: block;
- padding: 0 20px;
+ padding: 0 1.4rem;
line-height: 4rem;
text-decoration: none;
font-weight: 700;
@@ -147,15 +151,15 @@ nav ul li a:visited:hover {
}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
- padding-left: 4px;
+ padding-left: 0.4rem;
content: ' ▾';
}
nav ul li ul li {
- min-width: 150px;
+ min-width: 10rem;
}
nav ul li ul li a {
- padding: 15px;
- line-height: 20px;
+ padding: 1rem;
+ line-height: 1.5rem;
}
.nav-dropdown {
position: absolute;
@@ -172,9 +176,9 @@ nav ul li ul li a {
width: 4rem;
}
/* Mobile Styles */
-@media only screen and (max-width: 960px) {
+@media only screen and (max-width: 60rem) {
.nav-list {
- margin: 0 0 40px 0;
+ margin: 0;
}
.nav-mobile {
display: block;
@@ -191,15 +195,15 @@ nav ul li ul li a {
float: none;
}
nav ul li a {
- padding: 15px;
- line-height: 20px;
- padding-left: 25%;
+ padding: 1rem;
+ line-height: 1;
+ padding-left: 20%;
}
nav ul li ul li a {
padding-left: 30%;
}
nav ul li:last-child a {
- padding-bottom: 60px;
+ padding-bottom: 4rem;
}
nav ul li:last-child a {
box-shadow: 0px 7px 15px -6px rgba(57,53,42,0.2);
@@ -209,25 +213,24 @@ nav ul li ul li a {
}
}
/* Desktop Styles */
-@media screen and (min-width: 961px) {
+@media screen and (min-width: 60.1rem) {
.nav-list {
display: block !important;
}
}
#nav-toggle {
position: absolute;
- left: 18px;
- top: 22px;
+ left: 1rem;
+ top: 1rem;
cursor: pointer;
- padding: 12px 35px 16px 0px;
+ padding: 1rem 2rem 1rem 0;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
cursor: pointer;
- border-radius: 1px;
- height: 2px;
- width: 25px;
+ height: 0.1rem;
+ width: 1.6rem;
background: #39352A;
position: absolute;
display: block;
@@ -237,10 +240,10 @@ nav ul li ul li a {
*/
}
#nav-toggle span:before {
- top: -8px;
+ top: -0.5rem;
}
#nav-toggle span:after {
- bottom: -8px;
+ bottom: -0.5rem;
}
#nav-toggle.active span {
background-color: transparent;
diff --git a/homepage/theme/templates/archives.html b/homepage/theme/templates/archives.html
index 1017eeb..a44c4bc 100644
--- a/homepage/theme/templates/archives.html
+++ b/homepage/theme/templates/archives.html
@@ -1,18 +1,19 @@
{% extends "base.html" %}
-{% set title = 'Feed' %}
-{% set description = 'Description' %}
+{% set title = 'Fair analytics blog | Offen' %}
+{% set description = 'Developing Offen. A free and open source analytics software for websites and web applications that allows respectful handling of data.' %}
{% set href = 'blog/' %}
{% set no_stats = False %}
{% set template = 'archives' %}
+{% set is_article = 'true' %}
{% block content %}
{% for article in articles %}
{% if loop.index != 1 %}
- +
Development of Offen has just started. Do not hesitate to make a contribution and help us handle data with respect.
Get involved+
Offen is still in alpha. Discover what is already up and running and where we want to go in the coming months.
Project status+
We're working hard to ensure that Offen is independent, cutting-edge and can be sustained for years to come.
Support us diff --git a/homepage/theme/templates/index.html b/homepage/theme/templates/index.html index 0aa6952..dba787d 100644 --- a/homepage/theme/templates/index.html +++ b/homepage/theme/templates/index.html @@ -26,7 +26,7 @@