Add new gold sponsor

Author: vlad-stohnii

public/svg/gibsonai-dark.svg

@@ -471,25 +471,23 @@ export const asideSponsors: ISponsor[] = [
     },
     sponsorEntity: {
       __typename: "Organization",
-      login: "driz.link/mooncake",
-      name: "Mooncake",
+      login: "driz.link/gibsonai",
+      name: "GibsonAI",
       avatarUrl:
         '<svg width="1200" height="1200" viewBox="0 0 1200 1200" fill="none" xmlns="http://www.w3.org/2000/svg"></svg>',
     },
     createdAt: "2024-06-07T13:32:16Z",
     isActive: true,
     imageType: ImageType.SVG,
     darkStyle: {
-      padding: "4px",
       filter: "grayscale(1) brightness(2) opacity(0.2)",
       background:
-        'url("/images/mooncake-white.png") 0% 0% / contain no-repeat content-box',
+        'url("/svg/gibsonai-dark.svg") 0% 0% / contain no-repeat content-box',
     },
     lightStyle: {
-      padding: "4px",
       filter: "grayscale(1) opacity(0.4)",
       background:
-        'url("/images/mooncake.png") 0% 0% / contain no-repeat content-box',
+        'url("/svg/gibsonai-light.svg") 0% 0% / contain no-repeat content-box',
     },
   },
   {

public/svg/gibsonai-light.svg

@@ -314,8 +314,7 @@ export const customSponsors: ISponsor[] = [
       __typename: "Organization",
       login: "driz.link/edgedb",
       name: "Gel",
-      avatarUrl:
-        `<svg xmlns="http://www.w3.org/2000/svg" width="200" height="154" viewBox="0 0 200 154" fill="none">
+      avatarUrl: `<svg xmlns="http://www.w3.org/2000/svg" width="200" height="154" viewBox="0 0 200 154" fill="none">
           <path d="M0 68.6C0 90.4 17.8499 108 39.9594 108C61.8661 108 79.9189 90.4 79.9189 68.6C79.9189 47 61.8661 29.2 39.9594 29.2C17.8499 29.2 0 47 0 68.6ZM171.197 14C171.197 6.6 177.485 0 185.396 0C193.306 0 200 6.6 200 14V94C200 101.4 193.306 108 185.396 108C177.485 108 171.197 101.4 171.197 94V14ZM10.5477 127.6C12.1704 141.4 23.7323 154 39.9594 154C55.9838 154 67.9513 141.4 69.574 127.6C71.8053 107.6 53.3469 114.2 39.9594 114.2C26.572 114.2 8.31643 107.6 10.5477 127.6ZM139.351 74.2C140.771 71 144.422 69 151.521 69C162.677 68.8 167.14 61.6 161.258 50.2C157.201 42.4 150.913 36.4 142.394 32.6C122.312 23.8 98.5801 32.8 89.6552 52.6C80.7302 72.2 89.6552 95.6 109.939 104.6C118.458 108.2 126.978 108.8 135.7 106.6C148.276 103.2 150.913 95 143.408 86.8C138.742 81.4 137.728 77.6 139.351 74.2Z" fill="url(#paint0_linear_59_46)"/>
           <defs>
           <linearGradient id="paint0_linear_59_46" x1="250.254" y1="0" x2="250.254" y2="154" gradientUnits="userSpaceOnUse">
@@ -333,7 +332,7 @@ export const customSponsors: ISponsor[] = [
     },
     lightStyle: {
       padding: "12px",
-    }
+    },
   },
   {
     tier: {
@@ -558,19 +557,21 @@ export const customSponsors: ISponsor[] = [
     },
     sponsorEntity: {
       __typename: "Organization",
-      login: "driz.link/mooncake",
-      name: "Mooncake",
-      avatarUrl: "/images/mooncake.png",
+      login: "driz.link/gibsonai",
+      name: "GibsonAI",
+      avatarUrl:
+        '<svg width="1200" height="1200" viewBox="0 0 1200 1200" fill="none" xmlns="http://www.w3.org/2000/svg"></svg>',
     },
     createdAt: "2024-08-13T16:35:56Z",
     isActive: true,
-    imageType: ImageType.IMAGE,
+    imageType: ImageType.SVG,
     darkStyle: {
-      filter: "invert(1)",
-      padding: "9px",
+      background:
+        'url("/svg/gibsonai-dark.svg") 0% 0% / contain no-repeat content-box',
     },
     lightStyle: {
-      padding: "9px",
-    }
+      background:
+        'url("/svg/gibsonai-light.svg") 0% 0% / contain no-repeat content-box',
+    },
   },
 ];

src/data/aside-sponsors.ts

@@ -366,7 +366,7 @@ const goldSponsors = asideSponsors.filter(
     }
   }
 
-  @media screen and (max-height: 891px) {
+  @media screen and (max-height: 964px) {
       .aside-sponsors__sponsor--hide {
           display: none;
       }

src/data/custom-sponsors.ts

@@ -1,23 +1,13 @@
 ---
-import { Image } from "astro:assets";
 import AsideArticle from "./AsidePosts.astro";
 import AsideSponsors from "./AsideSponsors.astro";
 import SmallProgressBar from "./SmallProgressBar.astro";
 import progress from "../../data/progress";
 import Toasts from "./Toasts.astro";
-import MSSQL from "@/assets/images/mssql.png";
 ---
 
 <div class="aside-right">
   <div class="aside-right__content">
-    <a
-      class="mssql-wrap"
-      target="_blank"
-      rel="norefferer nofollow"
-      href="https://mssql.drizzle.team/"
-    >
-      <Image src={MSSQL} alt="MSSQL Drizzle" />
-    </a>
     <div class="progress-wrap">
       <SmallProgressBar progress={progress} />
     </div>