feat: moved to astro

packages/website/src/components/ToolCard.astro

@@ -12,6 +12,8 @@ const { tool } = Astro.props;
 const disabled = tool.branches?.every(
   (branch) => branch !== assertSecret(process.env.PUBLIC_ASSET_BRANCH),
 );
+
+console.log(process.env);
 ---
 
 <style>
@@ -40,11 +42,6 @@ const disabled = tool.branches?.every(
 </style>
 
 <Flex
-  data-disabled={disabled}
-  data-significant={tool.significant}
-  className="container"
-  position="relative"
-  overflow="hidden"
   style={{
     backgroundImage: `url(${imgur(tool.image, {
       format: 'jpeg',
@@ -53,6 +50,11 @@ const disabled = tool.branches?.every(
         : ImgurSize.LargeThumbnail,
     })})`,
   }}
+  data-disabled={disabled}
+  data-significant={tool.significant}
+  className="container"
+  position="relative"
+  overflow="hidden"
   flexGrow={tool.significant ? undefined : '1'}
   flexBasis={tool.significant ? undefined : { initial: undefined, sm: '0' }}
 >
@@ -65,7 +67,7 @@ const disabled = tool.branches?.every(
     <Box
       flexGrow="1"
       style={{
-        // backgroundImage: `url(${imgur(tool.image, { format: 'jpeg', size })})`,
+        backgroundImage: `url(${imgur(tool.image, { format: 'jpeg' })})`,
         backgroundSize: 'cover',
         backgroundPosition: 'center',
       }}