use white text over images
This commit is contained in:
parent
2da16ec85f
commit
6499b974d1
@ -60,7 +60,7 @@ const ImageButtons = ({ isClient, image, shuffleImage }) => (
|
|||||||
</button>
|
</button>
|
||||||
<Link
|
<Link
|
||||||
className={classnames(
|
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 &&
|
isClient &&
|
||||||
"text-muted-light bg-muted-dark hover:bg-muted blurred-or-opaque-bg-2"
|
"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">
|
<div className="flex flex-col items-center">
|
||||||
<h1
|
<h1
|
||||||
className={classnames(
|
className={classnames(
|
||||||
"text-huge-1 md:text-huge-2 text-center font-black filter drop-shadow-dark z-20",
|
"mb-5 mt-0 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"
|
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%" }}
|
style={{ lineHeight: "85%" }}
|
||||||
>
|
>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user