diff --git a/homepage/content/pages/index.md b/homepage/content/pages/index.md
index 549ff64..9c964c7 100644
--- a/homepage/content/pages/index.md
+++ b/homepage/content/pages/index.md
@@ -10,3 +10,7 @@ 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 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.
+
+
diff --git a/homepage/theme/static/images/logo.svg b/homepage/theme/static/images/logo.svg
deleted file mode 100644
index 8ccdf92..0000000
--- a/homepage/theme/static/images/logo.svg
+++ /dev/null
@@ -1,111 +0,0 @@
-
-
-
-
-
-
-
-
-
- image/svg+xml
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/homepage/theme/static/images/offen-logo-letters-only-grey.svg b/homepage/theme/static/images/offen-logo-letters-only-grey.svg
new file mode 100644
index 0000000..68264f8
--- /dev/null
+++ b/homepage/theme/static/images/offen-logo-letters-only-grey.svg
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/homepage/theme/static/images/offen-logo-letters-only-white.svg b/homepage/theme/static/images/offen-logo-letters-only-white.svg
new file mode 100644
index 0000000..02c4971
--- /dev/null
+++ b/homepage/theme/static/images/offen-logo-letters-only-white.svg
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/homepage/theme/templates/base.html b/homepage/theme/templates/base.html
index 28419f1..8b70dce 100644
--- a/homepage/theme/templates/base.html
+++ b/homepage/theme/templates/base.html
@@ -42,7 +42,7 @@
Status
- Auditorium
+ Auditorium
for Operators
@@ -70,9 +70,15 @@
{% if page.href == "/" %}
+
+
+
- offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
+ is a free and open source analytics software for websites and web applications that allows respectful handling of data.
+
@@ -83,6 +89,9 @@
{% endif %}
@@ -108,7 +117,9 @@
diff --git a/styles/index.css b/styles/index.css
index 1292975..04a2608 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -36,7 +36,6 @@ LAYOUT
}
.intro {
width: 100%;
- height: 400px;
margin: 70px 0 0 0;
background-color: var(--yellow-mid);
}
@@ -149,10 +148,6 @@ color: var(--grey-bright);
}
-
-
-
-
/* ---------------------------------------------------
TYPO ELEMENTS
----------------------------------------------------*/
@@ -164,9 +159,6 @@ hr {
margin: 80px 0 20px 0;
border-top: 1px solid var(--grey-bright);
}
-.intro h1 {
- color: var(--white);
-}
blockquote {
margin: 0;
padding: 0 0 0 20px;
@@ -174,7 +166,7 @@ blockquote {
border-left: 1px solid var(--grey-bright);
}
strong {
- font-weight: 700
+ font-weight: 700;
}
strong,
h1 strong,
@@ -185,16 +177,63 @@ h3 strong {
color: var(--black-mid);
}
em {
-background: linear-gradient(transparent 66%, var(--yellow-bright) 66%);
-font-style: normal;
+ background: linear-gradient(transparent 66%, var(--yellow-bright) 66%);
+ font-style: normal;
}
.footnote {
color: var(--grey-bright);
}
ol {
-padding-inline-start: 20px;
+ padding-inline-start: 20px;
}
+
+/* ---------------------------------------------------
+BUTTONS
+----------------------------------------------------*/
+.btn-wrapper {
+ margin: 40px 0 0 0;
+}
+.btn {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0px;
+ padding: 8px 30px;
+ text-align: center;
+ text-decoration: none;
+}
+.btn-color-yellow,
+.btn-color-yellow:visited,
+.btn-color-yellow:link,
+.btn-color-yellow:hover,
+.btn-color-yellow:active {
+ font-weight: 700;
+ background: var(--white);
+ color: var(--yellow-mid);
+ border: solid var(--yellow-mid) 5px;
+}
+.btn-color-yellow-black,
+.btn-color-yellow-black:visited,
+.btn-color-yellow-black:link,
+.btn-color-yellow-black:hover,
+.btn-color-yellow-black:active {
+ font-weight: 700;
+ background: var(--black-mid);
+ color: var(--yellow-mid);
+ border: solid var(--yellow-mid) 5px;
+}
+.btn-color-black,
+.btn-color-black:visited,
+.btn-color-black:link,
+.btn-color-black:hover,
+.btn-color-black:active {
+ font-weight: 700;
+ background: var(--yellow-mid);
+ color: var(--black-mid);
+ border: solid var(--black-mid) 5px;
+}
+
+
/* ---------------------------------------------------
MENU
----------------------------------------------------*/
@@ -209,7 +248,7 @@ MENU
}
.brand a,
.brand a:visited {
- color: var(--black-mid);;
+ color: var(--black-mid);
text-decoration: none;
}
.nav-container {
@@ -233,12 +272,12 @@ nav ul li a:visited {
padding: 0 20px;
line-height: 70px;
background: var(--yellow-mid);
- color: var(--black-mid);;
+ color: var(--black-mid);
text-decoration: none;
}
nav ul li a:hover,
nav ul li a:visited:hover {
- color: var(--black-mid);;
+ color: var(--black-mid);
}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
@@ -320,7 +359,7 @@ nav ul li ul li a {
border-radius: 1px;
height: 3px;
width: 35px;
- background: var(--black-mid);;
+ background: var(--black-mid);
position: absolute;
display: block;
content: '';
@@ -344,3 +383,8 @@ nav ul li ul li a {
#nav-toggle.active span:after {
transform: rotate(-45deg);
}
+
+
+/* ---------------------------------------------------
+IMAGES
+----------------------------------------------------*/