12 files changed, 55 insertions, 25 deletions

diff --git a/docs/index.html b/docs/index.html
index f26aa21..0b3e979 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -20,6 +20,7 @@
 
 
 <div class="posts">
+<div class="post">
 <div class=separator></div>
 <table>
 
@@ -27,7 +28,7 @@
     <tr>
         <td class=table-post>
             <div class="date">
-                31/12/19
+                31/12 — 2019
             </div>
             <a href="/posts/color_conundrum" class="post-link">
                 <span class="post-link">Color Conundrum</span>
@@ -44,7 +45,7 @@
     <tr>
         <td class=table-post>
             <div class="date">
-                23/11/19
+                23/11 — 2019
             </div>
             <a href="/posts/static_sites_with_bash" class="post-link">
                 <span class="post-link">Static Sites With Bash</span>
@@ -61,7 +62,7 @@
     <tr>
         <td class=table-post>
             <div class="date">
-                07/11/19
+                07/11 — 2019
             </div>
             <a href="/posts/my_setup" class="post-link">
                 <span class="post-link">My Setup</span>
@@ -78,7 +79,7 @@
     <tr>
         <td class=table-post>
             <div class="date">
-                12/10/19
+                12/10 — 2019
             </div>
             <a href="/posts/WPA_woes" class="post-link">
                 <span class="post-link">WPA Woes</span>
@@ -95,7 +96,7 @@
     <tr>
         <td class=table-post>
             <div class="date">
-                07/08/19
+                07/08 — 2019
             </div>
             <a href="/posts/bye_bye_BDFs" class="post-link">
                 <span class="post-link">Bye Bye BDFs</span>
@@ -112,7 +113,7 @@
     <tr>
         <td class=table-post>
             <div class="date">
-                02/08/19
+                02/08 — 2019
             </div>
             <a href="/posts/onivim_sucks" class="post-link">
                 <span class="post-link">Onivim Sucks</span>
@@ -129,7 +130,7 @@
     <tr>
         <td class=table-post>
             <div class="date">
-                31/07/19
+                31/07 — 2019
             </div>
             <a href="/posts/bash_harder_with_vim" class="post-link">
                 <span class="post-link">Bash Harder With Vim</span>
@@ -146,7 +147,7 @@
     <tr>
         <td class=table-post>
             <div class="date">
-                30/07/19
+                30/07 — 2019
             </div>
             <a href="/posts/hold_position!" class="post-link">
                 <span class="post-link">Hold Position!</span>
@@ -163,7 +164,7 @@
     <tr>
         <td class=table-post>
             <div class="date">
-                29/07/19
+                29/07 — 2019
             </div>
             <a href="/posts/get_better_at_yanking_and_putting_in_vim" class="post-link">
                 <span class="post-link">Get Better At Yanking And Putting In Vim</span>
@@ -189,6 +190,7 @@
     </a>
 </div>
 </div>
+</div>
 </body>
 </html>
 
diff --git a/docs/posts/WPA_woes/index.html b/docs/posts/WPA_woes/index.html
index e6bd108..a2adb2e 100644
--- a/docs/posts/WPA_woes/index.html
+++ b/docs/posts/WPA_woes/index.html
@@ -16,7 +16,7 @@
           <a href="/" class="post-end-link">⟵ Back</a>
           <div class="separator"></div>
           <div class="date">
-            12/10/19
+            12/10 — 2019
             <div class="stats">
               <span class="stats-number">
                 18.37
diff --git a/docs/posts/bash_harder_with_vim/index.html b/docs/posts/bash_harder_with_vim/index.html
index 3543f15..336bd04 100644
--- a/docs/posts/bash_harder_with_vim/index.html
+++ b/docs/posts/bash_harder_with_vim/index.html
@@ -16,7 +16,7 @@
           <a href="/" class="post-end-link">⟵ Back</a>
           <div class="separator"></div>
           <div class="date">
-            31/07/19
+            31/07 — 2019
             <div class="stats">
               <span class="stats-number">
                 24.37
diff --git a/docs/posts/bye_bye_BDFs/index.html b/docs/posts/bye_bye_BDFs/index.html
index 61b2aec..9031d8a 100644
--- a/docs/posts/bye_bye_BDFs/index.html
+++ b/docs/posts/bye_bye_BDFs/index.html
@@ -16,7 +16,7 @@
           <a href="/" class="post-end-link">⟵ Back</a>
           <div class="separator"></div>
           <div class="date">
-            07/08/19
+            07/08 — 2019
             <div class="stats">
               <span class="stats-number">
                 9.99
diff --git a/docs/posts/color_conundrum/index.html b/docs/posts/color_conundrum/index.html
index 7b842b6..1751e6a 100644
--- a/docs/posts/color_conundrum/index.html
+++ b/docs/posts/color_conundrum/index.html
@@ -16,7 +16,7 @@
           <a href="/" class="post-end-link">⟵ Back</a>
           <div class="separator"></div>
           <div class="date">
-            31/12/19
+            31/12 — 2019
             <div class="stats">
               <span class="stats-number">
                 14.39
diff --git a/docs/posts/get_better_at_yanking_and_putting_in_vim/index.html b/docs/posts/get_better_at_yanking_and_putting_in_vim/index.html
index d645f25..455a52e 100644
--- a/docs/posts/get_better_at_yanking_and_putting_in_vim/index.html
+++ b/docs/posts/get_better_at_yanking_and_putting_in_vim/index.html
@@ -16,7 +16,7 @@
           <a href="/" class="post-end-link">⟵ Back</a>
           <div class="separator"></div>
           <div class="date">
-            29/07/19
+            29/07 — 2019
             <div class="stats">
               <span class="stats-number">
                 10.78
diff --git a/docs/posts/hold_position!/index.html b/docs/posts/hold_position!/index.html
index 20ec125..d5478f6 100644
--- a/docs/posts/hold_position!/index.html
+++ b/docs/posts/hold_position!/index.html
@@ -16,7 +16,7 @@
           <a href="/" class="post-end-link">⟵ Back</a>
           <div class="separator"></div>
           <div class="date">
-            30/07/19
+            30/07 — 2019
             <div class="stats">
               <span class="stats-number">
                 9.18
diff --git a/docs/posts/my_setup/index.html b/docs/posts/my_setup/index.html
index 2fd9f16..b0baabc 100644
--- a/docs/posts/my_setup/index.html
+++ b/docs/posts/my_setup/index.html
@@ -16,7 +16,7 @@
           <a href="/" class="post-end-link">⟵ Back</a>
           <div class="separator"></div>
           <div class="date">
-            07/11/19
+            07/11 — 2019
             <div class="stats">
               <span class="stats-number">
                 10.39
diff --git a/docs/posts/onivim_sucks/index.html b/docs/posts/onivim_sucks/index.html
index 2d61cc4..123f17c 100644
--- a/docs/posts/onivim_sucks/index.html
+++ b/docs/posts/onivim_sucks/index.html
@@ -16,7 +16,7 @@
           <a href="/" class="post-end-link">⟵ Back</a>
           <div class="separator"></div>
           <div class="date">
-            02/08/19
+            02/08 — 2019
             <div class="stats">
               <span class="stats-number">
                 11.18
diff --git a/docs/posts/static_sites_with_bash/index.html b/docs/posts/static_sites_with_bash/index.html
index f374a2b..e03bf5f 100644
--- a/docs/posts/static_sites_with_bash/index.html
+++ b/docs/posts/static_sites_with_bash/index.html
@@ -16,7 +16,7 @@
           <a href="/" class="post-end-link">⟵ Back</a>
           <div class="separator"></div>
           <div class="date">
-            23/11/19
+            23/11 — 2019
             <div class="stats">
               <span class="stats-number">
                 21.17
diff --git a/docs/style.css b/docs/style.css
index fd7e37f..bdda208 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -30,10 +30,6 @@ html {
   font-size: 20px;
 }
 
-.posts {
-  width: 40%;
-}
-
 table {
   width: 100%;
   border-collapse: collapse;
@@ -52,8 +48,11 @@ td {
   padding: 0.5rem 0;
 }
 
-/* mobile devices */
-@media only screen and (max-width: 70em) {
+.posts {
+  width: 100%;
+}
+
+@media only screen and (min-width: 600px) {
   .posts {
     width: 100%;
   }
@@ -62,6 +61,33 @@ td {
   }
 }
 
+@media only screen and (min-width: 768px) {
+  .posts {
+    width: 80%;
+  }
+  html {
+    font-size: 18px;
+  }
+}
+
+@media only screen and (min-width: 992px) {
+  .posts {
+    width: 70%;
+  }
+  html {
+    font-size: 20px;
+  }
+}
+
+@media only screen and (min-width: 1200px) {
+  .posts {
+    width: 50%;
+  }
+  html {
+    font-size: 20px;
+  }
+}
+
 .posts {
   text-align: left;
   display: inline-block;
diff --git a/generate.sh b/generate.sh
index 103f2f9..2ba3fc9 100755
--- a/generate.sh
+++ b/generate.sh
@@ -70,6 +70,7 @@ echo "
 # begin posts
 echo "
 <div class=\"posts\">
+<div class=\"post\">
 <div class="separator"></div>
 <table>
 " >> docs/index.html
@@ -93,7 +94,7 @@ for f in $posts; do
     height="$(height $lines)"
 
     post_title=$(title_wrapper "$id")
-    post_date=$(date -r "$file" "+%d/%m/%y")
+    post_date=$(date -r "$file" "+%d/%m — %Y")
     post_link=$(link_wrapper "${id%.*}" "$post_title" "$post_date" "$r_time" "$height")
     echo -ne "$post_link" >> docs/index.html
 
@@ -123,6 +124,7 @@ echo "
     </a>
 </div>
 </div>
+</div>
 </body>
 </html>
 " >> docs/index.html