[TASK] Replace date in header with radar version / Add publish date to footer

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>
   );
 }

styles/components/page.css

@@ -29,6 +29,7 @@
   }
 
   &__footer {
+    margin-top: 5px;
     flex: 0 0 auto;
   }
 }

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;
+    }
+}