From 6499b974d13c5d26e3f31fc2dfd2bea333306781 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Fri, 16 Jul 2021 21:32:30 -0700
Subject: [PATCH] use white text over images

---
 src/pages/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 0d3d2e9..9e2bad9 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -60,7 +60,7 @@ const ImageButtons = ({ isClient, image, shuffleImage }) => (
     </button>
     <Link
       className={classnames(
-        "self-center z-20 underline rounded-md px-4 py-2 text-md arrow-right-after font-bold font-serif",
+        "self-center z-20 hover:underline rounded-md px-4 py-2 text-md arrow-right-after font-bold font-serif",
         isClient &&
           "text-muted-light bg-muted-dark hover:bg-muted blurred-or-opaque-bg-2"
       )}
@@ -252,8 +252,8 @@ const IndexPage = ({
           <div className="flex flex-col items-center">
             <h1
               className={classnames(
-                "text-huge-1 md:text-huge-2 text-center font-black filter drop-shadow-dark z-20",
-                isClient && "mb-5 mt-0 text-vibrant-light"
+                "mb-5 mt-0 text-huge-1 md:text-huge-2 text-center font-black filter drop-shadow-dark z-20",
+                isClient && ( ar > 1 ? "text-vibrant-light landscape:text-gray-50 landscape:opacity-80" : 'text-gray-50 opacity-80 landscape:text-vibrant-light')
               )}
               style={{ lineHeight: "85%" }}
             >