8 files changed, 34 insertions, 17 deletions

diff --git a/.jekyll-metadata b/.jekyll-metadata
index 9f950eb..41b0f90 100644
--- a/.jekyll-metadata
+++ b/.jekyll-metadata
diff --git a/_config.yml b/_config.yml
index 3fc8ed6..8029763 100644
--- a/_config.yml
+++ b/_config.yml
@@ -11,6 +11,7 @@ author: Mitja Felicijan
 description: Embedded systems developer and fanatical fan of science fiction
 twitter: "@mitjafelicijan"
 avatar: assets/avatar.gif
+cache_version: 20180806
 
 kramdown:
   auto_ids:      true
diff --git a/_includes/footer.html b/_includes/footer.html
index 991d710..1a38d57 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -7,3 +7,15 @@
         gtag('config', 'UA-12769079-10');
 </script>
 
+<!-- Responsive tables -->
+<script>
+        document.querySelectorAll('table').forEach(function(element) {
+                if (!element.classList.contains('rouge-table')) {
+                        let parent = element.parentNode;
+                        let wrapper = document.createElement('div');
+                        wrapper.classList.add('responsive-table');
+                        parent.replaceChild(wrapper, element);
+                        wrapper.appendChild(element);
+                }
+        });
+</script>
diff --git a/_layouts/index.html b/_layouts/index.html
index 47dce4f..5b98b35 100644
--- a/_layouts/index.html
+++ b/_layouts/index.html
@@ -14,22 +14,22 @@
 
                 <title>{{ page.title }}</title>
 
-                <link rel="stylesheet" href="/assets/highlight.css">
-                <link rel="stylesheet" href="/assets/site.css">
+                <link rel="stylesheet" href="/assets/highlight.css?ver={{ site.cache_version }}">
+                <link rel="stylesheet" href="/assets/site.css?ver={{ site.cache_version }}">
 
-                <link rel="icon" type="image/gif" href="/{{ site.avatar }}">
+                <link rel="icon" type="image/gif" href="/{{ site.avatar }}?ver={{ site.cache_version }}">
 
                 <meta name="og:url" content="https://mitjafelicijan.com">
                 <meta name="og:type" content="website">
                 <meta name="og:title" content="{{ site.title }}">
                 <meta name="og:description" content="{{ page.description }}">
-                <meta name="og:image" content="https://mitjafelicijan.com/{{ site.avatar }}">
+                <meta name="og:image" content="https://mitjafelicijan.com/{{ site.avatar }}?ver={{ site.cache_version }}">
 
                 <meta name="twitter:card" content="summary">
                 <meta name="twitter:site" content="{{ site.twitter }}">
                 <meta name="twitter:title" content="{{ site.title }}">
                 <meta name="twitter:description" content="{{ site.description }}">
-                <meta name="twitter:image" content="https://mitjafelicijan.com/{{ site.avatar }}">
+                <meta name="twitter:image" content="https://mitjafelicijan.com/{{ site.avatar }}?ver={{ site.cache_version }}">
 
         </head>
 
diff --git a/_layouts/page.html b/_layouts/page.html
index cf8a77b..ba7b5bd 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -14,22 +14,22 @@
 
                 <title>{{ page.title }}</title>
 
-                <link rel="stylesheet" href="/assets/highlight.css">
-                <link rel="stylesheet" href="/assets/site.css">
+                <link rel="stylesheet" href="/assets/highlight.css?ver={{ site.cache_version }}">
+                <link rel="stylesheet" href="/assets/site.css?ver={{ site.cache_version }}">
 
-                <link rel="icon" type="image/gif" href="/{{ site.avatar }}">
+                <link rel="icon" type="image/gif" href="/{{ site.avatar }}?ver={{ site.cache_version }}">
 
                 <meta name="og:url" content="https://mitjafelicijan.com/{{ page.slug }}">
                 <meta name="og:type" content="website">
                 <meta name="og:title" content="{{ page.title }}">
                 <meta name="og:description" content="{{ page.description }}">
-                <meta name="og:image" content="https://mitjafelicijan.com/{{ site.avatar }}">
+                <meta name="og:image" content="https://mitjafelicijan.com/{{ site.avatar }}?ver={{ site.cache_version }}">
 
                 <meta name="twitter:card" content="summary">
                 <meta name="twitter:site" content="{{ site.twitter }}">
                 <meta name="twitter:title" content="{{ page.title }}">
                 <meta name="twitter:description" content="{{ page.description }}">
-                <meta name="twitter:image" content="https://mitjafelicijan.com/{{ site.avatar }}">
+                <meta name="twitter:image" content="https://mitjafelicijan.com/{{ site.avatar }}?ver={{ site.cache_version }}">
 
         </head>
 
diff --git a/_layouts/post.html b/_layouts/post.html
index 05b2e5b..8deb771 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -14,22 +14,22 @@
 
                 <title>{{ page.title }}</title>
 
-                <link rel="stylesheet" href="/assets/highlight.css">
-                <link rel="stylesheet" href="/assets/site.css">
+                <link rel="stylesheet" href="/assets/highlight.css?ver={{ site.cache_version }}">
+                <link rel="stylesheet" href="/assets/site.css?ver={{ site.cache_version }}">
 
-                <link rel="icon" type="image/gif" href="/{{ site.avatar }}">
+                <link rel="icon" type="image/gif" href="/{{ site.avatar }}?ver={{ site.cache_version }}">
 
                 <meta name="og:url" content="https://mitjafelicijan.com/{{ page.slug }}">
                 <meta name="og:type" content="website">
                 <meta name="og:title" content="{{ page.title }}">
                 <meta name="og:description" content="{{ page.description }}">
-                <meta name="og:image" content="https://mitjafelicijan.com/{{ site.avatar }}">
+                <meta name="og:image" content="https://mitjafelicijan.com/{{ site.avatar }}?ver={{ site.cache_version }}">
 
                 <meta name="twitter:card" content="summary">
                 <meta name="twitter:site" content="{{ site.twitter }}">
                 <meta name="twitter:title" content="{{ page.title }}">
                 <meta name="twitter:description" content="{{ page.description }}">
-                <meta name="twitter:image" content="https://mitjafelicijan.com/{{ site.avatar }}">
+                <meta name="twitter:image" content="https://mitjafelicijan.com/{{ site.avatar }}?ver={{ site.cache_version }}">
 
         </head>
 
diff --git a/_posts/2018-08-05-the-bullshit-web-developments-pov.md b/_posts/2018-08-05-the-bullshit-web-developments-pov.md
index 867f260..318d6e6 100644
--- a/_posts/2018-08-05-the-bullshit-web-developments-pov.md
+++ b/_posts/2018-08-05-the-bullshit-web-developments-pov.md
@@ -13,6 +13,10 @@ description: State of front-end development and what this does to the future of
 - [Speed of development trumps code quality](#speed-of-development-trumps-code-quality)
 - [Load times of most popular websites](#load-times-of-most-popular-websites)
 
+```js
+console.log('asdasdasd')
+```
+
 ## Initial thoughts
 
 I have recently read an amazing essay by Nick Heer on the web called [The Bullshit Web](https://pxlnv.com/blog/bullshit-web/) and it got me thinking about the future of the web as it is today.
diff --git a/assets/site.css b/assets/site.css
index 72730b2..9f46ab1 100644
--- a/assets/site.css
+++ b/assets/site.css
@@ -145,9 +145,9 @@ table td {
         nav {
                 text-align: center
         }
-        table {
+        .responsive-table {
                 width: 100%;
-                overflow: auto;
+                overflow: scroll;
         }
 }