diff --git a/data/events/2009ghent.yml b/data/events/2009ghent.yml
new file mode 100644
index 00000000000..2cc1c9be8de
--- /dev/null
+++ b/data/events/2009ghent.yml
@@ -0,0 +1,28 @@
+name: 2009ghent
+year: 2009
+city: Ghent
+friendly: 2009-ghent
+status: past
+startdate: 2009-01-01
+enddate: 2009-01-02
+coordinates: "47.609895, -122.330259"
+navigationelements: ["welcome", "contact","location", "conduct","sponsor"]
+sponsors:
+  - id: chef
+    level: platinum
+  - id: datadog
+    level: gold
+  - id: arresteddevops
+    level: media
+
+sponsor_levels:
+  - id: platinum
+    label: Platinum
+  - id: gold
+    label: Gold
+  - id: silver
+    label: Silver
+  - id: bronze
+    label: Bronze
+  - id: media
+    label: Media
diff --git a/data/events/2010boston.yml b/data/events/2010boston.yml
new file mode 100644
index 00000000000..f30e451dee4
--- /dev/null
+++ b/data/events/2010boston.yml
@@ -0,0 +1,28 @@
+name: 2010boston
+year: 2010
+city: Boston
+friendly: 2010-boston
+status: past
+startdate: 2010-10-01
+enddate: 2010-10-02
+coordinates: "47.609895, -122.330259"
+navigationelements: ["welcome", "contact","location", "conduct","sponsor"]
+sponsors:
+  - id: chef
+    level: platinum
+  - id: datadog
+    level: gold
+  - id: arresteddevops
+    level: media
+
+sponsor_levels:
+  - id: platinum
+    label: Platinum
+  - id: gold
+    label: Gold
+  - id: silver
+    label: Silver
+  - id: bronze
+    label: Bronze
+  - id: media
+    label: Media
diff --git a/data/events/2010sydney.yml b/data/events/2010sydney.yml
new file mode 100644
index 00000000000..b74c11568ff
--- /dev/null
+++ b/data/events/2010sydney.yml
@@ -0,0 +1,28 @@
+name: 2010sydney
+year: 2010
+city: Sydney
+friendly: 2010-sydney
+status: past
+startdate: 2010-01-01
+enddate: 2010-01-02
+coordinates: "47.609895, -122.330259"
+navigationelements: ["welcome", "contact","location", "conduct","sponsor"]
+sponsors:
+  - id: chef
+    level: platinum
+  - id: datadog
+    level: gold
+  - id: arresteddevops
+    level: media
+
+sponsor_levels:
+  - id: platinum
+    label: Platinum
+  - id: gold
+    label: Gold
+  - id: silver
+    label: Silver
+  - id: bronze
+    label: Bronze
+  - id: media
+    label: Media
diff --git a/data/events/2012austin.yml b/data/events/2012austin.yml
new file mode 100644
index 00000000000..6c7e01781a9
--- /dev/null
+++ b/data/events/2012austin.yml
@@ -0,0 +1,28 @@
+name: 2012austin
+year: 2012
+city: Austin
+friendly: 2012-austin
+status: past
+startdate: 2012-01-01
+enddate: 2012-01-02
+coordinates: "47.609895, -122.330259"
+navigationelements: ["welcome", "contact","location", "conduct","sponsor"]
+sponsors:
+  - id: chef
+    level: platinum
+  - id: datadog
+    level: gold
+  - id: arresteddevops
+    level: media
+
+sponsor_levels:
+  - id: platinum
+    label: Platinum
+  - id: gold
+    label: Gold
+  - id: silver
+    label: Silver
+  - id: bronze
+    label: Bronze
+  - id: media
+    label: Media
diff --git a/data/events/2013london.yml b/data/events/2013london.yml
new file mode 100644
index 00000000000..c604a107a5e
--- /dev/null
+++ b/data/events/2013london.yml
@@ -0,0 +1,28 @@
+name: 2013london
+year: 2013
+city: London
+friendly: 2013-london
+status: past
+startdate: 2013-01-01
+enddate: 2013-01-02
+coordinates: "47.609895, -122.330259"
+navigationelements: ["welcome", "contact","location", "conduct","sponsor"]
+sponsors:
+  - id: chef
+    level: platinum
+  - id: datadog
+    level: gold
+  - id: arresteddevops
+    level: media
+
+sponsor_levels:
+  - id: platinum
+    label: Platinum
+  - id: gold
+    label: Gold
+  - id: silver
+    label: Silver
+  - id: bronze
+    label: Bronze
+  - id: media
+    label: Media
diff --git a/data/events/2014austin.yml b/data/events/2014austin.yml
new file mode 100644
index 00000000000..be9553bb217
--- /dev/null
+++ b/data/events/2014austin.yml
@@ -0,0 +1,28 @@
+name: 2014austin
+year: 2014
+city: Austin
+friendly: 2014-austin
+status: past
+startdate: 2014-01-01
+enddate: 2014-01-02
+coordinates: "47.609895, -122.330259"
+navigationelements: ["welcome", "contact","location", "conduct","sponsor"]
+sponsors:
+  - id: chef
+    level: platinum
+  - id: datadog
+    level: gold
+  - id: arresteddevops
+    level: media
+
+sponsor_levels:
+  - id: platinum
+    label: Platinum
+  - id: gold
+    label: Gold
+  - id: silver
+    label: Silver
+  - id: bronze
+    label: Bronze
+  - id: media
+    label: Media
diff --git a/themes/devopsdays-legacy/layouts/partials/past.html b/themes/devopsdays-legacy/layouts/partials/past.html
index 23649e2476a..5d3243fcc37 100644
--- a/themes/devopsdays-legacy/layouts/partials/past.html
+++ b/themes/devopsdays-legacy/layouts/partials/past.html
@@ -1,129 +1,37 @@
 <div style="height:550px;" id="quicklinks">
-<table>
-<tr>
-
-<div style="display:table-cell; vertical-align:top">
-     <div style="margin:2px;">
-      <strong>2009</strong><br/>
-      <a href="/events/2009-ghent/">Ghent 2009</a>
-
-      </div>
-</div>
-
+<!-- The following blocks of comments explains how this list is generated with Hugo.
+If you read this post generation, it will make no sense. see pre generated sources -->
+
+<!-- Scan through a range of years and look in data/events for events during these years.
+If found, store year in "active_years" scratch in order to get back to that year later.
+Also save the event name under scratch with the ID of the scratch equal to the year number.
+
+Chomping .year has the nice effect of turning an int into string. -->
+{{ range seq 2009 2020 }}
+  {{ $r_year := . }}
+  {{ range $.Site.Data.events }}
+    {{ if eq .year $r_year }}
+      {{ $.Scratch.SetInMap "active_years" (chomp .year) (chomp .year) }}
+      {{ $.Scratch.SetInMap (chomp .year) .startdate (.name) }}
+    {{ end }}
+  {{ end }}
+{{ end }}
+
+<!-- Now scan through all the years that were marked as active in order to print the headline -->
+{{ range ($.Scratch.GetSortedMapValues "active_years") }}
 <div style="display:table-cell; vertical-align:top">
-     <div style="margin:2px;">
-
-      <strong>2010</strong><br/>
-      <a href="/events/2010-sydney/">Sydney 2010</a><br>
-      <a href="/events/2010-us/">Mountain View 2010</a><br>
-      <a href="/events/2010-europe/">Hamburg 2010</a><br>
-      <a href="/events/2010-brazil/">Sao Paulo 2010</a><br>
-      </div>
-</div>
+  <div style="margin:2px;">
+    <strong>{{ . }}</strong><br/>
 
-<div style="display:table-cell; vertical-align:top">
-     <div style="margin:2px;">
-      <strong>2011</strong><br/>
-      <a href="/events/2011-boston/">Boston 2011</a><br>
-      <a href="/events/2011-mountainview/">Mountain View 2011</a><br>
-      <a href="/events/2011-melbourne/">Melbourne 2011</a><br>
-      <a href="/events/2011-bangalore/">Bangalore 2011</a><br>
-      <a href="/events/2011-goteborg/">Göteborg 2011</a><br>
-      <a href="/events/2011-manila/">Manila 2011</a><br>
-      </div>
-</div>
+<!-- Finally, scan throug the scratch with the ID of that year and print all the events sorted by startdate
+Chomping here in order to convert int to string -->
+      {{ range ($.Scratch.GetSortedMapValues (chomp .)) }}
+        {{ $city := (index $.Site.Data.events . "city") }}
+        {{ $friendly := (index $.Site.Data.events . "friendly") }}
+        <a href="/events/{{ $friendly }}/">{{ $city }}</a><br/>
+      {{ end }}
 
-<div style="display:table-cell; vertical-align:top">
-     <div style="margin:2px;">
-      <strong>2012</strong><br/>
-      <a href="/events/2012-austin/">Austin 2012</a><br>
-      <a href="/events/2012-tokyo/">Tokyo 2012</a><br>
-      <a href="/events/2012-india/">Delhi 2012</a><br>
-      <a href="/events/2012-mountainview/">Mountain View 2012</a><br>
-      <a href="/events/2012-italy/">Rome 2012</a><br>
-      <a href="/events/2012-newyork/">New York 2012</a><br>
-      </div>
+  </div>
 </div>
-
-<div style="display:table-cell; vertical-align:top">
-     <div style="margin:2px;">
-      <strong>2013</strong><br/>
-      <a href="/events/2013-newzealand/">New Zealand 2013</a><br>
-      <a href="/events/2013-london-spring/">London 2013</a><br>
-      <a href="/events/2013-paris/">Paris 2013</a><br>
-      <a href="/events/2013-austin/">Austin 2013</a><br>
-      <a href="/events/2013-berlin/">Berlin 2013</a><br>
-      <a href="/events/2013-amsterdam/">Amsterdam 2013</a><br>
-      <a href="/events/2013-mountainview/">Silicon Valley 2013</a><br>
-      <a href="/events/2013-downunder">Downunder 2013</a><br>
-      <a href="/events/2013-india/">Bangalore 2013</a><br/>
-      <a href="/events/2013-london/">London Autumn 2013</a><br/>
-      <a href="/events/2013-barcelona/">Barcelona 2013</a><br/>
-      <a href="/events/2013-vancouver/">Vancouver 2013</a><br/>
-      <a href="/events/2013-portland/">Portland 2013</a><br/>
-      <a href="/events/2013-newyork/">New York 2013</a><br/>
-      <a href="/events/2013-atlanta/">Atlanta 2013</a><br/>
-      <a href="/events/2013-telaviv/">Tel Aviv 2013</a><br/>
-      <a href="/events/2013-tokyo/">Tokyo 2013</a><br/>
-      </div>
-</div>
-
-<div style="display:table-cell; vertical-align:top">
-     <div style="margin:2px;">
-      <strong>2014</strong><br/>
-      <a href="/events/2014-nairobi/">Nairobi 2014</a><br/>
-      <a href="/events/2014-ljubljana/">Ljubljana 2014</a><br/>
-      <a href="/events/2014-austin/">Austin 2014</a><br/>
-      <a href="/events/2014-pittsburgh/">Pittsburgh 2014</a><br/>
-      <a href="/events/2014-amsterdam/">Amsterdam 2014</a><br/>
-      <a href="/events/2014-siliconvalley/">Silicon Valley 2014</a><br/>
-      <a href="/events/2014-minneapolis/">Minneapolis 2014</a><br/>
-      <a href="/events/2014-brisbane/">Brisbane 2014</a><br/>
-      <a href="/events/2014-boston/">Boston 2014</a><br/>
-      <a href="/events/2014-toronto/">Toronto 2014</a><br/>
-      <a href="/events/2014-newyork/">New York 2014</a><br/>
-      <a href="/events/2014-warsaw/">Warsaw 2014</a><br/>
-      <a href="/events/2014-chicago/">Chicago 2014</a><br/>
-      <a href="/events/2014-berlin/">Berlin 2014</a><br/>
-      <a href="/events/2014-belgium/">Belgium 2014</a><br/>
-      <a href="/events/2014-helsinki/">Helsinki 2014</a><br/>
-      <a href="/events/2014-vancouver/">Vancouver 2014</a><br/>
-      <a href="/events/2014-telaviv/">Tel Aviv 2014</a><br/>
-      <a href="/events/2014-bangalore/">Bangalore 2014</a><br/>
-      </div>
-</div>
-
-<div style="display:table-cell; vertical-align:top">
-     <div style="margin:2px;">
-      <strong>2015</strong><br/>
-      <a href="/events/2015-ljubljana/">Ljubljana 2015</a><br/>
-      <a href="/events/2015-paris">Paris 2015</a><br/>
-      <a href="/events/2015-denver/">Denver 2015</a><br/>
-      <a href="/events/2015-newyork/">New York 2015</a><br/>
-      <a href="/events/2015-austin">Austin 2015</a><br/>
-      <a href="/events/2015-toronto">Toronto 2015</a><br/>
-      <a href="/events/2015-washington-dc/">Washington, DC 2015</a><br/>
-      <a href="/events/2015-amsterdam">Amsterdam 2015</a><br/>
-      <a href="/events/2015-minneapolis/">Minneapolis 2015</a><br/>
-      <a href="/events/2015-melbourne/">Melbourne 2015</a><br/>
-      <a href="/events/2015-pittsburgh/">Pittsburgh 2015</a><br/>
-      <a href="/events/2015-chicago/">Chicago 2015</a><br/>
-      <a href="/events/2015-bangalore/">Bangalore 2015</a><br/>
-      <a href="/events/2015-boston/">Boston 2015</a><br/>
-      <a href="/events/2015-telaviv/">Tel Aviv 2015</a><br/>
-      <a href="/events/2015-singapore/">Singapore 2015</a><br/>
-      <a href="/events/2015-berlin/">Berlin 2015</a><br/>
-      <a href="/events/2015-charlotte">Charlotte 2015</a><br/>
-      <a href="/events/2015-siliconvalley">Silicon Valley 2015</a><br/>
-      <a href="/events/2015-detroit">Detroit 2015</a><br/>
-      <a href="/events/2015-ohio/">Ohio 2015</a><br/>
-      <a href="/events/2015-warsaw/">Warsaw 2015</a><br/>
-      </div>
-</div>
-
-
-
-
-  </tr>
-</table>
+{{ end }}
 </div>