From 0db85f21999beb8c080f7fa0ef8d5a8c6fb990f4 Mon Sep 17 00:00:00 2001
From: Francisco Mazzoni <francisco@supabase.io>
Date: Mon, 12 Dec 2022 10:50:56 -0300
Subject: [PATCH] fix responsive day1 card

---
 apps/www/components/LaunchWeek/lw6_days.json  | 23 ++++---------------
 apps/www/pages/launch-week/index.tsx          |  8 +++----
 .../www/public/images/launchweek/blogpost.svg |  8 +++++++
 apps/www/public/images/launchweek/docs.svg    |  7 ++++++
 .../images/launchweek/icons-blogpost.svg      |  8 +++++++
 .../public/images/launchweek/icons-docs.svg   |  7 ++++++
 6 files changed, 38 insertions(+), 23 deletions(-)
 create mode 100644 apps/www/public/images/launchweek/blogpost.svg
 create mode 100644 apps/www/public/images/launchweek/docs.svg
 create mode 100644 apps/www/public/images/launchweek/icons-blogpost.svg
 create mode 100644 apps/www/public/images/launchweek/icons-docs.svg

diff --git a/apps/www/components/LaunchWeek/lw6_days.json b/apps/www/components/LaunchWeek/lw6_days.json
index 03ae65d3799..73a8985c720 100644
--- a/apps/www/components/LaunchWeek/lw6_days.json
+++ b/apps/www/components/LaunchWeek/lw6_days.json
@@ -20,31 +20,16 @@
     ]
   },
   {
-    "title": "Image Processing: Resize V2 + CDN",
-    "shipped": true,
+    "title": "Day 2",
+    "shipped": false,
     "date": "13 Dec 2022",
-    "description": "Image Processing",
+    "description": "Day 2",
     "d": 2,
     "dd": "Tuesday",
     "youtube_id": "iqZlPtl_b-I",
     "blogpost": "https://supabase.com/blog",
     "docs": "https://supabase.com/docs",
-    "steps": [
-      {
-        "title": "Image Processing",
-        "blog": "/blog",
-        "docs": "/docs",
-        "isNew": true,
-        "description": ""
-      },
-      {
-        "title": "CDN Caching",
-        "description": "Faster asset delivery, now even faster.",
-        "blog": "/blog",
-        "docs": "/docs",
-        "isNew": true
-      }
-    ]
+    "steps": []
   },
   {
     "title": "Day 3",
diff --git a/apps/www/pages/launch-week/index.tsx b/apps/www/pages/launch-week/index.tsx
index b7a95edd805..ca35afa9296 100644
--- a/apps/www/pages/launch-week/index.tsx
+++ b/apps/www/pages/launch-week/index.tsx
@@ -118,7 +118,7 @@ export default function launchweek() {
           <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
             Blog post
             <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
-              <IconExternalLink className="text-[#4cc38a] w-3 h-3" />
+              <img src="/images/launchweek/icons-blogpost.svg" className="w-4 h-4"></img>
             </div>
           </div>
         </a>
@@ -126,7 +126,7 @@ export default function launchweek() {
           <div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
             Docs
             <div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
-              <IconExternalLink className="text-[#4cc38a] w-3 h-3" />
+              <img src="/images/launchweek/icons-docs.svg" className="w-4 h-4"></img>
             </div>
           </div>
         </a>
@@ -274,9 +274,9 @@ export default function launchweek() {
                     {day1.steps.length > 0 && (
                       <div className="h-[400px] flex flex-col lg:flex-row">
                         <div
-                          className={`flex flex-col flex-1 items-center lg:items-start justify-between border rounded-xl h-full relative overflow-hidden after:opacity- after:absolute after:bg-no-repeat after:bg-[center_top_50px] lg:after:bg-[right_15%_top_60px] after:bg-[length:200px_100px] after:xl:bg-[length:528px_367px] after:bg-[url('/images/launchweek/docs-update-bg.png')] after:top-0 after:right-0 after:bottom-0 after:left-0 p-14 text-2xl before:absolute before:w-full before:h-full before:top-52 before:right-0 before:bottom-0 before:left-0 before:border-[#1f3536] before:-z-10`}
+                          className={`flex flex-col flex-1 items-center gap-5 lg:items-start lg:justify-between border rounded-xl h-full relative overflow-hidden after:opacity- after:absolute after:bg-no-repeat after:bg-[center_bottom] lg:after:bg-[right_15%_top_100px] xl:after:bg-[right_15%_top_60px] after:bg-[length:300px_180px] after:lg:bg-[length:450px_300px] after:xl:bg-[length:528px_367px] after:bg-[url('/images/launchweek/docs-update-bg.png')] after:top-0 after:right-0 after:bottom-0 after:left-0 p-14 text-2xl before:absolute before:w-full before:h-full before:top-52 before:right-0 before:bottom-0 before:left-0 before:border-[#1f3536] before:-z-10`}
                         >
-                          <div className="flex items-center relative z-10 justify-between flex-col-reverse lg:flex-row lg:justify-start">
+                          <div className="flex items-center relative z-10 justify-between flex-col-reverse lg:flex-row lg:justify-start gap-2">
                             <span>{day1.description}</span>
                             <Badge className="!bg-transparent h-fit ml-4 text-sm !py-1 !px-4 text-transparent bg-clip-text bg-gradient-to-r from-[#99bbab] to-[#396f55] border-[#1f3738] dark:from-white dark:to-[#1a7a4ca1] dark:border-[#1f3738]">
                               Redesigned
diff --git a/apps/www/public/images/launchweek/blogpost.svg b/apps/www/public/images/launchweek/blogpost.svg
new file mode 100644
index 00000000000..f3cd890cfeb
--- /dev/null
+++ b/apps/www/public/images/launchweek/blogpost.svg
@@ -0,0 +1,8 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.61719 9.5H13.853" stroke="#4CC38A"/>
+<path d="M8.61719 11.5H12.0499M16.3823 11.5H14.9086" stroke="#4CC38A"/>
+<path d="M8.61719 13.5H10.7232M16.3823 13.5H12.6876" stroke="#4CC38A"/>
+<path d="M8.61719 15.5H16.3823" stroke="#4CC38A"/>
+<path d="M17.1318 6.52734H6.5V18.5273H18.5V7.58444" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M11.3093 12.1165L17.9267 5.4991L19.3409 6.91331L12.7235 13.5307L10.4571 14.3829L11.3093 12.1165Z" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/launchweek/docs.svg b/apps/www/public/images/launchweek/docs.svg
new file mode 100644
index 00000000000..89218192301
--- /dev/null
+++ b/apps/www/public/images/launchweek/docs.svg
@@ -0,0 +1,7 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 18.4995H17.4996V10.1008L13.8816 6.5H7.5V18.4995Z" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M13.8805 6.49966L17.4648 10.084L13.8805 10.084L13.8805 6.49966Z" fill="#1C1C1C" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.46094 11.9863H15.4609" stroke="#4CC38A"/>
+<path d="M9.46094 13.9863H15.4609" stroke="#4CC38A"/>
+<path d="M9.46094 15.9863H13.4609" stroke="#4CC38A"/>
+</svg>
diff --git a/apps/www/public/images/launchweek/icons-blogpost.svg b/apps/www/public/images/launchweek/icons-blogpost.svg
new file mode 100644
index 00000000000..155b8eb067e
--- /dev/null
+++ b/apps/www/public/images/launchweek/icons-blogpost.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.11719 5H9.35303" stroke="#4CC38A"/>
+<path d="M4.11719 7H7.54995M11.8823 7H10.4086" stroke="#4CC38A"/>
+<path d="M4.11719 9H6.22324M11.8823 9H8.18765" stroke="#4CC38A"/>
+<path d="M4.11719 11H11.8823" stroke="#4CC38A"/>
+<path d="M12.6318 2.02734H2V14.0273H14V3.08444" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M6.8093 7.61649L13.4267 0.999099L14.8409 2.41331L8.22351 9.0307L5.95711 9.88289L6.8093 7.61649Z" stroke="#4CC38A" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+</svg>
diff --git a/apps/www/public/images/launchweek/icons-docs.svg b/apps/www/public/images/launchweek/icons-docs.svg
new file mode 100644
index 00000000000..274b20b8e4f
--- /dev/null
+++ b/apps/www/public/images/launchweek/icons-docs.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 13.9995H12.9996V5.60079L9.38156 2H3V13.9995Z" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M9.38052 1.99966L12.9648 5.58398L9.38052 5.58398L9.38052 1.99966Z" fill="#1C1C1C" stroke="#4CC38A" stroke-width="0.999957" stroke-miterlimit="10" stroke-linejoin="bevel"/>
+<path d="M4.96094 7.48633H10.9609" stroke="#4CC38A"/>
+<path d="M4.96094 9.48633H10.9609" stroke="#4CC38A"/>
+<path d="M4.96094 11.4863H8.96094" stroke="#4CC38A"/>
+</svg>