Sponsor style v4.

Author: nikoshell

public/social/bg3.png

@@ -27,32 +27,14 @@ if (height > maxHeight) {
   width = height * aspectRatio ;
 }
 
-const x = 650 - width / 2;
+const x = 450 - width / 2;
 const y = 650 - height / 2;
 
 ---
 <svg width="900" height="900" class="h-full w-full -z-10">
-  <image href="/social/bg2.png" width="900" height="900" />
+  <image href="/social/bg4.png" width="900" height="900" />
 </svg>
     <svg width="900" height="900">
-      <defs>
-        <clipPath id="curvedCornerClip">
-          <path
-            d="
-               m 885 885 l -240 0 a 240 240 0 0 1 -240 -240 a 240 240 0 0 1 240 -240 a 240 240 0 0 1 240 240 z
-               "
-          />
-        </clipPath>
-      </defs>
-
-        <path
-    d="
-       m 885 885 l -240 0 a 240 240 0 0 1 -240 -240 a 240 240 0 0 1 240 -240 a 240 240 0 0 1 240 240 z
-       "
-    fill="#EDE1D1"
-    stroke="#F5B91A"
-    stroke-width="8"
-  />
 
 <image
   class="sponsor_logo"
@@ -86,10 +68,10 @@ const y = 650 - height / 2;
   }
 
   .box2 {
-      margin-top:250px;
-      margin-left:200px;
-      width: 440px;
-      height: 100px;
+      margin-top:320px;
+      margin-left:150px;
+      width: 640px;
+      height: 180px;
       font-size: 70px;
       color:white;
       padding: 2rem;

public/social/bg4.png

@@ -1,7 +1,6 @@
 ---
 import { getCollection, type CollectionEntry } from "astro:content";
 import SocialMediaSponsorCard from "@components/SocialMediaSponsorCard.astro";
-import { slugify } from "@utils/content";
 
 
 const sponsors = await getCollection("sponsors");

src/components/SocialMediaSponsorCard.astro

@@ -54,7 +54,7 @@ export default {
       fontFamily: {
         system: ["system-ui", "sans-serif"],
         title: [
-          "Inter Variable",
+          "Satoshi",
           "-apple-system",
           "BlinkMacSystemFont",
           "Segoe UI",
@@ -67,6 +67,7 @@ export default {
           "Segoe UI Symbol",
         ],
         sans: [
+          "Satoshi",
           "-apple-system",
           "BlinkMacSystemFont",
           "Segoe UI",