From 32d1c0eae22ae9bc5fcd06a608f26d73822d52d3 Mon Sep 17 00:00:00 2001
From: Florian Brandel <florian.brandel@aoe.com>
Date: Wed, 23 May 2018 12:57:56 +0200
Subject: [PATCH] [TASK] Replace date in header with radar version / Add
 publish date to footer

---
 js/components/PageIndex.js         | 6 +++++-
 styles/components/page.css         | 1 +
 styles/components/publish-date.css | 8 ++++++++
 3 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 styles/components/publish-date.css

diff --git a/js/components/PageIndex.js b/js/components/PageIndex.js
index e8ec98f..9cefe3d 100644
--- a/js/components/PageIndex.js
+++ b/js/components/PageIndex.js
@@ -15,15 +15,19 @@ export default function PageIndex({
   ...props
 }) {
   const newestRelease = props.releases.slice(-1)[0];
+  const numberOfReleases = props.releases.length;
   return (
     <Fadeable leaving={leaving} onLeave={onLeave}>
       <SetTitle {...props} title="Technology Radar" />
       <div className="headline-group">
-        <HeroHeadline alt={formatRelease(newestRelease)}>
+        <HeroHeadline alt={`Version #${numberOfReleases}`}>
           AOE Technology Radar
         </HeroHeadline>
       </div>
       <QuadrantGrid items={featuredOnly(items)} />
+      <div className="publish-date">
+          Published {formatRelease(newestRelease)}
+      </div>
     </Fadeable>
   );
 }
diff --git a/styles/components/page.css b/styles/components/page.css
index 3793c9c..c887bb4 100644
--- a/styles/components/page.css
+++ b/styles/components/page.css
@@ -29,6 +29,7 @@
   }
 
   &__footer {
+    margin-top: 5px;
     flex: 0 0 auto;
   }
 }
diff --git a/styles/components/publish-date.css b/styles/components/publish-date.css
new file mode 100644
index 0000000..5143afb
--- /dev/null
+++ b/styles/components/publish-date.css
@@ -0,0 +1,8 @@
+.publish-date {
+    color: var(--color-gray-normal);
+    text-align: right;
+
+    @media (--until-sm) {
+        text-align: center;
+    }
+}
\ No newline at end of file