fixing all comments

starknet-io · May 5, 2024 · 524a2d3 · 524a2d3
1 parent 95b23ed
commit 524a2d3
Show file tree

Hide file tree

Showing 9 changed files with 74 additions and 114 deletions.
diff --git a/_data/pages/grant.yml b/_data/pages/grant.yml
@@ -10,6 +10,7 @@ blocks:
     buttonUrl: ""
     title: Seed Grant Program
     description: ""
+    darkTextColor: true
   - type: card_display
     title: Application Process
     button: Apply Now

diff --git a/public/assets/grant_deliverables.svg b/public/assets/grant_deliverables.svg
diff --git a/workspaces/cms-config/src/blocks.ts b/workspaces/cms-config/src/blocks.ts
@@ -597,6 +597,12 @@ export const blocks = [
         widget: "string",
         crowdin: true,
       },
+      {
+        name: "darkTextColor",
+        widget: "boolean",
+        required: false,
+        crowdin: true,
+      },
       {
         name: "description",
         widget: "string",

diff --git a/workspaces/cms-data/src/pages.ts b/workspaces/cms-data/src/pages.ts
@@ -137,6 +137,7 @@ export interface PageHeaderBlock {
 
 export interface HeroBlock {
   readonly type: "hero";
+  readonly darkTextColor?: boolean;
   readonly title: string;
   readonly description: string;
   readonly variant?:

diff --git a/workspaces/website/src/blocks/Block.tsx b/workspaces/website/src/blocks/Block.tsx
@@ -169,6 +169,7 @@ export function Block({
               buttonText={block.buttonText}
               buttonUrl={block.buttonUrl}
               leftBoxMaxWidth={block.leftBoxMaxWidth}
+              darkTextColor={block.darkTextColor}
             />
           );
 

diff --git a/workspaces/website/src/blocks/DisplayCardItems.tsx b/workspaces/website/src/blocks/DisplayCardItems.tsx
@@ -30,6 +30,7 @@ export default function DisplayCardItems({
             <Heading
               color="heading-navy-fg"
               variant="h3"
+              fontWeight="extrabold"
               mb={{ base: "24px", sm: "10px" }}
               fontSize={24}
               id={`toc-${slugify(title)}`}
@@ -48,7 +49,7 @@ export default function DisplayCardItems({
               fontWeight={600}
               paddingInline={6}
               borderRadius="6px"
-              fontSize={16}
+              fontSize={18}
               style={{ textDecoration: "none" }}
               textAlign="center"
             >

diff --git a/workspaces/website/src/blocks/ListCardItems.tsx b/workspaces/website/src/blocks/ListCardItems.tsx
@@ -29,7 +29,7 @@ export default function ListCardItems({
           <Heading
             color="heading-navy-fg"
             variant="h3"
-            mb="10px"
+            mb="24px"
             id={`toc-${slugify(title)}`}
           >
             {title}

diff --git a/workspaces/website/src/components/Card/DisplayCard.tsx b/workspaces/website/src/components/Card/DisplayCard.tsx
@@ -27,66 +27,66 @@ const images = {
 
 export const DisplayCard = (props: Props) => {
   return (
-    <Box as="li" maxW="5xl">
-      <Box
-        w={{ base: "full" }}
-        mx="auto"
-        bg="card-bg"
-        borderRadius="16px"
-        rounded={"16px"}
-        padding={"32px 24px"}
-        border="1px"
-        borderColor="#EFEFEF"
-        _dark={{ borderColor: "transparent" }}
-        px={{ base: "6", md: "8" }}
+    <Box
+      as="li"
+      maxW="5xl"
+      w={{ base: "full" }}
+      mx="auto"
+      bg="card-bg"
+      borderRadius="16px"
+      rounded={"16px"}
+      padding={"32px 24px"}
+      border="1px"
+      borderColor="#EFEFEF"
+      _dark={{ borderColor: "transparent" }}
+      px={{ base: "6", md: "8" }}
+    >
+      <Stack
+        direction={{ base: "column", md: "row" }}
+        spacing={{ base: "3", md: "6" }}
+        align="center"
       >
-        <Stack
-          direction={{ base: "column", md: "row" }}
-          spacing={{ base: "3", md: "6" }}
-          align="center"
-        >
-          <Stack spacing="4">
-            <Box
-              width="80px"
-              height="80px"
-              borderRadius="8px"
-              overflow="hidden"
-              color="#0C0C4F"
-              _dark={{ color: "white" }}
-              marginBottom={{ base: "16px", md: "0" }}
-            >
-              {images[props?.title]}
-            </Box>
-          </Stack>
-          <Box flex="1">
-            <Stack
-              direction={{ base: "row", md: "row" }}
-              pb="4px"
-              paddingTop="4px"
-            >
-              <Circle
-                size="24px"
-                bg="#0C0C4F"
-                _dark={{ bg: "white", color: "black" }}
-                color="white"
-              >
-                {props.index}
-              </Circle>
-              <Heading
-                variant="h4"
-                fontSize={18}
-                color="btn-primary-bg"
-                _dark={{
-                  color: "button-nav-fg",
-                }}
-              >
-                {props.title}
-              </Heading>
-            </Stack>
-            <Text>{props.description}</Text>
+        <Stack spacing="4">
+          <Box
+            width="80px"
+            height="80px"
+            borderRadius="8px"
+            overflow="hidden"
+            color="#0C0C4F"
+            _dark={{ color: "white" }}
+            marginBottom={{ base: "16px", md: "0" }}
+          >
+            {images[props?.title]}
           </Box>
         </Stack>
-      </Box>
+        <Box flex="1">
+          <Stack
+            direction={{ base: "row", md: "row" }}
+            pb="4px"
+            paddingTop="4px"
+          >
+            <Circle
+              size="24px"
+              bg="#0C0C4F"
+              _dark={{ bg: "white", color: "black" }}
+              color="white"
+            >
+              {props.index}
+            </Circle>
+            <Heading
+              variant="h4"
+              fontSize={18}
+              color="btn-primary-bg"
+              _dark={{
+                color: "button-nav-fg",
+              }}
+            >
+              {props.title}
+            </Heading>
+          </Stack>
+          <Text>{props.description}</Text>
+        </Box>
+      </Stack>
     </Box>
   );
 };
diff --git a/workspaces/website/src/components/HeroImage/HeroImage.tsx b/workspaces/website/src/components/HeroImage/HeroImage.tsx
@@ -16,6 +16,7 @@ import React from "react";
 type Props = {
   title: string;
   description: string | React.ReactNode;
+  darkTextColor?: boolean;
   variant?:
     | "wallets"
     | "block_explorers"
@@ -140,6 +141,7 @@ export const HeroImage = ({
   buttonUrl,
   onButtonClick,
   leftBoxMaxWidth,
+  darkTextColor = false,
 }: Props) => {
   return (
     <Box
@@ -274,6 +276,9 @@ export const HeroImage = ({
                     as="h1"
                     color="heading-navy-fg"
                     variant="h2"
+                    _dark={{
+                      color: darkTextColor ? "#0C0C4F" : "white",
+                    }}
                     size={useBreakpointValue({ base: "md", md: "lg" })}
                   >
                     {title}