From 03f2f080c4bb0ccd4434748a6e930ebdd1bd75a6 Mon Sep 17 00:00:00 2001
From: Colin McDonnell <colinmcd94@gmail.com>
Date: Wed, 12 Jun 2024 17:17:22 -0700
Subject: [PATCH] Add responsive logos for clerk (#3569)

* Add responsive logos for clerk

* Tweak

* Tweak

* Tweak

* Tweak
---
 README.md          | 43 ++++++++-----------------------------------
 deno/lib/README.md | 43 ++++++++-----------------------------------
 2 files changed, 16 insertions(+), 70 deletions(-)

diff --git a/README.md b/README.md
index e82f3f27c..cf24d82e8 100644
--- a/README.md
+++ b/README.md
@@ -189,34 +189,24 @@ Sponsorship at any level is appreciated and encouraged. For individual developer
 
 > Clerk is currently sponsoring my full-time development of Zod! If you're building an app, give it a shot—it really is the easiest way to set up authentication and user accounts. (Seriously, their DX is unparalleled.)
 
-<!-- <table>
-  <tr>
-    <td align="center">
-      <a href="https://www.example.com" target="_blank">
-        <img src="https://example.com/image.png" height="100px;" alt="XXX" />
-      </a>
-      <br />
-      <b>XXX</b>
-      <br />
-      <a href="https://www.example.com" target="_blank">example.com</a>
-    </td>
-  </tr>
-</table> -->
-
 <br/>
-<h3 align="center">Diamond 💎</h3>
+<h3 align="center">Diamond</h3>
 
 <br/>
 
 <div align="center">
-  <a href="https://go.clerk.com/zod-clerk">
-    <img src="https://github.com/colinhacks/zod/assets/3084745/fdc65682-171d-41e6-9e1e-a6f90baf6796" alt="Clerk logo" />
+  <a href="https://go.clerk.com/PKHrcwh">
+    <picture height="120px">
+      <source media="(prefers-color-scheme: dark)" srcset="https://github.com/colinhacks/zod/assets/3084745/167ea625-bf23-4f7b-afc2-1dbb0ad60a3e">
+      <img alt="speakeasy'" height="120px" src="https://github.com/colinhacks/zod/assets/3084745/68a43b31-62e5-4344-a112-7066dcf3d830">
+    </picture>
   </a>
   <br/>
+  <br/>
   <p>
     The most comprehensive User Management Platform
     <br/>
-    <a style="text-decoration:none;" href="https://go.clerk.com/zod-clerk" target="_blank">clerk.com</a>
+    <a style="text-decoration:none;" href="https://go.clerk.com/PKHrcwh" target="_blank">clerk.com</a>
   </p>
 </div>
 
@@ -244,23 +234,6 @@ Sponsorship at any level is appreciated and encouraged. For individual developer
   </tr>
 </table>
 
-<!-- <table align="center" style="justify-content: center;align-items: center;display: flex;">
-  <tr>
-    <td align="center">
-      <img src="https://avatars.githubusercontent.com/u/91446104?s=200&v=4" height="100px;" alt="Speakeasy API" />
-    </td>
-    <td>
-      <p>
-        <a style="text-decoration:none;" href="https://speakeasyapi.dev?utm_source=zod" target="_blank">Speakeasy</a>
-        <br/>
-        SDKs & Terraform Providers for Your API
-        <br>
-        (powered by Zod!)
-      </p>
-    </td>
-  </tr>
-</table> -->
-
 <br/>
 
 <h3 align="center">Gold</h3>
diff --git a/deno/lib/README.md b/deno/lib/README.md
index e82f3f27c..cf24d82e8 100644
--- a/deno/lib/README.md
+++ b/deno/lib/README.md
@@ -189,34 +189,24 @@ Sponsorship at any level is appreciated and encouraged. For individual developer
 
 > Clerk is currently sponsoring my full-time development of Zod! If you're building an app, give it a shot—it really is the easiest way to set up authentication and user accounts. (Seriously, their DX is unparalleled.)
 
-<!-- <table>
-  <tr>
-    <td align="center">
-      <a href="https://www.example.com" target="_blank">
-        <img src="https://example.com/image.png" height="100px;" alt="XXX" />
-      </a>
-      <br />
-      <b>XXX</b>
-      <br />
-      <a href="https://www.example.com" target="_blank">example.com</a>
-    </td>
-  </tr>
-</table> -->
-
 <br/>
-<h3 align="center">Diamond 💎</h3>
+<h3 align="center">Diamond</h3>
 
 <br/>
 
 <div align="center">
-  <a href="https://go.clerk.com/zod-clerk">
-    <img src="https://github.com/colinhacks/zod/assets/3084745/fdc65682-171d-41e6-9e1e-a6f90baf6796" alt="Clerk logo" />
+  <a href="https://go.clerk.com/PKHrcwh">
+    <picture height="120px">
+      <source media="(prefers-color-scheme: dark)" srcset="https://github.com/colinhacks/zod/assets/3084745/167ea625-bf23-4f7b-afc2-1dbb0ad60a3e">
+      <img alt="speakeasy'" height="120px" src="https://github.com/colinhacks/zod/assets/3084745/68a43b31-62e5-4344-a112-7066dcf3d830">
+    </picture>
   </a>
   <br/>
+  <br/>
   <p>
     The most comprehensive User Management Platform
     <br/>
-    <a style="text-decoration:none;" href="https://go.clerk.com/zod-clerk" target="_blank">clerk.com</a>
+    <a style="text-decoration:none;" href="https://go.clerk.com/PKHrcwh" target="_blank">clerk.com</a>
   </p>
 </div>
 
@@ -244,23 +234,6 @@ Sponsorship at any level is appreciated and encouraged. For individual developer
   </tr>
 </table>
 
-<!-- <table align="center" style="justify-content: center;align-items: center;display: flex;">
-  <tr>
-    <td align="center">
-      <img src="https://avatars.githubusercontent.com/u/91446104?s=200&v=4" height="100px;" alt="Speakeasy API" />
-    </td>
-    <td>
-      <p>
-        <a style="text-decoration:none;" href="https://speakeasyapi.dev?utm_source=zod" target="_blank">Speakeasy</a>
-        <br/>
-        SDKs & Terraform Providers for Your API
-        <br>
-        (powered by Zod!)
-      </p>
-    </td>
-  </tr>
-</table> -->
-
 <br/>
 
 <h3 align="center">Gold</h3>