offen/website
2
0
Fork 0
mirror of https://github.com/offen/website.git synced 2024-11-22 09:00:28 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #11 from offen/css-update

Browse Source 
update cards and layout
This commit is contained in:
Hendrik Niefeld 2019-10-27 08:34:07 +01:00 committed by GitHub
commit e81d57168f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 47 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
homepage/content/pages/404.md
View File

@ -1,5 +1,5 @@
Title: Page not found | offen
description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
description: This link isn’t working.
save_as: 404.html
href: /404.html
no_stats: true

4
homepage/content/pages/about.md
View File

@ -1,5 +1,5 @@
Title: About | offen
description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
description: Who we are, who supports us and how you can can get in touch.
save_as: about/index.html
href: /about/
@ -24,4 +24,4 @@ We are happy to work with [NLnet Foundation][nlnet-foundation]{: target="_blank"
*Feel free to contact us with any kind of feedback.* From criticism and praise to contributions or support, everything is welcome. Get in touch.
[hioffen@posteo.de](mailto:hioffen@posteo.de) [[GPG Key]](/theme/74B041E23DB29D552644CEB1B18C633D6967FE3F.asc){: target="_blank"}
[hioffen@posteo.de](mailto:hioffen@posteo.de) [[GPG Key]](/theme/74B041E23DB29D552644CEB1B18C633D6967FE3F.asc){: target="_blank"}

3
homepage/content/pages/deep-dive.md
View File

@ -1,7 +1,8 @@
Title: Deep dive | offen
description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
description: What do users know about their data? How can they access it? Do operators benefit from a careful handling of user data? Does offen work in accordance with GDPR?
save_as: deep-dive/index.html
href: /deep-dive/
sitemap_priority: 0.7
## Deep dive

3
homepage/content/pages/index.md
View File

@ -1,8 +1,9 @@
Title: Transparent web analytics for everyone | offen
description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
description: offen is a free and open source analytics software for websites and web applications. Users can access their data while the operators treat it with respect.
save_as: index.html
href: /
template: index
sitemap_priority: 1.0
## Summary

3
homepage/content/pages/legal-notice.md
View File

@ -1,7 +1,8 @@
Title: Legal Notice | offen
description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
description: Information in accordance with Section 5 TMG
save_as: legal-notice/index.html
href: /legal-notice/
exclude_from_sitemap: true
## Legal Notice

2
homepage/content/pages/opt-out.md
View File

@ -1,5 +1,5 @@
Title: Opt-out | offen
description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
description: Prevent offen from aggregating the actions you have taken on participating websites.
save_as: opt-out/index.html
exclude_from_sitemap: true

5
homepage/content/pages/status.md
View File

@ -1,8 +1,9 @@
Title: Status | offen
description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
Title: Project status | offen
description: How much headway has been made on individual tasks leading up to a stable version.
save_as: status/index.html
href: /status/
## Project status
### September 2019

50
homepage/theme/static/css/style.scss
View File

@ -11,6 +11,7 @@ $grey-mid: #898989;
$grey-bright: #D5D5D5;
$white: #FFF;
/* ---------------------------------------------------
BASICS
----------------------------------------------------*/
@ -73,13 +74,13 @@ LAYOUT & SPACER
}
/* Desktop Styles */
@media only screen and (min-width: 961px) {
.container-full {
padding: 60px 0 120px 0;
}
.container-reader {
width: 600px;
margin: 0 auto;
padding: 60px 20px 120px 20px;
}
.container-full {
padding: 60px 80px 120px 80px;
padding: 60px 0 120px 0;
}
.footer {
padding: 40px 40px 0 40px;
@ -87,11 +88,9 @@ LAYOUT & SPACER
}
/* Mobile Styles */
@media only screen and (min-width: 600px) and (max-width: 960px) {
.container-reader,
.container-full {
.container-reader {
width: 600px;
margin: 0 auto;
padding: 60px 20px 120px 20px;
}
}
@media only screen and (max-width: 960px) {
@ -128,10 +127,16 @@ CARDS
.card-deck,
.card,
.footer-card-deck {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card {
max-width: 300px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 280px;
color: $black-mid;
}
.card h2,
@ -148,15 +153,22 @@ CARDS
/* Mobile Styles */
@media only screen and (max-width: 960px) {
.card-deck,
.card,
.footer-card-deck {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.card-deck {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.card {
align-self: center;
margin: 0 auto;
}
.card:nth-child(2) {
margin: 100px 0 100px 0;
margin: 100px auto 100px auto;
}
.footer-card {
text-align: center;
@ -166,18 +178,22 @@ CARDS
@media only screen and (min-width: 961px) {
.card-deck,
.footer-card-deck {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.card {
flex-direction: column;
}
.card-deck {
justify-content: space-evenly;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.card:nth-child(2) {
margin: 0 40px 0 40px;
margin: 0 50px 0 50px;
}
.footer-card-deck {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-card:nth-child(1),
@ -196,13 +212,13 @@ CARDS
TYPO
----------------------------------------------------*/
body {
background-color: $white;
font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
word-wrap: break-word;
color: $grey-mid;
background-color: $black-mid; // overscroll color
}
h1,
h2 {

2
homepage/theme/templates/sitemap.html
View File

@ -4,7 +4,7 @@
{% if not page.exclude_from_sitemap %}
<url>
<loc>{{ SITEURL }}{{ page.href }}</loc>
<priority>{{ page.sitemap_priority or 1.0 }}</priority>
<priority>{{ page.sitemap_priority or 0.5 }}</priority>
</url>
{% endif %}
{% endfor %}