8 files changed, 76 insertions, 23 deletions

diff --git a/.jekyll-metadata b/.jekyll-metadata
index 783c51a..09cbbe5 100644
--- a/.jekyll-metadata
+++ b/.jekyll-metadata
diff --git a/.jsbeautifyrc b/.jsbeautifyrc
index bf1d1da..5d90dea 100644
--- a/.jsbeautifyrc
+++ b/.jsbeautifyrc
@@ -16,14 +16,14 @@
         },
         "css": {
                 "allowed_file_extensions": ["css", "scss", "sass", "less"],
-                "end_with_newline": false,
+                "end_with_newline": true,
                 "indent_char": " ",
                 "indent_size": 4,
-                "indent_with_tabs": false,
-                "newline_between_rules": false,
+                "indent_with_tabs": true,
+                "newline_between_rules": true,
                 "selector_separator": " ",
-                "selector_separator_newline": false,
-                "preserve_newlines": true,
+                "selector_separator_newline": true,
+                "preserve_newlines": false,
                 "max_preserve_newlines": 10
         },
         "js": {
diff --git a/_drafts/2018-08-10-test.md b/_drafts/2018-08-10-test.md
deleted file mode 100644
index 5b5776a..0000000
--- a/_drafts/2018-08-10-test.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-layout: post
-title: Software development and my favorite pitfalls
-description: Couple of observations regarding project management.
----
-
-**Table of contents**
-
-- [Initial thoughts22](#initial-thoughts22)
-
-## Initial thoughts22
-
-Over the years I had privilege to work on some very.
-
-asda
diff --git a/_includes/site.css b/_includes/site.css
index 9a9eb05..fa9230b 100644
--- a/_includes/site.css
+++ b/_includes/site.css
@@ -114,6 +114,17 @@ table td {
         padding: 5px 10px;
 }
 
+summary {
+        outline: none;
+        cursor: pointer;
+        font-weight: 600;
+        user-select: none;
+}
+
+details .highlighter-rouge {
+        margin-top: 10px !important;
+}
+
 .highlighter-rouge {
         padding: 0 15px;
         font-size: 80%;
@@ -140,11 +151,13 @@ table td {
         body {
                 padding: 0 20px;
         }
+
         footer,
         header,
         nav {
                 text-align: center;
         }
+
         .responsive-table {
                 width: 100%;
                 overflow: scroll;
@@ -155,6 +168,7 @@ table td {
         @page {
                 margin: 2cm;
         }
+
         header,
         nav,
         .comments {
diff --git a/_includes/site.min.css b/_includes/site.min.css
index 0a10107..6fd8932 100644
--- a/_includes/site.min.css
+++ b/_includes/site.min.css
@@ -1 +1 @@
-*{box-sizing:border-box}body{font-family:'Times New Roman',Times,serif;font-size:16px;line-height:1.8;color:#000;margin:0;padding:0 0 50px}article,footer,header,main,nav{max-width:700px;margin:0 auto}header,main ul{margin-top:30px}header a,nav ul li a{text-decoration:none}header a{font-size:150%;font-weight:700;color:#000}nav ul{margin-top:10px;padding:0}nav ul li{display:inline-block}nav ul li a{color:#444;font-size:85%;margin-right:10px}h1{font-size:200%}h2{font-size:160%}h3{font-size:140%}h4{font-size:120%}article img{max-width:100%;display:block}time{display:block;font-size:85%;color:#444}ul{list-style-type:square}main ul{padding:0 20px}main ul li{margin-bottom:10px}main ul div{font-size:116%}blockquote{margin:40px 0 40px 20px;border-left:5px solid #eee;padding:5px 0 10px 20px}.highlighter-rouge,table,table td,table th{border:2px solid #f1f1f1}table{width:100%;border-collapse:collapse;border-spacing:0}table td,table th{text-align:left;padding:5px 10px}.highlighter-rouge{padding:0 15px;font-size:80%;overflow:auto}.highlighter-rouge table,.highlighter-rouge table td{border:0!important}::selection{background:#ff0;color:#000}::-moz-selection{background:#ff0;color:#000}@media only screen and (max-width:768px){body{padding:0 20px}footer,header,nav{text-align:center}.responsive-table{width:100%;overflow:scroll}}@media print{@page{margin:2cm}.comments,header,nav{display:none}}
\ No newline at end of file
+*{box-sizing:border-box}body{font-family:'Times New Roman',Times,serif;font-size:16px;line-height:1.8;color:#000;margin:0;padding:0 0 50px}article,footer,header,main,nav{max-width:700px;margin:0 auto}header,main ul{margin-top:30px}header a,nav ul li a{text-decoration:none}header a{font-size:150%;font-weight:700;color:#000}nav ul{margin-top:10px;padding:0}nav ul li{display:inline-block}nav ul li a{color:#444;font-size:85%;margin-right:10px}h1{font-size:200%}h2{font-size:160%}h3{font-size:140%}h4{font-size:120%}article img{max-width:100%;display:block}time{display:block;font-size:85%;color:#444}ul{list-style-type:square}main ul{padding:0 20px}main ul li{margin-bottom:10px}main ul div{font-size:116%}blockquote{margin:40px 0 40px 20px;border-left:5px solid #eee;padding:5px 0 10px 20px}.highlighter-rouge,table,table td,table th{border:2px solid #f1f1f1}table{width:100%;border-collapse:collapse;border-spacing:0}table td,table th{text-align:left;padding:5px 10px}summary{outline:0;cursor:pointer;font-weight:600;user-select:none}details .highlighter-rouge{margin-top:10px!important}.highlighter-rouge{padding:0 15px;font-size:80%;overflow:auto}.highlighter-rouge table,.highlighter-rouge table td{border:0!important}::selection{background:#ff0;color:#000}::-moz-selection{background:#ff0;color:#000}@media only screen and (max-width:768px){body{padding:0 20px}footer,header,nav{text-align:center}.responsive-table{width:100%;overflow:scroll}}@media print{@page{margin:2cm}.comments,header,nav{display:none}}
\ No newline at end of file
diff --git a/_layouts/page.html b/_layouts/page.html
index 7e38ee9..a5d132d 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -11,7 +11,7 @@
                 <meta name="theme-color" content="{{ site.theme_color }}">
                 <meta name="author" content="{{ site.author }}">
                 <meta name="description" content="{{ page.description }}">
-                
+
                 <meta name="google-site-verification" content="EwUGW1WlCkRIQuyQ9AE1-bLitWthw-eVMZFTAMZVZaA">
 
                 <title>{{ page.title }}</title>
@@ -56,3 +56,4 @@
         </body>
 
 </html>
+
diff --git a/assets/site.min.css b/assets/site.min.css
index 0a10107..6fd8932 100644
--- a/assets/site.min.css
+++ b/assets/site.min.css
@@ -1 +1 @@
-*{box-sizing:border-box}body{font-family:'Times New Roman',Times,serif;font-size:16px;line-height:1.8;color:#000;margin:0;padding:0 0 50px}article,footer,header,main,nav{max-width:700px;margin:0 auto}header,main ul{margin-top:30px}header a,nav ul li a{text-decoration:none}header a{font-size:150%;font-weight:700;color:#000}nav ul{margin-top:10px;padding:0}nav ul li{display:inline-block}nav ul li a{color:#444;font-size:85%;margin-right:10px}h1{font-size:200%}h2{font-size:160%}h3{font-size:140%}h4{font-size:120%}article img{max-width:100%;display:block}time{display:block;font-size:85%;color:#444}ul{list-style-type:square}main ul{padding:0 20px}main ul li{margin-bottom:10px}main ul div{font-size:116%}blockquote{margin:40px 0 40px 20px;border-left:5px solid #eee;padding:5px 0 10px 20px}.highlighter-rouge,table,table td,table th{border:2px solid #f1f1f1}table{width:100%;border-collapse:collapse;border-spacing:0}table td,table th{text-align:left;padding:5px 10px}.highlighter-rouge{padding:0 15px;font-size:80%;overflow:auto}.highlighter-rouge table,.highlighter-rouge table td{border:0!important}::selection{background:#ff0;color:#000}::-moz-selection{background:#ff0;color:#000}@media only screen and (max-width:768px){body{padding:0 20px}footer,header,nav{text-align:center}.responsive-table{width:100%;overflow:scroll}}@media print{@page{margin:2cm}.comments,header,nav{display:none}}
\ No newline at end of file
+*{box-sizing:border-box}body{font-family:'Times New Roman',Times,serif;font-size:16px;line-height:1.8;color:#000;margin:0;padding:0 0 50px}article,footer,header,main,nav{max-width:700px;margin:0 auto}header,main ul{margin-top:30px}header a,nav ul li a{text-decoration:none}header a{font-size:150%;font-weight:700;color:#000}nav ul{margin-top:10px;padding:0}nav ul li{display:inline-block}nav ul li a{color:#444;font-size:85%;margin-right:10px}h1{font-size:200%}h2{font-size:160%}h3{font-size:140%}h4{font-size:120%}article img{max-width:100%;display:block}time{display:block;font-size:85%;color:#444}ul{list-style-type:square}main ul{padding:0 20px}main ul li{margin-bottom:10px}main ul div{font-size:116%}blockquote{margin:40px 0 40px 20px;border-left:5px solid #eee;padding:5px 0 10px 20px}.highlighter-rouge,table,table td,table th{border:2px solid #f1f1f1}table{width:100%;border-collapse:collapse;border-spacing:0}table td,table th{text-align:left;padding:5px 10px}summary{outline:0;cursor:pointer;font-weight:600;user-select:none}details .highlighter-rouge{margin-top:10px!important}.highlighter-rouge{padding:0 15px;font-size:80%;overflow:auto}.highlighter-rouge table,.highlighter-rouge table td{border:0!important}::selection{background:#ff0;color:#000}::-moz-selection{background:#ff0;color:#000}@media only screen and (max-width:768px){body{padding:0 20px}footer,header,nav{text-align:center}.responsive-table{width:100%;overflow:scroll}}@media print{@page{margin:2cm}.comments,header,nav{display:none}}
\ No newline at end of file
diff --git a/learn/python-0001.md b/learn/python-0001.md
new file mode 100644
index 0000000..6ff91c9
--- /dev/null
+++ b/learn/python-0001.md
@@ -0,0 +1,53 @@
+---
+layout: page
+title: Learn Python by working on a project
+description: Couple of observations regarding project management.
+---
+
+Application will fetch and cache Flickr feed and in the second phase display these images on a webpage.
+
+Categories: Python, Bottlepy, SQLite3, RSS
+
+**Table of contents**
+
+- [Prepare environment](#prepare-environment)
+- [sdfsd](#sdfsd)
+
+#### Prepare environment
+
+Over the years I had privilege to work on some very.
+
+```go
+package main
+
+func dummy_benchmark() {
+  fmt.Println("sencond set ...")
+  for i := 0; i < 9182312232; i++ {
+    i *= 2
+    i /= 2
+  }
+}
+```
+#### sdfsd
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mollis tempus sodales. Nulla sit amet laoreet ligula. Quisque fermentum auctor congue. Nulla dignissim enim neque, efficitur commodo enim condimentum iaculis.
+
+```css
+body {
+  text-align: center;
+}
+```
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mollis tempus sodales. Nulla sit amet laoreet ligula. Quisque fermentum auctor congue. Nulla dignissim enim neque, efficitur commodo enim condimentum iaculis.
+
+
+<script>
+        // auto encloses all code blocks into details in case of tutorials
+        document.querySelectorAll('*[class^="language-"]').forEach(function(snippet, idx) {
+                let details = document.createElement('details');
+                let summary = document.createElement('summary');
+                summary.innerText = 'Show solution';
+                details.appendChild(summary);
+                details.appendChild(snippet.cloneNode(true));
+                snippet.parentNode.replaceChild(details, snippet);
+        });
+</script>