Merge pull request #11 from offen/css-update

update cards and layout

homepage/content/pages/404.md

@@ -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

homepage/content/pages/about.md

@@ -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"}

homepage/content/pages/deep-dive.md

@@ -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
 

homepage/content/pages/index.md

@@ -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
 

homepage/content/pages/legal-notice.md

@@ -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
 

homepage/content/pages/opt-out.md

@@ -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
 

homepage/content/pages/status.md

@@ -1,8 +1,9 @@
-Title: Status | offen
+Title: Project status | offen
-description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
+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

homepage/theme/static/css/style.scss

@@ -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;
+    padding: 60px 0 120px 0;
-  }
-  .container-full {
-    padding: 60px 80px 120px 80px;
   }
   .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-reader {
-  .container-full {
     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 {

homepage/theme/templates/sitemap.html

@@ -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 %}