🔀 Merge branch 'release/1.0.2'

package.json

@@ -1,7 +1,7 @@
 {
   "name": "tlou2-countdown",
   "description": "A website that shows a countdown to the release of The Last of Us Part II",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "author": {
     "name": "Loris Bettazza",
     "email": "loris.bettazza@gmail.com"

src/components/Layout.css

@@ -36,6 +36,11 @@ svg {
   display: block;
 }
 
+a {
+  color: #2aa3ef;
+  text-decoration: none;
+}
+
 /* COMPONENTS */
 .Title {
   margin: 0;

src/pages/index.js

@@ -1,16 +1,24 @@
 import React from 'react';
 import Helmet from 'react-helmet';
 import Layout from '../components/Layout';
-import Countdown from '../components/Countdown';
-import CountdownDisplay from '../components/CountdownDisplay';
 
 const IndexPage = () => (
   <Layout>
     {({ isClient }) => (
       <>
         <div className="Wrapper">
           <main className="Main">
-            <Countdown toDate={new Date(2020, 4, 29)}>
+            <header>
+              <h1 className="Title">The Last of Us Part&nbsp;II</h1>
+              <p className="Subtitle">
+                Doesn't have a release date anymore —{' '}
+                <a href="https://twitter.com/Naughty_Dog/status/1245773177944281089">
+                  Twitter announcement
+                </a>
+              </p>
+              {isClient && <Helmet htmlAttributes={{ class: 'is-counting' }} />}
+            </header>
+            {/* <Countdown toDate={new Date(2020, 4, 29)}>
               {countdown => (
                 <>
                   <header>
@@ -46,7 +54,7 @@ const IndexPage = () => (
                   )}
                 </>
               )}
-            </Countdown>
+            </Countdown> */}
           </main>
         </div>
         <footer>