clean up index related code

build/robots.txt.production

@@ -2,3 +2,5 @@ User-agent: *
 Disallow: /vault/
 Disallow: /auditorium/
 Disallow: /legal-notice/
+
+Sitemap: /sitemap.xml

homepage/content/pages/index.md

@@ -4,24 +4,10 @@ save_as: index.html
 template: index
 sitemap_priority: 1.0
 
-<div class="mw7 mw8-l center ph5-ns ph3">
+Offen is a web analytics software that gives users access to the data they are generating. Not only operators running sites or applications are given able to use the analytics tools, but also _the users themselves are granted access to and ownership of their data._
-<h2>Summary</h2>
-<article>
-<p>
-Offen is a web analytics software that gives users access to the data they are generating. Not only operators running sites or applications are given able to use the analytics tools, but also <em>the users themselves are granted access to and ownership of their data.</em>
-</p>
-<p>
-Usage metrics come with explanations about their meaning, relevance, usage and possible privacy implications. Offen also details <em>which kind of data is not collected.</em> All data can be deleted selectively or in its entirety by the users, or the collection can be disabled altogether.
-</p>
-<p>
-Offen treats both users and operators as parties of equal importance. Users can expect full transparency and are encouraged to make <em>autonomous and informed decisions regarding the use of their data.</em> Operators are enabled to gain insights while respecting their users' privacy and data.
-</p>
-<p>
-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 <em>visit the <a class="link b dim gray" href="/auditorium/">auditorium</a></em> to access your data.
-</p>
-<div class="mt3">
-  <a class="b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-yellow fnt-cclr-mid-yellow" href="/deep-dive/">Deep dive</a>
-</div>
-</article>
-</div>
 
+Usage metrics come with explanations about their meaning, relevance, usage and possible privacy implications. Offen also details _which kind of data is not collected._ All data can be deleted selectively or in its entirety by the users, or the collection can be disabled altogether.
+
+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](/auditorium/)_ to access your data.

homepage/pelicanconf.py

@@ -48,15 +48,15 @@ PLUGINS = ['decorate_content', 'assets']
 
 # maps any CSS selector to a list of classes to be added
 DECORATE_CONTENT = {
-'a': ['link', 'b', 'dim', 'gray'],
+    'a': ['link', 'b', 'dim', 'gray'],
-'h2': ['f25', 'ma0', 'mb3', 'light-silver'],
+    'h2': ['f25', 'ma0', 'mb3', 'light-silver'],
-'h3': ['f5', 'normal', 'mt4', 'ma0', 'mb3', 'fnt-cclr-mid-black'],
+    'h3': ['f5', 'normal', 'mt4', 'ma0', 'mb3', 'fnt-cclr-mid-black'],
-'h4': ['f5', 'normal', 'mt4', 'ma0', 'mb3'],
+    'h4': ['f5', 'normal', 'mt4', 'ma0', 'mb3'],
-'h5': ['ma0'],
+    'h5': ['ma0'],
-'h6': ['f5', 'lh-solid', 'normal', 'ma0', 'mb3', 'light-silver'],
+    'h6': ['f5', 'lh-solid', 'normal', 'ma0', 'mb3', 'light-silver'],
-'p': ['ma0', 'pb3'],
+    'p': ['ma0', 'pb3'],
-'blockquote': ['f5', 'i', 'ma0', 'ml4-ns', 'ml3'],
+    'blockquote': ['f5', 'i', 'ma0', 'ml4-ns', 'ml3'],
-'hr': ['mt5', 'mb3', 'b--black-05']
+    'hr': ['mt5', 'mb3', 'b--black-05']
 }
 
 GITHUB_ORG = 'https://github.com/offen'

homepage/theme/static/css/fix.css

@@ -5,30 +5,30 @@ COLORS
 .cclr-mid-yellow {
  background-color: #F7BF08;
 }
-.fnt-cclr-mid-yellow { 
+.fnt-cclr-mid-yellow {
   color: #F7BF08;
-} 
+}
-.brd-cclr-mid-yellow { 
+.brd-cclr-mid-yellow {
   border-color: #F7BF08;
-} 
+}
 .cclr-bright-yellow {
   background-color: #fde28c;
-} 
+}
 .cclr-mid-mint {
   background-color: #BBD9D3;
-} 
+}
 .cclr-mid-black {
   background-color: #39352A;
-} 
+}
-.fnt-cclr-mid-black { 
+.fnt-cclr-mid-black {
   color: #39352A;
-} 
+}
-.brd-cclr-mid-black { 
+.brd-cclr-mid-black {
   border-color: #39352A;
-} 
+}
 .cclr-dark-white {
   background-color: #f9f7f2;
-} 
+}
 
 
 /* ---------------------------------------------------
@@ -42,23 +42,15 @@ LAYOUT
   top: 0;
   right: 0;
 }
-article {
+.columns {
-  -webkit-column-count: 1;
+  column-count: 1;
-     -moz-column-count: 1;
-          column-count: 1;
 }
 /* Custom media query */
 @media only screen and (min-width: 60rem) {
-  article {
+  .columns {
-    -webkit-column-count: 2;
+    column-count: 2;
-       -moz-column-count: 2;
+    column-gap: 4em;
-            column-count: 2;
+    column-rule: 0.18rem solid rgba(0,0,0,.05);
-    -webkit-column-gap: 4em;
-       -moz-column-gap: 4em;
-            column-gap: 4em;
-    -webkit-column-rule: 0.18rem solid rgba(0,0,0,.05);
-       -moz-column-rule: 0.18rem solid rgba(0,0,0,.05);
-            column-rule: 0.18rem solid rgba(0,0,0,.05);
   }
 }
 /* Custom media query - extra small */
@@ -68,12 +60,12 @@ article {
   }
 }
 /* Custom Tachyons class */
-.w55 { 
+.w55 {
   width: 18.5rem;
 }
 /* Custom media query - extra small */
 @media only screen and (max-width: 30em) {
-  .w55 { 
+  .w55 {
     width: 100%;
   }
 }
@@ -91,7 +83,7 @@ body {
   overflow-wrap: break-word;
   overscroll-behavior: none;
   /* overscroll color */
-  background-color: #39352A; 
+  background-color: #39352A;
 }
 /* Custom Tachyons class */
 .f25 {
@@ -115,8 +107,8 @@ hr {
   margin-right: -1rem;
 }
 
-  
+
-  
+
 /* ---------------------------------------------------
 MENU
 ----------------------------------------------------*/

homepage/theme/static/extra/robots.txt

@@ -1,4 +0,0 @@
-User-agent: *
-Disallow:
-
-Sitemap: https://www.offen.dev/sitemap.xml

homepage/theme/templates/base.html

@@ -22,9 +22,9 @@
   <link rel="canonical" href="{{ SITEURL }}/{{ href }}">
   {% endif %}
   <link rel="shortcut icon" type="image/x-icon" href="/theme/images/favicon.ico">
-  <link rel="stylesheet" type="text/css" href="/theme/css/tachyons.min.css">
+  {% assets filters="postcss,cssmin", output="css/style.min.css", "css/tachyons.min.css", "css/fix.css", "css/fonts.css" %}
-  <link rel="stylesheet" type="text/css" href="/theme/css/fix.css">
+    <link rel="stylesheet" href="/{{ ASSET_URL }}">
-  <link rel="stylesheet" type="text/css" href="/theme/css/fonts.css">
+  {% endassets %}
   <link rel="preload" href="/theme//fonts/rubik-v9-latin-regular.woff2" as="font">
   <link rel="preload" href="/theme//fonts/rubik-v9-latin-500.woff2" as="font">
   {% if OFFEN_ACCOUNT_ID and not no_stats %}

homepage/theme/templates/index.html

@@ -71,10 +71,16 @@
       </div>
     </div>
   </div>
-  
+
   <div class="w-100 bg-white gray"> <!--content-index-->
     <div class="flex flex-wrap justify-center pt5 pb6">
-      {{ page.content }}
+      <div class="mw7 mw8-l center ph5-ns ph3">
+        <h2>Summary</h2>
+        <div class="columns mb3">
+          {{ page.content }}
+          <a class="b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-yellow fnt-cclr-mid-yellow" href="/deep-dive/">Deep dive</a>
+        </div>
+      </div>
     </div>
   </div>
 {% endblock %}