:style: style toots

main.js

@@ -10,9 +10,9 @@ var fs = require('fs');
 var listenPort = 8088;
 var jsonParsedLikes, jsonParsedOutbox;
 // const min_length = 1050; // filter only long toots
-const min_length = 500; // filter only long toots
-const max_toots = 100; // filter only long toots
-const filterBiggerTottsBeforeSlicing = true; // filter only long toots
+const min_length = 1; // filter only long toots
+const max_toots = 500; // filter only long toots
+const filterBiggerTottsBeforeSlicing = false; // filter only long toots
 const TemplateVars = {
   pageTitle       : 'Mastodon export converter to HTML',
   likes           : jsonParsedLikes,
@@ -50,9 +50,9 @@ fs.readFile('source_data/outbox.json',
 
     TemplateVars.outboxStatistics = masto_converter.conversion.makeStatsForToots(minchartoots);
 
-    const example = TemplateVars.outbox[5]['object'];
+    const example = TemplateVars.outbox[10]['object'];
     TemplateVars.example = example;
-    console.log('example', example)
+    console.log('example', example);
 
     fs.writeFile('output/statistics.json',  JSON.stringify(TemplateVars.outboxStatistics), errfileHandler );
   });

public/stylesheets/main.css

@@ -1,11 +1,24 @@
 body{
     background: #222;
     color: white;
+    padding: 1em 2em;
 }
 a{
    color: #5561ff;
 }
 .status{
-    background:
+    background: #111;
+    padding: 0.5em;
+    border-radius: 0.25em;
     border-bottom: 1px solid #42495c;
 }
+.date-published{
+    font-size: 0.5em;
+}
+.status .published{
+    padding-left: 2em;
+}
+.stats{
+    max-height: 15em;
+    overflow: auto;
+}

views/index.pug

@@ -31,6 +31,5 @@ html(lang="en")
           article
             div.status.status-public
               a(href=oredredItem['object'].url)="see"
-                div.published=oredredItem['object'].published
+              div.date-published=oredredItem['object'].published
               blockquote.published(unescaped!=oredredItem['object'].content)
-