Merge pull request #24 from plastic-labs/dm/partners-update

Partners Update
plastic-labs · Dec 10, 2024 · 82a7bf2 · 82a7bf2
2 parents 0a45ac5 + fd680c4
commit 82a7bf2
Show file tree

Hide file tree

Showing 7 changed files with 41 additions and 11 deletions.
diff --git a/components/composed/partners/partners.tsx b/components/composed/partners/partners.tsx
@@ -20,6 +20,8 @@ const partnerHref: Record<PartnerName, string> = {
   'white-star-capital': 'https://whitestarcapital.com/digital-asset-fund/',
   'seed-club-ventures': 'https://seedclub.ventures/',
   'thomas-howell': 'https://x.com/seethomasowl',
+  'nima-ashgari': 'https://x.com/insideNiMA',
+  triplicate: 'https://www.triplicate.xyz/',
 }
 
 const partnersScroll = keyframes`

diff --git a/components/interactive/links/link-partner/link-partner.constants.ts b/components/interactive/links/link-partner/link-partner.constants.ts
@@ -34,11 +34,21 @@ export const PARTNERS: Record<PartnerName, Partner> = {
     name: 'White Star Capital',
   },
   'seed-club-ventures': {
-    imageSrc: '/partner/seed-club-ventures.svg',
-    imageScale: 0.7,
+    imageSrc: '/partner/seed-club-ventures.png',
+    imageScale: 0.6,
     name: 'Seed Club Ventures',
+    offsetX: -5,
+    offsetY: -10,
   },
   'thomas-howell': {
     name: 'Thomas Howell',
   },
+  'nima-ashgari': {
+    name: 'NiMA Asghari',
+  },
+  triplicate: {
+    imageSrc: '/partner/triplicate.svg',
+    imageScale: 0.55,
+    name: 'Triplicate',
+  },
 }
diff --git a/components/interactive/links/link-partner/link-partner.tsx b/components/interactive/links/link-partner/link-partner.tsx
@@ -57,7 +57,11 @@ const StyledPartner = styled.a`
   }
 `
 
-const StyledImage = styled.img<{ $imageScale?: number }>`
+const StyledImage = styled.img<{
+  $imageScale?: number
+  $offsetX?: number
+  $offsetY?: number
+}>`
   width: 100%;
   transition: filter var(--ui-transition-speed) ease;
 
@@ -68,28 +72,38 @@ const StyledImage = styled.img<{ $imageScale?: number }>`
         `
       : ''}
 
-  ${({ $imageScale }) =>
-    $imageScale
+  ${({ $imageScale, $offsetX, $offsetY }) =>
+    $imageScale || $offsetX || $offsetY
       ? css`
-          transform: scale(${$imageScale});
+          transform: ${$imageScale ? `scale(${$imageScale}) ` : ''}${$offsetX || $offsetY ? `translate(${$offsetX || 0}%, ${$offsetY || 0}%)` : ''};
         `
       : ''}
 `
 
+const StyledPartnerNameOnly = styled(Text)`
+  text-transform: none;
+`
+
 export const LinkPartner: React.FC<LinkPartnerProps> = ({
   partnerName,
   ...props
 }) => {
-  const { imageScale, imageSrc, name } = PARTNERS[partnerName]
+  const { imageScale, imageSrc, name, offsetX, offsetY } = PARTNERS[partnerName]
 
   return (
     <StyledPartner target="_blank" rel="noopener" {...props}>
       {imageSrc ? (
-        <StyledImage alt={name} src={imageSrc} $imageScale={imageScale} />
+        <StyledImage
+          alt={name}
+          src={imageSrc}
+          $imageScale={imageScale}
+          $offsetX={offsetX}
+          $offsetY={offsetY}
+        />
       ) : (
-        <Text align="center" variant="H3">
+        <StyledPartnerNameOnly align="center" variant="H3">
           {name}
-        </Text>
+        </StyledPartnerNameOnly>
       )}
     </StyledPartner>
   )

diff --git a/components/interactive/links/link-partner/link-partner.types.ts b/components/interactive/links/link-partner/link-partner.types.ts
@@ -9,6 +9,8 @@ export const partnerNames = [
   'white-star-capital',
   'seed-club-ventures',
   'thomas-howell',
+  'nima-ashgari',
+  'triplicate',
 ] as const
 export type PartnerName = (typeof partnerNames)[number]
 
@@ -22,4 +24,6 @@ export interface Partner {
   imageSrc?: string
   imageScale?: number
   name: string
+  offsetX?: number // +/- integer percent
+  offsetY?: number // +/- integer percent
 }
diff --git a/public/partner/seed-club-ventures.png b/public/partner/seed-club-ventures.png
diff --git a/public/partner/seed-club-ventures.svg b/public/partner/seed-club-ventures.svg