Add the year in the articles date circle

This will prevent confusion around very old articles.

1 files changed, 41 insertions, 41 deletions

diff --git a/articles/index.html b/articles/index.html
index 2506ac0a..5867703d 100644
--- a/articles/index.html
+++ b/articles/index.html
@@ -10,7 +10,7 @@
     <title>Nine Nines: Articles</title>
 
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic' rel='stylesheet' type='text/css'>
-    <link href="/css/99s.css?r=1" rel="stylesheet">
+    <link href="/css/99s.css?r=2" rel="stylesheet">
 
     <link rel="shortcut icon" href="/img/ico/favicon.ico">
     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/ico/apple-touch-icon-114.png">
@@ -69,8 +69,8 @@
 		<header>
 			<h2><a href="https://ninenines.eu/articles/gun-1.0.0/">Gun 1.0</a></h2>
 			<p class="date">
-				<span class="day">27</span>
-				<span class="month">Jul</span>
+				<span class="year">2018</span>
+				<span class="day-month">27 Jul</span>
 			</p>
 		</header>
 
@@ -88,8 +88,8 @@ Gun has existed for many years as the test client for Cowboy and is now mature e
 		<header>
 			<h2><a href="https://ninenines.eu/articles/asciideck/">Asciideck: Asciidoc for Erlang</a></h2>
 			<p class="date">
-				<span class="day">13</span>
-				<span class="month">Jun</span>
+				<span class="year">2018</span>
+				<span class="day-month">13 Jun</span>
 			</p>
 		</header>
 
@@ -105,8 +105,8 @@ The Asciideck parser returns an AST for the document. That AST can be further ma
 		<header>
 			<h2><a href="https://ninenines.eu/articles/gun-1.0.0-rc.1/">Gun 1.0 release candidate 1</a></h2>
 			<p class="date">
-				<span class="day">04</span>
-				<span class="month">Jun</span>
+				<span class="year">2018</span>
+				<span class="day-month">04 Jun</span>
 			</p>
 		</header>
 
@@ -124,8 +124,8 @@ Gun has existed for many years as the test client for Cowboy and is now mature e
 		<header>
 			<h2><a href="https://ninenines.eu/articles/cowboy-2.4.0/">Cowboy 2.4</a></h2>
 			<p class="date">
-				<span class="day">02</span>
-				<span class="month">May</span>
+				<span class="year">2018</span>
+				<span class="day-month">02 May</span>
 			</p>
 		</header>
 
@@ -142,8 +142,8 @@ Experimental support for Websocket over HTTP/2 was added. Note that browsers do
 		<header>
 			<h2><a href="https://ninenines.eu/articles/cowboy-2.3.0/">Cowboy 2.3</a></h2>
 			<p class="date">
-				<span class="day">04</span>
-				<span class="month">Apr</span>
+				<span class="year">2018</span>
+				<span class="day-month">04 Apr</span>
 			</p>
 		</header>
 
@@ -162,8 +162,8 @@ As usual, feedback is appreciated, and issues should be reported by opening a ti
 		<header>
 			<h2><a href="https://ninenines.eu/articles/cowboy-2.2.0/">Cowboy 2.2</a></h2>
 			<p class="date">
-				<span class="day">13</span>
-				<span class="month">Dec</span>
+				<span class="year">2017</span>
+				<span class="day-month">13 Dec</span>
 			</p>
 		</header>
 
@@ -180,8 +180,8 @@ The cowboy_req:stream_trailers/2 function has been added. It terminates the stre
 		<header>
 			<h2><a href="https://ninenines.eu/articles/cowboy-2.1.0/">Cowboy 2.1</a></h2>
 			<p class="date">
-				<span class="day">09</span>
-				<span class="month">Nov</span>
+				<span class="year">2017</span>
+				<span class="day-month">09 Nov</span>
 			</p>
 		</header>
 
@@ -198,8 +198,8 @@ The client TLS certificate can now be obtained.  The 100 Continue response is no
 		<header>
 			<h2><a href="https://ninenines.eu/articles/cowboy-2.0.0/">Cowboy 2.0</a></h2>
 			<p class="date">
-				<span class="day">04</span>
-				<span class="month">Oct</span>
+				<span class="year">2017</span>
+				<span class="day-month">04 Oct</span>
 			</p>
 		</header>
 
@@ -217,8 +217,8 @@ HTTP/2 support!  Websocket compression!  Much simpler, cleaner interface. No mor
 		<header>
 			<h2><a href="https://ninenines.eu/articles/cowboy-2.0.0-rc.2/">Cowboy 2.0 release candidate 2</a></h2>
 			<p class="date">
-				<span class="day">23</span>
-				<span class="month">Aug</span>
+				<span class="year">2017</span>
+				<span class="day-month">23 Aug</span>
 			</p>
 		</header>
 
@@ -236,8 +236,8 @@ HTTP/2 server push was using the wrong header compression context.  HTTP/2 flow
 		<header>
 			<h2><a href="https://ninenines.eu/articles/cowboy-2.0.0-rc.1/">Cowboy 2.0 release candidate 1</a></h2>
 			<p class="date">
-				<span class="day">24</span>
-				<span class="month">Jul</span>
+				<span class="year">2017</span>
+				<span class="day-month">24 Jul</span>
 			</p>
 		</header>
 
@@ -254,8 +254,8 @@ The plan is to have a new RC version every couple weeks until the summer ends or
 		<header>
 			<h2><a href="https://ninenines.eu/articles/the-elephant-in-the-room/">The elephant in the room</a></h2>
 			<p class="date">
-				<span class="day">26</span>
-				<span class="month">Mar</span>
+				<span class="year">2017</span>
+				<span class="day-month">26 Mar</span>
 			</p>
 		</header>
 
@@ -271,8 +271,8 @@ You lost them. You know you lost them. They comment on the syntax, or perhaps yo
 		<header>
 			<h2><a href="https://ninenines.eu/articles/dont-let-it-crash/">Don&#39;t let it crash</a></h2>
 			<p class="date">
-				<span class="day">22</span>
-				<span class="month">Jan</span>
+				<span class="year">2017</span>
+				<span class="day-month">22 Jan</span>
 			</p>
 		</header>
 
@@ -288,8 +288,8 @@ The general pattern behind writing only for the happy path, letting the VM catch
 		<header>
 			<h2><a href="https://ninenines.eu/articles/cowboy-2.0.0-pre.4/">Cowboy 2.0 pre-release 4</a></h2>
 			<p class="date">
-				<span class="day">03</span>
-				<span class="month">Jan</span>
+				<span class="year">2017</span>
+				<span class="day-month">03 Jan</span>
 			</p>
 		</header>
 
@@ -307,8 +307,8 @@ A new architecture: there now is one process per connection and one process per
 		<header>
 			<h2><a href="https://ninenines.eu/articles/ranch-1.3/">Ranch 1.3</a></h2>
 			<p class="date">
-				<span class="day">28</span>
-				<span class="month">Nov</span>
+				<span class="year">2016</span>
+				<span class="day-month">28 Nov</span>
 			</p>
 		</header>
 
@@ -326,8 +326,8 @@ The ranch:info/0 and ranch:procs/2 can be used to retrieve information about Ran
 		<header>
 			<h2><a href="https://ninenines.eu/articles/ml-archives/">Mailing list archived</a></h2>
 			<p class="date">
-				<span class="day">29</span>
-				<span class="month">Aug</span>
+				<span class="year">2016</span>
+				<span class="day-month">29 Aug</span>
 			</p>
 		</header>
 
@@ -345,8 +345,8 @@ Prefer tickets; often when people have issues it highlights an underlying proble
 		<header>
 			<h2><a href="https://ninenines.eu/articles/website-update/">Website update</a></h2>
 			<p class="date">
-				<span class="day">02</span>
-				<span class="month">Apr</span>
+				<span class="year">2016</span>
+				<span class="day-month">02 Apr</span>
 			</p>
 		</header>
 
@@ -363,8 +363,8 @@ I am very happy with that new setup.</p>
 		<header>
 			<h2><a href="https://ninenines.eu/articles/erlanger-playbook-september-2015-update/">The Erlanger Playbook September 2015 Update</a></h2>
 			<p class="date">
-				<span class="day">02</span>
-				<span class="month">Sep</span>
+				<span class="year">2015</span>
+				<span class="day-month">02 Sep</span>
 			</p>
 		</header>
 
@@ -382,8 +382,8 @@ This update fixes a number of things and adds two chapters: IOlists and Erlang b
 		<header>
 			<h2><a href="https://ninenines.eu/articles/erlanger-playbook/">The Erlanger Playbook</a></h2>
 			<p class="date">
-				<span class="day">18</span>
-				<span class="month">Jun</span>
+				<span class="year">2015</span>
+				<span class="day-month">18 Jun</span>
 			</p>
 		</header>
 
@@ -402,8 +402,8 @@ About this book; Changelog; Future additions  Erlang: Building blocks; Patterns
 		<header>
 			<h2><a href="https://ninenines.eu/articles/erlang-validate-utf8/">Validating UTF-8 binaries with Erlang</a></h2>
 			<p class="date">
-				<span class="day">06</span>
-				<span class="month">Mar</span>
+				<span class="year">2015</span>
+				<span class="day-month">06 Mar</span>
 			</p>
 		</header>
 
@@ -420,8 +420,8 @@ When looking into why the permessage-deflate tests in autobahntestsuite were tak
 		<header>
 			<h2><a href="https://ninenines.eu/articles/on-open-source/">On open source</a></h2>
 			<p class="date">
-				<span class="day">05</span>
-				<span class="month">Sep</span>
+				<span class="year">2014</span>
+				<span class="day-month">05 Sep</span>
 			</p>
 		</header>