From c1e0f52177bbf5ab61c565fbb09864328a6614e1 Mon Sep 17 00:00:00 2001
From: matt <matt.rea@gmail.com>
Date: Thu, 9 Jul 2020 08:12:50 -0500
Subject: [PATCH] added todos, fixed spacing in mobile menu, changed some
 verbiage

---
 components/Header.js |  2 +-
 components/Hero.js   |  2 +-
 pages/about.js       | 13 ++++++++-----
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/components/Header.js b/components/Header.js
index 359acf3..4c5f610 100644
--- a/components/Header.js
+++ b/components/Header.js
@@ -130,7 +130,7 @@ const Header = ({ ...props }) => {
               </a>
             </Link>
           </li>
-          <li className="mr-3">
+          <li className="mr-3 mt-1 lg:mt-0">
             <Login />
           </li>
           <li className="hidden lg:block text-2xl no-underline pl-2 transition duration-400 hover:text-primary hover:underline">
diff --git a/components/Hero.js b/components/Hero.js
index 8cf01b1..31c3ed4 100644
--- a/components/Hero.js
+++ b/components/Hero.js
@@ -21,7 +21,7 @@ export default (props) => {
         </h1>
         <p className="text-sm pt-3 sm:text-base text-gray-500 pr-3">
           A small proof-of-concept application using Next.js &amp; React hooks
-          to query a FaunaDB GraphQL endpoint to manage a bookshelf with reading
+          to query a FaunaDB GraphQL endpoint to manage a bookshelf with book
           recommendations.
         </p>
         <div className="flex mt-8">
diff --git a/pages/about.js b/pages/about.js
index 9d84254..9b4705a 100644
--- a/pages/about.js
+++ b/pages/about.js
@@ -100,7 +100,7 @@ export default function About(props) {
         <h2 className="text-3xl font-bold mt-3">Tailwind</h2>
         <p>
           This was my first time using{" "}
-          <a href="https://tailwind.com">tailwind</a> css, and I like the
+          <a href="https://tailwindcss.com">tailwind</a> css, and I like the
           utility-first concept. Boostrap and Bulma are nice, but I would often
           supplement those base styles with sass spacing utilities. It can get a
           little repetitive, but you can always{" "}
@@ -131,19 +131,22 @@ export default function About(props) {
 
         <h2 className="text-3xl font-bold mt-3">TODOs</h2>
         <ul className="list-disc list-inside">
-          <li>General cleanup, add prettier, etc.</li>
+          <li>General cleanup, abstract filtering, etc.</li>
           <li>Edit a book entry</li>
           <li>Delete a book entry</li>
+          <li>View bookshelf of another user (e.g., /bookshelf/:user</li>
           <li>
             Make theme choice persistent across hard page reloads; read from
             prefers-color-scheme setting
           </li>
-          <li>View bookshelf of another user (e.g., /bookshelf/:user</li>
-          <li>Reading Lists</li>
+          <li>Reading lists</li>
           <li>"Like" a book</li>
           <li>Tests</li>
-          <li>Add new tag</li>
+          <li>Resolve accessibility concerns</li>
+          <li>Create new tag(s) on the fly</li>
           <li>Search by title, author</li>
+          <li>PWA</li>
+          <li>Update meta tags title/description on route change </li>
         </ul>
       </div>
     </div>