\n \n \n )\n}\n\nAccordionIcon.displayName = \"AccordionIcon\"\n","import type { Target, TargetAndTransition, Transition } from \"framer-motion\"\n\nexport type TransitionProperties = {\n /**\n * Custom `transition` definition for `enter` and `exit`\n */\n transition?: TransitionConfig\n /**\n * Custom `transitionEnd` definition for `enter` and `exit`\n */\n transitionEnd?: TransitionEndConfig\n /**\n * Custom `delay` definition for `enter` and `exit`\n */\n delay?: number | DelayConfig\n}\n\ntype TargetResolver = (\n props: P & TransitionProperties,\n) => TargetAndTransition\n\ntype Variant
= TargetAndTransition | TargetResolver
\n\nexport type Variants
= {\n enter: Variant
\n exit: Variant
\n initial?: Variant
\n}\n\ntype WithMotionState
= Partial>\n\nexport type TransitionConfig = WithMotionState\n\nexport type TransitionEndConfig = WithMotionState\n\nexport type DelayConfig = WithMotionState\n\nexport const TRANSITION_EASINGS = {\n ease: [0.25, 0.1, 0.25, 1],\n easeIn: [0.4, 0, 1, 1],\n easeOut: [0, 0, 0.2, 1],\n easeInOut: [0.4, 0, 0.2, 1],\n} as const\n\nexport const TRANSITION_VARIANTS = {\n scale: {\n enter: { scale: 1 },\n exit: { scale: 0.95 },\n },\n fade: {\n enter: { opacity: 1 },\n exit: { opacity: 0 },\n },\n pushLeft: {\n enter: { x: \"100%\" },\n exit: { x: \"-30%\" },\n },\n pushRight: {\n enter: { x: \"-100%\" },\n exit: { x: \"30%\" },\n },\n pushUp: {\n enter: { y: \"100%\" },\n exit: { y: \"-30%\" },\n },\n pushDown: {\n enter: { y: \"-100%\" },\n exit: { y: \"30%\" },\n },\n slideLeft: {\n position: { left: 0, top: 0, bottom: 0, width: \"100%\" },\n enter: { x: 0, y: 0 },\n exit: { x: \"-100%\", y: 0 },\n },\n slideRight: {\n position: { right: 0, top: 0, bottom: 0, width: \"100%\" },\n enter: { x: 0, y: 0 },\n exit: { x: \"100%\", y: 0 },\n },\n slideUp: {\n position: { top: 0, left: 0, right: 0, maxWidth: \"100vw\" },\n enter: { x: 0, y: 0 },\n exit: { x: 0, y: \"-100%\" },\n },\n slideDown: {\n position: { bottom: 0, left: 0, right: 0, maxWidth: \"100vw\" },\n enter: { x: 0, y: 0 },\n exit: { x: 0, y: \"100%\" },\n },\n}\n\nexport type SlideDirection = \"top\" | \"left\" | \"bottom\" | \"right\"\n\nexport function getSlideTransition(options?: { direction?: SlideDirection }) {\n const side = options?.direction ?? \"right\"\n switch (side) {\n case \"right\":\n return TRANSITION_VARIANTS.slideRight\n case \"left\":\n return TRANSITION_VARIANTS.slideLeft\n case \"bottom\":\n return TRANSITION_VARIANTS.slideDown\n case \"top\":\n return TRANSITION_VARIANTS.slideUp\n default:\n return TRANSITION_VARIANTS.slideRight\n }\n}\n\nexport const TRANSITION_DEFAULTS = {\n enter: {\n duration: 0.2,\n ease: TRANSITION_EASINGS.easeOut,\n },\n exit: {\n duration: 0.1,\n ease: TRANSITION_EASINGS.easeIn,\n },\n} as const\n\nexport type WithTransitionConfig = Omit &\n TransitionProperties & {\n /**\n * If `true`, the element will unmount when `in={false}` and animation is done\n */\n unmountOnExit?: boolean\n /**\n * Show the component; triggers when enter or exit states\n */\n in?: boolean\n }\n\nexport const withDelay = {\n enter: (\n transition: Transition,\n delay?: number | DelayConfig,\n ): Transition & { delay: number | undefined } => ({\n ...transition,\n delay: typeof delay === \"number\" ? delay : delay?.[\"enter\"],\n }),\n exit: (\n transition: Transition,\n delay?: number | DelayConfig,\n ): Transition & { delay: number | undefined } => ({\n ...transition,\n delay: typeof delay === \"number\" ? delay : delay?.[\"exit\"],\n }),\n}\n","import { cx, warn } from \"@chakra-ui/shared-utils\"\nimport {\n AnimatePresence,\n HTMLMotionProps,\n motion,\n Variants as _Variants,\n} from \"framer-motion\"\nimport { forwardRef, useEffect, useState } from \"react\"\nimport {\n TRANSITION_EASINGS,\n Variants,\n withDelay,\n WithTransitionConfig,\n} from \"./transition-utils\"\n\nconst isNumeric = (value?: string | number) =>\n value != null && parseInt(value.toString(), 10) > 0\n\nexport interface CollapseOptions {\n /**\n * If `true`, the opacity of the content will be animated\n * @default true\n */\n animateOpacity?: boolean\n /**\n * The height you want the content in its collapsed state.\n * @default 0\n */\n startingHeight?: number | string\n /**\n * The height you want the content in its expanded state.\n * @default \"auto\"\n */\n endingHeight?: number | string\n}\n\nconst defaultTransitions = {\n exit: {\n height: { duration: 0.2, ease: TRANSITION_EASINGS.ease },\n opacity: { duration: 0.3, ease: TRANSITION_EASINGS.ease },\n },\n enter: {\n height: { duration: 0.3, ease: TRANSITION_EASINGS.ease },\n opacity: { duration: 0.4, ease: TRANSITION_EASINGS.ease },\n },\n}\n\nconst variants: Variants = {\n exit: ({\n animateOpacity,\n startingHeight,\n transition,\n transitionEnd,\n delay,\n }) => ({\n ...(animateOpacity && { opacity: isNumeric(startingHeight) ? 1 : 0 }),\n height: startingHeight,\n transitionEnd: transitionEnd?.exit,\n transition:\n transition?.exit ?? withDelay.exit(defaultTransitions.exit, delay),\n }),\n enter: ({\n animateOpacity,\n endingHeight,\n transition,\n transitionEnd,\n delay,\n }) => ({\n ...(animateOpacity && { opacity: 1 }),\n height: endingHeight,\n transitionEnd: transitionEnd?.enter,\n transition:\n transition?.enter ?? withDelay.enter(defaultTransitions.enter, delay),\n }),\n}\n\nexport type ICollapse = CollapseProps\n\nexport interface CollapseProps\n extends WithTransitionConfig>,\n CollapseOptions {}\n\nexport const Collapse = forwardRef(\n (props, ref) => {\n const {\n in: isOpen,\n unmountOnExit,\n animateOpacity = true,\n startingHeight = 0,\n endingHeight = \"auto\",\n style,\n className,\n transition,\n transitionEnd,\n ...rest\n } = props\n\n const [mounted, setMounted] = useState(false)\n useEffect(() => {\n const timeout = setTimeout(() => {\n setMounted(true)\n })\n return () => clearTimeout(timeout)\n }, [])\n\n /**\n * Warn 🚨: `startingHeight` and `unmountOnExit` are mutually exclusive\n *\n * If you specify a starting height, the collapsed needs to be mounted\n * for the height to take effect.\n */\n warn({\n condition: Number(startingHeight) > 0 && !!unmountOnExit,\n message: `startingHeight and unmountOnExit are mutually exclusive. You can't use them together`,\n })\n\n const hasStartingHeight = parseFloat(startingHeight.toString()) > 0\n\n const custom = {\n startingHeight,\n endingHeight,\n animateOpacity,\n transition: !mounted ? { enter: { duration: 0 } } : transition,\n transitionEnd: {\n enter: transitionEnd?.enter,\n exit: unmountOnExit\n ? transitionEnd?.exit\n : {\n ...transitionEnd?.exit,\n display: hasStartingHeight ? \"block\" : \"none\",\n },\n },\n }\n\n const show = unmountOnExit ? isOpen : true\n const animate = isOpen || unmountOnExit ? \"enter\" : \"exit\"\n\n return (\n \n {show && (\n \n )}\n \n )\n },\n)\n\nCollapse.displayName = \"Collapse\"\n","import { chakra, forwardRef, HTMLChakraProps } from \"@chakra-ui/system\"\nimport { Collapse, CollapseProps } from \"@chakra-ui/transition\"\nimport { cx } from \"@chakra-ui/shared-utils\"\nimport {\n useAccordionItemContext,\n useAccordionStyles,\n} from \"./accordion-context\"\nimport { useAccordionContext } from \"./use-accordion\"\n\nexport interface AccordionPanelProps extends HTMLChakraProps<\"div\"> {\n /**\n * The properties passed to the underlying `Collapse` component.\n */\n motionProps?: CollapseProps\n}\n\n/**\n * Accordion panel that holds the content for each accordion.\n * It shows and hides based on the state login from the `AccordionItem`.\n *\n * It uses the `Collapse` component to animate its height.\n */\nexport const AccordionPanel = forwardRef(\n function AccordionPanel(props, ref) {\n const { className, motionProps, ...rest } = props\n\n const { reduceMotion } = useAccordionContext()\n const { getPanelProps, isOpen } = useAccordionItemContext()\n\n // remove `hidden` prop, 'coz we're using height animation\n const panelProps = getPanelProps(rest, ref)\n\n const _className = cx(\"chakra-accordion__panel\", className)\n const styles = useAccordionStyles()\n\n if (!reduceMotion) {\n delete panelProps.hidden\n }\n\n const child = (\n \n )\n\n if (!reduceMotion) {\n return (\n \n {child}\n \n )\n }\n\n return child\n },\n)\n\nAccordionPanel.displayName = \"AccordionPanel\"\n","import React from \"react\";\r\nimport {\r\n AccordionButton,\r\n AccordionIcon,\r\n AccordionItem,\r\n AccordionPanel,\r\n Box,\r\n HStack,\r\n Heading,\r\n Image,\r\n Link,\r\n Text,\r\n VStack,\r\n} from \"@chakra-ui/react\";\r\nimport { ThemeInterface } from \"../theme/theme\";\r\n// import { Fade } from 'react-reveal';\r\n\r\ninterface experiencInterface {\r\n color: string;\r\n company: string;\r\n company_url: string;\r\n description: string;\r\n duration: string;\r\n location: string;\r\n logo_path: string;\r\n title: string;\r\n}\r\ninterface ExperienceCardInterface {\r\n experience: experiencInterface;\r\n theme: ThemeInterface;\r\n index: number;\r\n totalCards: number;\r\n}\r\n\r\nconst ExperienceCard: React.FC = ({\r\n experience,\r\n theme,\r\n index,\r\n totalCards,\r\n}) => {\r\n console.log(\"experience1234567\", experience);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {experience.title}\r\n \r\n \r\n {experience.company}\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n {experience.duration}{\" \"}\r\n \r\n \r\n {\" \"}\r\n {experience.location}{\" \"}\r\n \r\n \r\n \r\n\r\n\r\n \r\n {experience.description}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default ExperienceCard;\r\n","import React from \"react\";\r\nimport { ThemeInterface } from \"../theme/theme\";\r\nimport {\r\n Accordion,\r\n AccordionButton,\r\n AccordionIcon,\r\n AccordionItem,\r\n AccordionPanel,\r\n Box,\r\n Stack,\r\n} from \"@chakra-ui/react\";\r\nimport ExperienceCard from \"../ExperienceCard/ExperienceCard\";\r\n\r\ninterface experiencInterface {\r\n color: string;\r\n company: string;\r\n company_url: string;\r\n description: string;\r\n duration: string;\r\n location: string;\r\n logo_path: string;\r\n title: string;\r\n}\r\ninterface SectionsInterface {\r\n experiences: experiencInterface[];\r\n title: string;\r\n}\r\ninterface experienceInterface {\r\n description: string;\r\n header_image_path: string;\r\n sections: SectionsInterface[];\r\n subtitle: string;\r\n title: string;\r\n}\r\ninterface ExperienceAccordionProps {\r\n experience: experienceInterface;\r\n theme: ThemeInterface;\r\n}\r\n\r\nconst ExperienceAccordion: React.FC = ({\r\n experience,\r\n theme,\r\n}) => {\r\n console.log(\"experience\", experience.sections[0]);\r\n return (\r\n \r\n \r\n {experience.sections.map((section, index) => {\r\n return (\r\n \r\n {({ isExpanded }) => (\r\n <>\r\n \r\n \r\n \r\n {section.title}\r\n \r\n \r\n \r\n
\r\n \r\n {section.experiences.map((experience, index) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n )}\r\n \r\n );\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ExperienceAccordion;\r\n","import React from \"react\";\r\nimport ExperienceImg from \"../../components/ExperienceImg/ExperienceImg\";\r\nimport { experience } from \"../../portfolio\";\r\nimport { appTheme } from \"../../components/theme/theme\";\r\nimport { Box, HStack, Heading, Text, VStack } from \"@chakra-ui/react\";\r\nimport ExperienceAccordion from \"../../components/ExperienceAccordion/ExperienceAccordion\";\r\nimport { keyframes } from \"@emotion/react\";\r\nimport Reveal from \"react-awesome-reveal\";\r\n\r\nconst Upwards = keyframes`\r\nfrom {\r\n opacity: 0;\r\n transform: translateY(50px);\r\n}\r\n\r\nto {\r\n opacity: 1;\r\n transform: translateY(0px);\r\n}\r\n`\r\n\r\nconst Experience: React.FC<{}> = () => {\r\n const theme = appTheme;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {experience.title}\r\n \r\n {experience.subtitle}\r\n \r\n \r\n {experience.description}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Experience;\r\n","// src/responsive.ts\nimport { isObject } from \"@chakra-ui/shared-utils\";\nvar breakpoints = Object.freeze([\n \"base\",\n \"sm\",\n \"md\",\n \"lg\",\n \"xl\",\n \"2xl\"\n]);\nfunction mapResponsive(prop, mapper) {\n if (Array.isArray(prop)) {\n return prop.map((item) => item === null ? null : mapper(item));\n }\n if (isObject(prop)) {\n return Object.keys(prop).reduce((result, key) => {\n result[key] = mapper(prop[key]);\n return result;\n }, {});\n }\n if (prop != null) {\n return mapper(prop);\n }\n return null;\n}\nfunction objectToArrayNotation(obj, bps = breakpoints) {\n const result = bps.map((br) => {\n var _a;\n return (_a = obj[br]) != null ? _a : null;\n });\n const lastItem = result[result.length - 1];\n while (lastItem === null)\n result.pop();\n return result;\n}\nfunction arrayToObjectNotation(values, bps = breakpoints) {\n const result = {};\n values.forEach((value, index) => {\n const key = bps[index];\n if (value == null)\n return;\n result[key] = value;\n });\n return result;\n}\nfunction isResponsiveObjectLike(obj, bps = breakpoints) {\n const keys = Object.keys(obj);\n return keys.length > 0 && keys.every((key) => bps.includes(key));\n}\nvar isCustomBreakpoint = (v) => Number.isNaN(Number(v));\n\nexport {\n breakpoints,\n mapResponsive,\n objectToArrayNotation,\n arrayToObjectNotation,\n isResponsiveObjectLike,\n isCustomBreakpoint\n};\n","import { forwardRef } from \"@chakra-ui/system\"\n\nimport { Stack, StackProps } from \"./stack\"\n\n/**\n * A view that arranges its children in a horizontal line.\n *\n * @see Docs https://chakra-ui.com/docs/components/stack\n */\nexport const HStack = forwardRef((props, ref) => (\n \n))\n\nHStack.displayName = \"HStack\"\n","import {\n chakra,\n forwardRef,\n omitThemingProps,\n ThemingProps,\n useStyleConfig,\n HTMLChakraProps,\n} from \"@chakra-ui/system\"\nimport { cx } from \"@chakra-ui/shared-utils\"\n\nexport interface HeadingProps\n extends HTMLChakraProps<\"h2\">,\n ThemingProps<\"Heading\"> {}\n\n/**\n * `Heading` is used to render semantic HTML heading elements.\n *\n * By default, renders as `h2` with themantic size `xl`\n *\n * @see Docs https://chakra-ui.com/docs/components/heading\n */\nexport const Heading = forwardRef(function Heading(\n props,\n ref,\n) {\n const styles = useStyleConfig(\"Heading\", props)\n const { className, ...rest } = omitThemingProps(props)\n\n return (\n \n )\n})\n\nHeading.displayName = \"Heading\"\n","import { forwardRef } from \"@chakra-ui/system\"\n\nimport { Stack, StackProps } from \"./stack\"\n\n/**\n * A view that arranges its children in a vertical line.\n *\n * @see Docs https://chakra-ui.com/docs/components/stack\n */\nexport const VStack = forwardRef((props, ref) => (\n \n))\n\nVStack.displayName = \"VStack\"\n","import { ChakraComponent, chakra } from \"@chakra-ui/system\"\n\nexport const StackItem: ChakraComponent<\"div\"> = (props) => (\n \n)\n\nStackItem.displayName = \"StackItem\"\n","import { getValidChildren } from \"@chakra-ui/react-children-utils\"\nimport { cx } from \"@chakra-ui/shared-utils\"\nimport {\n chakra,\n forwardRef,\n HTMLChakraProps,\n SystemProps,\n} from \"@chakra-ui/system\"\nimport { cloneElement, Fragment, useMemo } from \"react\"\n\nimport { StackItem } from \"./stack-item\"\nimport type { StackDirection } from \"./stack.utils\"\nimport { getDividerStyles } from \"./stack.utils\"\n\nexport type { StackDirection }\n\ninterface StackOptions {\n /**\n * Shorthand for `alignItems` style prop\n * @type SystemProps[\"alignItems\"]\n */\n align?: SystemProps[\"alignItems\"]\n /**\n * Shorthand for `justifyContent` style prop\n * @type SystemProps[\"justifyContent\"]\n */\n justify?: SystemProps[\"justifyContent\"]\n /**\n * Shorthand for `flexWrap` style prop\n * @type SystemProps[\"flexWrap\"]\n */\n wrap?: SystemProps[\"flexWrap\"]\n /**\n * The space between each stack item\n * @type SystemProps[\"margin\"]\n * @default \"0.5rem\"\n */\n spacing?: SystemProps[\"margin\"]\n /**\n * The direction to stack the items.\n * @default \"column\"\n */\n direction?: StackDirection\n /**\n * If `true`, each stack item will show a divider\n * @type React.ReactElement\n */\n divider?: React.ReactElement\n /**\n * If `true`, the children will be wrapped in a `Box` with\n * `display: inline-block`, and the `Box` will take the spacing props\n *\n * @default false\n */\n shouldWrapChildren?: boolean\n /**\n * If `true` the items will be stacked horizontally.\n *\n * @default false\n *\n * @deprecated - Use `direction=\"row\"` or `HStack` instead\n */\n isInline?: boolean\n}\n\nexport interface StackProps extends HTMLChakraProps<\"div\">, StackOptions {}\n\n/**\n * Stacks help you easily create flexible and automatically distributed layouts\n *\n * You can stack elements in the horizontal or vertical direction,\n * and apply a space or/and divider between each element.\n *\n * It uses `display: flex` internally and renders a `div`.\n *\n * @see Docs https://chakra-ui.com/stack\n *\n */\nexport const Stack = forwardRef((props, ref) => {\n const {\n isInline,\n direction: directionProp,\n align,\n justify,\n spacing = \"0.5rem\",\n wrap,\n children,\n divider,\n className,\n shouldWrapChildren,\n ...rest\n } = props\n\n const direction = isInline ? \"row\" : directionProp ?? \"column\"\n\n const dividerStyle = useMemo(\n () => getDividerStyles({ spacing, direction }),\n [spacing, direction],\n )\n\n const hasDivider = !!divider\n const shouldUseChildren = !shouldWrapChildren && !hasDivider\n\n const clones = useMemo(() => {\n const validChildren = getValidChildren(children)\n return shouldUseChildren\n ? validChildren\n : validChildren.map((child, index) => {\n // Prefer provided child key, fallback to index\n const key = typeof child.key !== \"undefined\" ? child.key : index\n const isLast = index + 1 === validChildren.length\n const wrappedChild = {child}\n const _child = shouldWrapChildren ? wrappedChild : child\n\n if (!hasDivider) return _child\n\n const clonedDivider = cloneElement(\n divider as React.ReactElement,\n {\n __css: dividerStyle,\n },\n )\n\n const _divider = isLast ? null : clonedDivider\n\n return (\n \n {_child}\n {_divider}\n \n )\n })\n }, [\n divider,\n dividerStyle,\n hasDivider,\n shouldUseChildren,\n shouldWrapChildren,\n children,\n ])\n\n const _className = cx(\"chakra-stack\", className)\n\n return (\n \n {clones}\n \n )\n})\n\nStack.displayName = \"Stack\"\n","import { ResponsiveValue, SystemProps } from \"@chakra-ui/system\"\nimport { mapResponsive } from \"@chakra-ui/breakpoint-utils\"\n\nexport type StackDirection = ResponsiveValue<\n \"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"\n>\n\ninterface Options {\n spacing: SystemProps[\"margin\"]\n direction: StackDirection\n}\n\nexport function getDividerStyles(options: Options) {\n const { spacing, direction } = options\n\n const dividerStyles = {\n column: {\n my: spacing,\n mx: 0,\n borderLeftWidth: 0,\n borderBottomWidth: \"1px\",\n },\n \"column-reverse\": {\n my: spacing,\n mx: 0,\n borderLeftWidth: 0,\n borderBottomWidth: \"1px\",\n },\n row: {\n mx: spacing,\n my: 0,\n borderLeftWidth: \"1px\",\n borderBottomWidth: 0,\n },\n \"row-reverse\": {\n mx: spacing,\n my: 0,\n borderLeftWidth: \"1px\",\n borderBottomWidth: 0,\n },\n }\n\n return {\n \"&\": mapResponsive(\n direction,\n (value: keyof typeof dividerStyles) => dividerStyles[value],\n ),\n }\n}\n","// src/index.ts\nimport { Children, isValidElement } from \"react\";\nfunction getValidChildren(children) {\n return Children.toArray(children).filter(\n (child) => isValidElement(child)\n );\n}\nexport {\n getValidChildren\n};\n","import { useMemo } from \"react\"\n\nexport type ReactRef = React.RefCallback | React.MutableRefObject\n\nexport function assignRef(\n ref: ReactRef | null | undefined,\n value: T,\n) {\n if (ref == null) return\n\n if (typeof ref === \"function\") {\n ref(value)\n return\n }\n\n try {\n ref.current = value\n } catch (error) {\n throw new Error(`Cannot assign value '${value}' to ref '${ref}'`)\n }\n}\n\nexport function mergeRefs(...refs: (ReactRef | null | undefined)[]) {\n return (node: T | null) => {\n refs.forEach((ref) => {\n assignRef(ref, node)\n })\n }\n}\n\nexport function useMergeRefs(...refs: (ReactRef | null | undefined)[]) {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n return useMemo(() => mergeRefs(...refs), refs)\n}\n"],"names":["_jsx","Image","src","sortNodes","nodes","sort","a","b","compare","compareDocumentPosition","Node","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_CONTAINED_BY","DOCUMENT_POSITION_PRECEDING","DOCUMENT_POSITION_CONTAINS","DOCUMENT_POSITION_DISCONNECTED","DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC","Error","getNextIndex","current","max","loop","next","getPrevIndex","useSafeLayoutEffect","window","useLayoutEffect","useEffect","cast","value","DescendantsManager","_createClass","_this","_classCallCheck","__publicField","Map","nodeOrOptions","el","nodeType","ELEMENT_NODE","registerNode","node","descendants","delete","sorted","Array","from","keys","assignIndex","clear","forEach","descendant","index","indexOf","dataset","toString","size","enabledValues","length","values","filter","disabled","count","enabledCount","item","enabledItem","lastIndex","_a","_b","get","findIndex","i","isSameNode","arguments","undefined","nextEnabledIndex","enabledIndexOf","prev","prevEnabledIndex","options","has","concat","_objectSpread","set","_createContext","createContext","name","errorMessage","_createContext2","_slicedToArray","DescendantsContextProvider","useDescendantsContext","hookName","providerName","AccordionStylesProvider","useAccordionStyles","_createContext3","_createContext4","AccordionItemProvider","useAccordionItemContext","_createDescendantCont","useRef","destroy","useDescendants","_useState","useState","_useState2","setIndex","ref","unregister","dataIndex","Number","isNaN","refCallback","register","enabledIndex","mergeRefs","useDescendant","_createDescendantCont2","AccordionDescendantsProvider","useAccordionDescendants","useAccordionDescendant","useAccordion","props","onChange","defaultIndex","indexProp","allowMultiple","allowToggle","htmlProps","_objectWithoutProperties","_excluded","condition","isArray","warn","message","allowMultipleWarning","allowMultipleAndAllowToggleWarning","focusedIndex","setFocusedIndex","_useControllableState","valueProp","defaultValue","_props$shouldUpdate","shouldUpdate","onChangeProp","useCallbackRef","shouldUpdateProp","uncontrolledState","setUncontrolledState","controlled","setValue","nextValue","useControllableState","_useControllableState2","getAccordionItemProps","idx","isOpen","includes","isOpen2","nextState","AccordionProvider","useAccordionContext","useAccordionItem","isDisabled","isFocusable","id","_excluded2","_useAccordionContext","buttonRef","reactId","useId","uid","buttonId","panelId","focusableNotDisabledWarning","_useAccordionDescenda","_getAccordionItemProp","warnIfOpenAndDisabled","onClick","useCallback","onKeyDown","event","action","ArrowDown","nextEnabled","focus","ArrowUp","prevEnabled","Home","first","firstEnabled","End","last","lastEnabled","key","preventDefault","onFocus","getButtonProps","props2","type","callAllHandlers","getPanelProps","role","hidden","onOpen","onClose","Accordion","forwardRef","_ref","children","reduceMotion","styles","useMultiStyleConfig","_useAccordion","omitThemingProps","context","ctx","useMemo","jsx","chakra","className","cx","__css","root","displayName","AccordionItem","_useAccordionItem","containerStyles","container","overflowAnchor","isExpanded","AccordionButton","buttonProps","buttonStyles","display","alignItems","width","outline","button","AccordionIcon","_useAccordionItemCont","_className","iconStyles","opacity","transform","transition","transformOrigin","icon","Icon","viewBox","fill","d","TRANSITION_EASINGS","ease","easeIn","easeOut","easeInOut","withDelay","delay","defaultTransitions","exit","height","duration","enter","variants","animateOpacity","startingHeight","transitionEnd","parseInt","_ref2","endingHeight","Collapse","in","unmountOnExit","_props$animateOpacity","_props$startingHeight","_props$endingHeight","style","rest","mounted","setMounted","timeout","setTimeout","clearTimeout","hasStartingHeight","parseFloat","custom","show","animate","AnimatePresence","initial","motion","overflow","AccordionPanel","motionProps","panelProps","child","panel","experience","theme","totalCards","console","log","_jsxs","HStack","padding","flexDir","base","sm","justifyContent","border","color","borderRadius","Box","marginBottom","logo_path","VStack","textAlign","flexDirection","Heading","sx","fontWeight","fontSize","lineHeight","title","Text","company","location","marginTop","description","sections","Stack","margin","w","map","section","_Fragment","_hover","secondaryText","borderColor","headerColor","flex","backgroundColor","body","fontFamily","text","gap","experiences","ExperienceCard","Upwards","keyframes","_templateObject","_taggedTemplateLiteral","appTheme","md","lg","xl","Reveal","mt","ExperienceImg","ExperienceAccordion","Object","freeze","mapResponsive","prop","mapper","isObject","reduce","result","align","direction","useStyleConfig","_omitThemingProps","StackItem","minWidth","isInline","directionProp","justify","_props$spacing","spacing","wrap","divider","shouldWrapChildren","dividerStyle","dividerStyles","column","my","mx","borderLeftWidth","borderBottomWidth","row","getDividerStyles","hasDivider","shouldUseChildren","clones","validChildren","Children","isValidElement","getValidChildren","isLast","_child","clonedDivider","cloneElement","_divider","jsxs","Fragment","flexWrap","_len","refs","_key","error","assignRef","useMergeRefs","_len2","_key2","apply"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/698.a3d06702.chunk.js b/static/js/698.a3d06702.chunk.js
new file mode 100644
index 0000000..a998790
--- /dev/null
+++ b/static/js/698.a3d06702.chunk.js
@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkdeepumandal=self.webpackChunkdeepumandal||[]).push([[698],{8698:function(e,n,t){t.r(n),t.d(n,{default:function(){return A}});var s,a,r,i=t(1413),l=t(168),o=t(824),m=t(2814),x=t(8292),c=t(1029),p=t(8209),f=t(9055),u=t(1917),d=t(9589),h=t(56),g=(t(2791),t(9457)),j=t(884),b=t(184),y=function(e){var n=e.title,t=e.nickname,s=e.subTitle;e.resumeLink,e.portfolio_repository,e.githubProfile;return(0,b.jsxs)(u.g,{height:"fit-content",textAlign:{sm:"left",md:"left"},children:[(0,b.jsxs)(j.x,{fontSize:{base:"30px",sm:"50px"},lineHeight:{base:"33px",sm:"55px"},w:{base:"70%",sm:"80%"},m:"auto",mt:{base:"50px"},sx:{fontFamily:"'Open Sans', sans-serif",fontWeight:700,color:"thistheme.text"},children:[" ",n]}),(0,b.jsxs)(j.x,{pt:{base:"0px",sm:"15px"},w:{base:"fit-content",sm:"80%"},m:"auto",sx:{fontFamily:"'Open Sans', sans-serif",fontWeight:400,fontSize:"24px",color:"thistheme.text",lineHeight:"20px"},children:[" ",(0,b.jsxs)("i",{children:["( ",t," )"]})]}),(0,b.jsxs)(j.x,{w:{base:"fit-content",sm:"80%"},m:"auto",pt:{sm:"20px",base:"0px"},fontSize:{sm:"20px",base:"16px"},lineHeight:{sm:"35px",base:"26px"},sx:{fontFamily:"'Open Sans', sans-serif",fontWeight:500,color:"thistheme.describe",width:"80%"},children:[" ",s]})]})},w=function(){return(0,b.jsx)("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"end",padding:"auto"},children:(0,b.jsx)(y,(0,i.Z)({},g.Qw))})},k=t(3803),S=t(1560),Z=t(6582),v=function(e){var n=e.imgurl,t=e.skillName;e.fontAwesomeClassname,e.style;return(0,b.jsx)("div",{children:(0,b.jsx)(c.u,{label:t,children:(0,b.jsx)(S.E,{width:{base:"35px",sm:"60px"},margin:"5px",sx:{cursor:"pointer"},src:"./imgurl/".concat(n)})})})},C=function(e){var n=e.Skills;return(0,b.jsx)(j.x,{textAlign:"left",w:{base:"90%",sm:"100%"},fontSize:{base:"13px",sm:"20px"},sx:{fontFamily:"Open Sans",color:"thistheme.describe",fontWeight:400},children:n})},P=t(8045),W=t(2554),F=(0,W.F4)(s||(s=(0,l.Z)(["\nfrom {\n opacity: 0;\n transform: translateX(-200px);\n}\n\nto {\n opacity: 1;\n transform: translateX(0px);\n}\n"]))),I=(0,W.F4)(a||(a=(0,l.Z)(["\nfrom {\n opacity: 0;\n transform: translateX(200px);\n}\n\nto {\n opacity: 1;\n transform: translateX(0px);\n}\n"]))),X=function(e){var n=e.even,t=e.img,s=e.title,a=(e.fileName,e.skills),r=e.softwareSkills;return(0,b.jsxs)(m.r,{w:{base:"100%",sm:"90%",md:"800px",lg:"1000px",xl:"1100px","2xl":"1400px"},gridTemplateColumns:{base:"repeat(1,1fr)",sm:"repeat(2,1fr)"},gridTemplateRows:{base:"repeat(2,1fr)",sm:"repeat(2,1fr)"},gridTemplateAreas:{base:'"info" "image"',sm:n?' "info image" "info image" ':' "image info" "image info" '},children:[(0,b.jsx)(x.P,{area:"image",width:{base:"100%",sm:"100%"},height:"fit-content",alignItems:"center",display:"flex",justifyContent:"center",children:(0,b.jsx)(P.ZP,{duration:2e3,keyframes:n?I:F,children:(0,b.jsx)(c.u,{label:s,children:(0,b.jsx)(S.E,{margin:"auto",src:"./images/".concat(t),width:{base:"85%",sm:"75%"}})})})}),(0,b.jsxs)(x.P,{area:"info",children:[(0,b.jsx)(P.ZP,{duration:1e3,keyframes:n?F:I,children:(0,b.jsx)(d.X,{w:{base:"92%",sm:"92%"},m:"auto",fontSize:{base:"30px",sm:"40px"},sx:{fontFamily:"open sans",fontWeight:500,color:"thistheme.text"},children:s})}),(0,b.jsx)(P.ZP,{duration:1500,keyframes:n?F:I,children:(0,b.jsx)(Z.k,{flexWrap:"wrap",mt:{base:"0px",sm:"20px"},align:"center",justifyContent:"center",children:r.map((function(e,n){return(0,b.jsx)(v,(0,i.Z)({},e),n)}))})}),(0,b.jsx)(P.ZP,{duration:2e3,keyframes:n?F:I,children:(0,b.jsx)(u.g,{children:a.map((function(e,n){return(0,b.jsx)(C,{Skills:e},n)}))})})]})]})},z=(0,W.F4)(r||(r=(0,l.Z)(["\nfrom {\n opacity: 0;\n transform: translateY(50px);\n}\n\nto {\n opacity: 1;\n transform: translateY(0px);\n}\n"]))),A=function(){return(0,b.jsxs)(o.xu,{children:[(0,b.jsx)(P.ZP,{duration:2e3,keyframes:z,children:(0,b.jsxs)(m.r,{id:"Home",height:{base:"800px",sm:"600px"},w:{base:"100%",sm:"90%",md:"800px",lg:"1000px",xl:"1100px","2xl":"1400px"},templateRows:{base:"repeat(3, 1fr)",sm:"repeat(1, 1fr)"},templateColumns:{base:"repeat(1, 1fr)",sm:"repeat(2, 1fr)"},gridTemplateAreas:{base:'"greet"\n "Social"\n "Image"\n ',sm:' " greet Image" \n " Social Image"\n '},m:"auto",children:[(0,b.jsx)(x.P,{area:"greet",h:{sm:"450px"},children:(0,b.jsx)(w,{})}),(0,b.jsxs)(x.P,{area:"Image",h:{sm:"600px",base:"500px"},children:[(0,b.jsx)("br",{}),(0,b.jsx)(c.u,{label:"Feeling Proud",children:(0,b.jsx)(p.E,{w:{base:"80%",sm:"100%"},m:"auto",mt:"40px",src:"./images/greetings.png",alt:"./images/greetings.png"})})]}),(0,b.jsxs)(x.P,{area:"Social",h:"150px",children:[(0,b.jsx)(k.Z,{}),(0,b.jsx)(f.z,{mt:"20px",bg:"thistheme.text",color:"#c5d3e1",className:"gitbun",transition:"1s",variant:"outline",colorScheme:"thistheme.text",children:(0,b.jsx)("a",{href:g.$K.og.url,rel:"noreferrer",target:"_blank",children:"\u2b50 Star Me On Github"})})]})]})}),(0,b.jsxs)(u.g,{mt:{base:"1rem",sm:"200px"},children:[(0,b.jsx)(P.ZP,{duration:2e3,keyframes:z,children:(0,b.jsx)(d.X,{mb:{sm:"80px",base:"40px"},sx:{fontFamily:"'Open Sans', sans-serif",fontWeight:600,fontSize:"45px"},color:"thistheme.text",children:"What I do?"})}),(0,b.jsxs)(h.K,{gap:"2rem",children:[(0,b.jsx)(X,(0,i.Z)({},g.nb.data[0])),(0,b.jsx)(X,(0,i.Z)((0,i.Z)({},g.nb.data[1]),{},{even:!0})),(0,b.jsx)(X,(0,i.Z)({},g.nb.data[2]))]})]})]})}},3803:function(e,n,t){t.d(n,{Z:function(){return g}});var s=t(1413),a=(t(2791),t(4925)),r=t(2814),i=t(5597),l=t(2552),o=t(2884),m=t(2625),x=t(184),c=["columns","spacingX","spacingY","spacing","minChildWidth"],p=(0,i.G)((function(e,n){var t,i=e.columns,p=e.spacingX,f=e.spacingY,u=e.spacing,d=e.minChildWidth,h=(0,a.Z)(e,c),g=(0,l.F)(),j=d?function(e,n){return(0,m.XQ)(e,(function(e){var t,s=(0,o.LP)("sizes",e,"number"===typeof(t=e)?"".concat(t,"px"):t)(n);return null===e?null:"repeat(auto-fit, minmax(".concat(s,", 1fr))")}))}(d,g):(t=i,(0,m.XQ)(t,(function(e){return null===e?null:"repeat(".concat(e,", minmax(0, 1fr))")})));return(0,x.jsx)(r.r,(0,s.Z)({ref:n,gap:u,columnGap:p,rowGap:f,templateColumns:j},h))}));p.displayName="SimpleGrid";var f=t(9457),u=t(824),d=t(1560),h=function(e){e.name,e.link;var n=e.fontAwesomeIcon,t=e.backgroundColor;return(0,x.jsx)(u.xu,{w:"41px",h:"41px",backgroundColor:t,borderRadius:"50%",m:"auto",display:"flex",justifyContent:"center",alignItems:"center",children:(0,x.jsx)(d.E,{width:"80%",src:"/images/".concat(n)})})},g=function(){return(0,x.jsx)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"space-evenly",alignItems:"center"},children:(0,x.jsx)(p,{minChildWidth:"41px",w:{base:"80%"},m:"auto",mt:"20px",spacing:"15px",display:"flex",flexWrap:"wrap",alignContent:"center",mb:"20px",justifyContent:"center",children:f.v7.map((function(e,n){return e.active?(0,x.jsxs)("a",{href:e.link,rel:"noreferrer",target:"_blank",children:[" ",(0,x.jsx)(h,(0,s.Z)({},e))]},n):null}))})})}}}]);
+//# sourceMappingURL=698.a3d06702.chunk.js.map
\ No newline at end of file
diff --git a/static/js/698.a3d06702.chunk.js.map b/static/js/698.a3d06702.chunk.js.map
new file mode 100644
index 0000000..04d4707
--- /dev/null
+++ b/static/js/698.a3d06702.chunk.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"static/js/698.a3d06702.chunk.js","mappings":"sTA8EA,EApEoC,SAAHA,GAO1B,IANLC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAQH,EAARG,SACUH,EAAVI,WACoBJ,EAApBK,qBACaL,EAAbM,cAEA,OACEC,EAAAA,EAAAA,MAACC,EAAAA,EACC,CACAC,OAAO,cACPC,UAAW,CAAEC,GAAI,OAAQC,GAAI,QAASC,SAAA,EAGtCN,EAAAA,EAAAA,MAACO,EAAAA,EAAI,CACHC,SAAU,CAAEC,KAAM,OAAQL,GAAI,QAC9BM,WAAY,CAAED,KAAM,OAAQL,GAAI,QAChCO,EAAG,CAAEF,KAAM,MAAOL,GAAI,OACtBQ,EAAG,OACHC,GAAI,CAAEJ,KAAM,QACZK,GAAI,CACFC,WAAY,0BACZC,WAAY,IAEZC,MAAO,kBACPX,SAAA,CAED,IACAZ,MAGHM,EAAAA,EAAAA,MAACO,EAAAA,EAAI,CACHW,GAAI,CAAET,KAAM,MAAOL,GAAI,QACvBO,EAAG,CAAEF,KAAM,cAAeL,GAAI,OAC9BQ,EAAG,OACHE,GAAI,CACFC,WAAY,0BACZC,WAAY,IACZR,SAAU,OACVS,MAAO,iBACPP,WAAY,QACZJ,SAAA,CAED,KACDN,EAAAA,EAAAA,MAAA,KAAAM,SAAA,CAAG,KAAOX,EAAS,YAGrBK,EAAAA,EAAAA,MAACO,EAAAA,EAAI,CACHI,EAAG,CAAEF,KAAM,cAAeL,GAAI,OAC9BQ,EAAG,OACHM,GAAI,CAAEd,GAAI,OAAQK,KAAM,OACxBD,SAAU,CAAEJ,GAAI,OAAQK,KAAM,QAC9BC,WAAY,CAAEN,GAAI,OAAQK,KAAM,QAChCK,GAAI,CACFC,WAAY,0BACZC,WAAY,IACZC,MAAO,qBACPE,MAAO,OACPb,SAAA,CAED,IACAV,OAIT,ECtDA,EAlB4B,WAC1B,OACEwB,EAAAA,EAAAA,KAAA,OACEC,MAAO,CACLF,MAAO,OACPjB,OAAQ,OACRoB,QAAS,OACTC,WAAY,MACZC,QAAS,QACTlB,UAGAc,EAAAA,EAAAA,KAACK,GAAKC,EAAAA,EAAAA,GAAA,GAAKC,EAAAA,MAInB,E,8BCUA,EAhBwC,SAAHlC,GAA4D,IAAtDmC,EAAMnC,EAANmC,OAAQC,EAASpC,EAAToC,UAA+BpC,EAApBqC,qBAA2BrC,EAAL4B,MAElF,OACED,EAAAA,EAAAA,KAAA,OAAAd,UACEc,EAAAA,EAAAA,KAACW,EAAAA,EAAO,CAAEC,MAAOH,EAAUvB,UACzBc,EAAAA,EAAAA,KAACa,EAAAA,EAAK,CACJd,MAAO,CAACV,KAAO,OAAQL,GAAI,QAC3B8B,OAAQ,MACRpB,GAAI,CAAEqB,OAAQ,WACdC,IAAG,YAAAC,OAAcT,QAK3B,ECXA,EAZK,SAAAnC,GAAiB,IAAd6C,EAAM7C,EAAN6C,OACN,OACElB,EAAAA,EAAAA,KAACb,EAAAA,EAAI,CAACJ,UAAW,OAAQQ,EAAG,CAAEF,KAAM,MAAOL,GAAI,QAC7CI,SAAU,CAAEC,KAAM,OAAQL,GAAI,QAC9BU,GAAI,CACFC,WAAY,YACZE,MAAO,qBACPD,WAAY,KACZV,SAAEgC,GAEV,E,oBCWMC,GAAWC,EAAAA,EAAAA,IAASC,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,+HAWpBC,GAAYH,EAAAA,EAAAA,IAASI,IAAAA,GAAAF,EAAAA,EAAAA,GAAA,8HA0F3B,EA/EkC,SAAHjD,GAAgE,IAA1DoD,EAAIpD,EAAJoD,KAAMC,EAAGrD,EAAHqD,IAAKpD,EAAKD,EAALC,MAAiBqD,GAAFtD,EAARuD,SAAgBvD,EAANsD,QAAQE,EAAcxD,EAAdwD,eAEvE,OACEjD,EAAAA,EAAAA,MAACkD,EAAAA,EAAI,CACHvC,EAAG,CACDF,KAAM,OACNL,GAAI,MACJC,GAAI,QACJ8C,GAAI,SACJC,GAAI,SACJ,MAAO,UAGTC,oBAAqB,CAAE5C,KAAM,gBAAiBL,GAAI,iBAClDkD,iBAAkB,CAAE7C,KAAM,gBAAiBL,GAAI,iBAC/CmD,kBAAmB,CACjB9C,KAAK,iBACLL,GAAIyC,EAAI,iEACRvC,SAAA,EAGFc,EAAAA,EAAAA,KAACoC,EAAAA,EAAQ,CAACC,KAAM,QACdtC,MAAO,CAAEV,KAAM,OAAQL,GAAI,QAC3BF,OAAQ,cACRqB,WAAY,SACZD,QAAS,OAAQoC,eAAgB,SAASpD,UAG1Cc,EAAAA,EAAAA,KAACuC,EAAAA,GAAM,CAACC,SAAU,IAAMpB,UAAWK,EAAOF,EAAYJ,EAASjC,UAC7Dc,EAAAA,EAAAA,KAACW,EAAAA,EAAO,CAACC,MAAOtC,EAAMY,UACpBc,EAAAA,EAAAA,KAACa,EAAAA,EAAK,CAACC,OAAQ,OAAQE,IAAG,YAAAC,OAAcS,GAAO3B,MAAO,CAAEV,KAAM,MAAOL,GAAI,gBAI/EJ,EAAAA,EAAAA,MAACwD,EAAAA,EAAQ,CAACC,KAAM,OAAOnD,SAAA,EAGrBc,EAAAA,EAAAA,KAACuC,EAAAA,GAAM,CAACC,SAAU,IAAMpB,UAAWK,EAAON,EAAWI,EAAUrC,UAC7Dc,EAAAA,EAAAA,KAACyC,EAAAA,EAAO,CACNlD,EAAG,CAAEF,KAAM,MAAOL,GAAI,OACtBQ,EAAG,OACHJ,SAAU,CAAEC,KAAM,OAAQL,GAAI,QAC9BU,GAAI,CACFC,WAAY,YACZC,WAAY,IACZC,MAAO,kBAEPX,SACDZ,OAKL0B,EAAAA,EAAAA,KAACuC,EAAAA,GAAM,CAACC,SAAU,KAAMpB,UAAWK,EAAON,EAAWI,EAAUrC,UAC7Dc,EAAAA,EAAAA,KAAC0C,EAAAA,EAAI,CAACC,SAAU,OAAQlD,GAAI,CAAEJ,KAAM,MAAOL,GAAI,QAAU4D,MAAO,SAAUN,eAAgB,SAASpD,SAE/F2C,EAAegB,KAAI,SAACC,EAAMC,GACxB,OAAO/C,EAAAA,EAAAA,KAACgD,GAAO1C,EAAAA,EAAAA,GAAA,GAAawC,GAAPC,EACvB,SAMN/C,EAAAA,EAAAA,KAACuC,EAAAA,GAAM,CAACC,SAAU,IAAMpB,UAAWK,EAAON,EAAWI,EAAUrC,UAC7Dc,EAAAA,EAAAA,KAACnB,EAAAA,EAAM,CAAAK,SAEHyC,EAAOkB,KAAI,SAACC,EAAMC,GAChB,OAAO/C,EAAAA,EAAAA,KAACkB,EAAM,CAASA,OAAQ4B,GAAXC,EACtB,aAQd,ECxGME,GAAU7B,EAAAA,EAAAA,IAASC,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,6HA4GzB,EAjGuB,WACrB,OACE1C,EAAAA,EAAAA,MAACsE,EAAAA,GAAG,CAAAhE,SAAA,EACFc,EAAAA,EAAAA,KAACuC,EAAAA,GAAM,CAACC,SAAU,IAAMpB,UAAW6B,EAAQ/D,UACzCN,EAAAA,EAAAA,MAACkD,EAAAA,EAAI,CACHqB,GAAI,OACJrE,OAAQ,CAAEO,KAAM,QAASL,GAAI,SAC7BO,EAAG,CACDF,KAAM,OACNL,GAAI,MACJC,GAAI,QACJ8C,GAAI,SACJC,GAAI,SACJ,MAAO,UAEToB,aAAc,CAAE/D,KAAM,iBAAkBL,GAAI,kBAC5CqE,gBAAiB,CAAEhE,KAAM,iBAAkBL,GAAI,kBAC/CmD,kBAAmB,CACjB9C,KAAK,6EAILL,GAAG,yEAILQ,EAAG,OACLN,SAAA,EAEEc,EAAAA,EAAAA,KAACoC,EAAAA,EAAQ,CAACC,KAAM,QAASiB,EAAG,CAAEtE,GAAI,SAAUE,UAC1Cc,EAAAA,EAAAA,KAACuD,EAAS,OAEZ3E,EAAAA,EAAAA,MAACwD,EAAAA,EAAQ,CAACC,KAAM,QAASiB,EAAG,CAAEtE,GAAI,QAASK,KAAM,SAAUH,SAAA,EAEzDc,EAAAA,EAAAA,KAAA,UACAA,EAAAA,EAAAA,KAACW,EAAAA,EAAO,CAACC,MAAO,gBAAgB1B,UAC9Bc,EAAAA,EAAAA,KAACwD,EAAAA,EAAG,CACFjE,EAAG,CAAEF,KAAM,MAAOL,GAAI,QACtBQ,EAAG,OACHC,GAAI,OACJuB,IAAG,yBACHyC,IAAG,iCAKT7E,EAAAA,EAAAA,MAACwD,EAAAA,EAAQ,CACPC,KAAM,SAENiB,EAAG,QAAQpE,SAAA,EAGXc,EAAAA,EAAAA,KAAC0D,EAAAA,EAAO,KACR1D,EAAAA,EAAAA,KAAC2D,EAAAA,EAAM,CACLlE,GAAI,OACJmE,GAAI,iBACJ/D,MAAO,UACPgE,UAAW,SACXC,WAAW,KACXC,QAAS,UACTC,YAAa,iBAAiB9E,UAE9Bc,EAAAA,EAAAA,KAAA,KAAGiE,KAAMC,EAAAA,GAAAA,GAAAA,IAAYC,IAAI,aAAaC,OAAQ,SAASlF,SAAC,wCAUhEN,EAAAA,EAAAA,MAACC,EAAAA,EAAM,CAACY,GAAI,CAAEJ,KAAM,OAAQL,GAAI,SAAUE,SAAA,EACxCc,EAAAA,EAAAA,KAACuC,EAAAA,GAAM,CAACC,SAAU,IAAMpB,UAAW6B,EAAQ/D,UACzCc,EAAAA,EAAAA,KAACyC,EAAAA,EAAO,CACN4B,GAAI,CAAErF,GAAI,OAAQK,KAAM,QACxBK,GAAI,CACFC,WAAY,0BACZC,WAAY,IACZR,SAAU,QAEZS,MAAO,iBAAiBX,SACzB,kBAIHN,EAAAA,EAAAA,MAAC0F,EAAAA,EAAK,CAACC,IAAK,OAAOrF,SAAA,EACfc,EAAAA,EAAAA,KAACwE,GAAIlE,EAAAA,EAAAA,GAAA,GAAKqB,EAAAA,GAAAA,KAAAA,MACV3B,EAAAA,EAAAA,KAACwE,GAAIlE,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GAAKqB,EAAAA,GAAAA,KAAAA,IAAc,IAAEF,MAAM,MAChCzB,EAAAA,EAAAA,KAACwE,GAAIlE,EAAAA,EAAAA,GAAA,GAAKqB,EAAAA,GAAAA,KAAAA,aAMtB,C,kNCnFa8C,GAAaC,EAAAA,EAAAA,IACxB,SAAoBC,EAAOC,GACzB,IAkCoBC,EAlCZC,EACNH,EADMG,QAASC,EACfJ,EADeI,SAAUC,EACzBL,EADyBK,SAAUC,EACnCN,EADmCM,QAASC,EAC5CP,EAD4CO,cAAkBC,GAAAC,EAAAA,EAAAA,GAC9DT,EAAAU,GAEIC,GAAQC,EAAAA,EAAAA,KACRlC,EAAkB6B,EAuB5B,SAAwBnF,EAAYuF,GAClC,OAAOE,EAAAA,EAAAA,IAAczF,GAAO,SAAC0F,GAC3B,IANUC,EAMJC,GAASC,EAAAA,EAAAA,IAAS,QAASH,EALf,kBADRC,EAMmCD,GALhB,GAAXxE,OAAcyE,EAAC,MAAOA,EAKzBE,CAAsCN,GACrD,OAAiB,OAAVG,EAAiB,KAAO,2BAAPxE,OAAkC0E,EAAM,UAClE,GACF,CA3BQE,CAAeX,EAAeI,IA6BdT,EA5BDC,GA6BdU,EAAAA,EAAAA,IAAcX,GAAO,SAACY,GAAA,OACjB,OAAVA,EAAiB,KAAO,UAAPxE,OAAiBwE,EAAK,yBA5BvC,OACEK,EAAAA,EAAAA,KAAChE,EAAAA,GAAAxB,EAAAA,EAAAA,GAAA,CACCsE,IAAAA,EACAL,IAAKU,EACLc,UAAWhB,EACXiB,OAAQhB,EACR3B,gBAAAA,GACI8B,GAGV,IAGFV,EAAWwB,YAAc,a,iCCzCzB,EAjBsC,SAAH5H,GAAUA,EAAJ6H,KAAU7H,EAAJ8H,KAA8C,IAAxCC,EAAe/H,EAAf+H,gBAAiBC,EAAehI,EAAfgI,gBACpE,OACErG,EAAAA,EAAAA,KAACkD,EAAAA,GAAG,CACF3D,EAAG,OACH+D,EAAG,OACH+C,gBAAiBA,EACjBC,aAAc,MACd9G,EAAG,OACHU,QAAS,OACToC,eAAgB,SAChBnC,WAAY,SAASjB,UAErBc,EAAAA,EAAAA,KAACa,EAAAA,EAAK,CAACd,MAAO,MAAOiB,IAAG,WAAAC,OAAamF,MAG3C,ECiBA,EApC0B,WACxB,OACEpG,EAAAA,EAAAA,KAAA,OACEC,MAAO,CACLC,QAAS,OACTqG,cAAe,SACfjE,eAAgB,eAChBnC,WAAY,UACZjB,UAEFc,EAAAA,EAAAA,KAACyE,EAAU,CACTS,cAAc,OACd3F,EAAG,CAAEF,KAAM,OACXG,EAAG,OACHC,GAAI,OACJwF,QAAQ,OACR/E,QAAS,OACTyC,SAAU,OACV6D,aAAc,SACdnC,GAAI,OACJ/B,eAAgB,SAASpD,SAExBuH,EAAAA,GAAAA,KAAqB,SAAC3D,EAAMC,GAC3B,OAAID,EAAK4D,QAEP9H,EAAAA,EAAAA,MAAA,KAAWqF,KAAMnB,EAAKqD,KAAMhC,IAAI,aAAaC,OAAQ,SAASlF,SAAA,CAC3D,KACDc,EAAAA,EAAAA,KAAC2G,GAAMrG,EAAAA,EAAAA,GAAA,GAAKwC,MAFNC,GAFc,IAO1B,OAIR,C","sources":["components/Greet/Greet.tsx","components/greetings/Greetings.tsx","components/languageicon/Appicon.tsx","components/skillsline/Skills.tsx","components/WhatIDo/What.tsx","PAGE/HOME/Home.tsx","../node_modules/@chakra-ui/layout/src/simple-grid.tsx","components/socialmedia/social/Social.tsx","components/socialmedia/Socials.tsx"],"sourcesContent":["import { HStack, Spacer, Text, VStack } from \"@chakra-ui/react\";\r\nimport React from \"react\";\r\ninterface GreetProps {\r\n title: string,\r\n nickname: string,\r\n subTitle: string,\r\n resumeLink: string,\r\n portfolio_repository: string,\r\n githubProfile: string,\r\n}\r\nconst Greet: React.FC = ({\r\n title,\r\n nickname,\r\n subTitle,\r\n resumeLink,\r\n portfolio_repository,\r\n githubProfile,\r\n}) => {\r\n return (\r\n \r\n {/* 50 */}\r\n \r\n {\" \"}\r\n {title}\r\n \r\n\r\n \r\n {\" \"}\r\n ( {nickname} )\r\n \r\n\r\n \r\n {\" \"}\r\n {subTitle}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Greet;\r\n","import React from \"react\";\r\n// import { Fade } from \"react-reveal\";\r\nimport { greeting } from \"../../portfolio\";\r\nimport Greet from \"../Greet/Greet\";\r\nconst Greetings: React.FC = () => {\r\n return (\r\n \r\n {/* */}\r\n \r\n {/* */}\r\n \r\n );\r\n};\r\n\r\nexport default Greetings;\r\n","import { Image } from \"@chakra-ui/react\";\r\nimport React from \"react\";\r\nimport { Tooltip } from '@chakra-ui/react'\r\ntype styleType = {\r\n color: string\r\n}\r\ninterface AppiconProps {\r\n skillName: string,\r\n fontAwesomeClassname: string,\r\n imgurl: string,\r\n style: styleType\r\n\r\n}\r\n\r\nconst Appicon: React.FC = ({ imgurl, skillName, fontAwesomeClassname, style }) => {\r\n // console.log(style);\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Appicon;\r\n","import { Text } from '@chakra-ui/react'\r\nimport React from 'react'\r\n\r\nconst Skills: React.FC<{\r\n Skills: string\r\n}> = ({ Skills }) => {\r\n return (\r\n {Skills}\r\n )\r\n}\r\n\r\nexport default Skills","import { Flex, Grid, GridItem, Heading, Image, Tooltip, VStack } from '@chakra-ui/react'\r\nimport React from 'react'\r\nimport Appicon from '../languageicon/Appicon'\r\nimport Skills from '../skillsline/Skills'\r\nimport Reveal from 'react-awesome-reveal'\r\nimport { keyframes } from '@emotion/react'\r\n\r\ntype styleType = {\r\n color: string\r\n}\r\n\r\ntype softwareType = {\r\n skillName: string,\r\n fontAwesomeClassname: string,\r\n imgurl: string,\r\n style: styleType\r\n}\r\ninterface WhatProps {\r\n img: string,\r\n title: string,\r\n fileName: string,\r\n skills: string[],\r\n softwareSkills: softwareType[]\r\n even?: boolean\r\n}\r\n\r\nconst LeftWard = keyframes`\r\nfrom {\r\n opacity: 0;\r\n transform: translateX(-200px);\r\n}\r\n\r\nto {\r\n opacity: 1;\r\n transform: translateX(0px);\r\n}\r\n`\r\nconst RightWard = keyframes`\r\nfrom {\r\n opacity: 0;\r\n transform: translateX(200px);\r\n}\r\n\r\nto {\r\n opacity: 1;\r\n transform: translateX(0px);\r\n}\r\n`\r\nconst What: React.FC = ({ even, img, title, fileName, skills, softwareSkills }) => {\r\n\r\n return (\r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n {title}\r\n \r\n \r\n {/* */}\r\n {/* */}\r\n \r\n \r\n {\r\n softwareSkills.map((item, i) => {\r\n return \r\n })\r\n }\r\n \r\n \r\n {/* */}\r\n {/* */}\r\n \r\n \r\n {\r\n skills.map((item, i) => {\r\n return \r\n })\r\n }\r\n \r\n \r\n {/* */}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default What","import {\r\n Box,\r\n Button,\r\n Grid,\r\n GridItem,\r\n Heading,\r\n Img,\r\n Stack,\r\n Tooltip,\r\n VStack,\r\n} from \"@chakra-ui/react\";\r\nimport React from \"react\";\r\nimport Greetings from \"../../components/greetings/Greetings\";\r\nimport Socials from \"../../components/socialmedia/Socials\";\r\nimport What from \"../../components/WhatIDo/What\";\r\nimport { seo, skills } from \"../../portfolio\";\r\n\r\nimport Reveal from \"react-awesome-reveal\";\r\nimport { keyframes } from \"@emotion/react\";\r\n\r\n\r\nconst Upwards = keyframes`\r\nfrom {\r\n opacity: 0;\r\n transform: translateY(50px);\r\n}\r\n\r\nto {\r\n opacity: 1;\r\n transform: translateY(0px);\r\n}\r\n`\r\nconst Home: React.FC = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n
\r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n ⭐ Star Me On Github\r\n \r\n \r\n {/* */}\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n What I do?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n );\r\n};\r\n\r\nexport default Home;\r\n","import {\n forwardRef,\n getToken,\n ResponsiveValue,\n useTheme,\n} from \"@chakra-ui/system\"\nimport { mapResponsive } from \"@chakra-ui/breakpoint-utils\"\nimport { Grid, GridProps } from \"./grid\"\n\ninterface SimpleGridOptions {\n /**\n * The width at which child elements will break into columns. Pass a number for pixel values or a string for any other valid CSS length.\n */\n minChildWidth?: GridProps[\"minWidth\"]\n /**\n * The number of columns\n */\n columns?: ResponsiveValue\n /**\n * The gap between the grid items\n */\n spacing?: GridProps[\"gridGap\"]\n /**\n * The column gap between the grid items\n */\n spacingX?: GridProps[\"gridGap\"]\n /**\n * The row gap between the grid items\n */\n spacingY?: GridProps[\"gridGap\"]\n}\n\nexport interface SimpleGridProps extends GridProps, SimpleGridOptions {}\n\n/**\n * SimpleGrid\n *\n * React component that uses the `Grid` component and provides\n * a simpler interface to create responsive grid layouts.\n *\n * Provides props that easily define columns and spacing.\n *\n * @see Docs https://chakra-ui.com/simplegrid\n */\nexport const SimpleGrid = forwardRef(\n function SimpleGrid(props, ref) {\n const { columns, spacingX, spacingY, spacing, minChildWidth, ...rest } =\n props\n\n const theme = useTheme()\n const templateColumns = minChildWidth\n ? widthToColumns(minChildWidth, theme)\n : countToColumns(columns)\n\n return (\n \n )\n },\n)\n\nSimpleGrid.displayName = \"SimpleGrid\"\n\nfunction toPx(n: string | number) {\n return typeof n === \"number\" ? `${n}px` : n\n}\n\nfunction widthToColumns(width: any, theme: Record) {\n return mapResponsive(width, (value) => {\n const _value = getToken(\"sizes\", value, toPx(value))(theme)\n return value === null ? null : `repeat(auto-fit, minmax(${_value}, 1fr))`\n })\n}\n\nfunction countToColumns(count: any) {\n return mapResponsive(count, (value) =>\n value === null ? null : `repeat(${value}, minmax(0, 1fr))`,\n )\n}\n","import { Box, Image } from \"@chakra-ui/react\";\r\nimport React from \"react\";\r\ninterface SocialProps {\r\n name: string,\r\n link: string,\r\n fontAwesomeIcon: string,\r\n backgroundColor: string\r\n}\r\n\r\nconst Social: React.FC = ({ name, link, fontAwesomeIcon, backgroundColor }) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Social;\r\n","import React from \"react\";\r\nimport { SimpleGrid } from \"@chakra-ui/react\";\r\nimport { socialMediaLinks } from \"../../portfolio\";\r\nimport Social from \"./social/Social\";\r\nimport \"./this.css\";\r\nconst Socials: React.FC = () => {\r\n return (\r\n \r\n \r\n {socialMediaLinks.map((item, i) => {\r\n if(!item.active) return null;\r\n return (\r\n \r\n {\" \"}\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Socials;\r\n"],"names":["_ref","title","nickname","subTitle","resumeLink","portfolio_repository","githubProfile","_jsxs","VStack","height","textAlign","sm","md","children","Text","fontSize","base","lineHeight","w","m","mt","sx","fontFamily","fontWeight","color","pt","width","_jsx","style","display","alignItems","padding","Greet","_objectSpread","greeting","imgurl","skillName","fontAwesomeClassname","Tooltip","label","Image","margin","cursor","src","concat","Skills","LeftWard","keyframes","_templateObject","_taggedTemplateLiteral","RightWard","_templateObject2","even","img","skills","fileName","softwareSkills","Grid","lg","xl","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","GridItem","area","justifyContent","Reveal","duration","Heading","Flex","flexWrap","align","map","item","i","Appicon","Upwards","Box","id","templateRows","templateColumns","h","Greetings","Img","alt","Socials","Button","bg","className","transition","variant","colorScheme","href","seo","rel","target","mb","Stack","gap","What","SimpleGrid","forwardRef","props","ref","count","columns","spacingX","spacingY","spacing","minChildWidth","rest","_objectWithoutProperties","_excluded","theme","useTheme","mapResponsive","value","n","_value","getToken","widthToColumns","jsx","columnGap","rowGap","displayName","name","link","fontAwesomeIcon","backgroundColor","borderRadius","flexDirection","alignContent","socialMediaLinks","active","Social"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/731.fbeac6c6.chunk.js b/static/js/731.fbeac6c6.chunk.js
new file mode 100644
index 0000000..abb26f5
--- /dev/null
+++ b/static/js/731.fbeac6c6.chunk.js
@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkdeepumandal=self.webpackChunkdeepumandal||[]).push([[731],{7731:function(e,n,t){t.r(n),t.d(n,{default:function(){return o}});var s=t(6582),i=t(824),a=(t(2791),t(1087)),r=t(184),c=function(e){var n=e.path,t=e.name,i=e.isActive;return(0,r.jsx)(a.rU,{to:n,children:(0,r.jsx)(s.k,{className:"switch",fontSize:{base:"10px",sm:"15px"},padding:{base:"5px",sm:"10px"},ml:{base:"3px",md:"3px",lg:"10px"},sx:{transform:i&&"scale(1.1)",transistion:i&&"5s"},children:t})})},l=t(7689),x=t(9457),o=function(){var e=(0,l.s0)(),n=(0,l.TH)();return(0,r.jsxs)(s.k,{m:"auto",mt:"20px",w:{base:"90%",sm:"90%",md:"800px",lg:"900px",xl:"1100px","2xl":"1400px"},borderColor:"black",justifyContent:"space-between",children:[(0,r.jsxs)(s.k,{display:"flex",justifyContent:{base:"flex-start",md:"center"},alignItems:"center",color:"thistheme.text",w:"fit-content",cursor:"pointer",children:[(0,r.jsxs)(i.xu,{fontSize:{base:"13px",sm:"25px"},children:["<"," "]}),(0,r.jsxs)(i.xu,{onClick:function(){e("/")},fontSize:{base:"13px",sm:"54px"},className:"mercy",children:[" "," Code First"," "]}),(0,r.jsxs)(i.xu,{fontSize:{base:"13px",sm:"25px"},children:[" ","/>"]})]}),(0,r.jsx)(s.k,{alignItems:"center",justifyContent:"flex-end",w:"70%",children:x.cP.map((function(e){return console.log("item.path",e.path),e.active&&(0,r.jsx)(c,{isActive:n.pathname===e.path,active:e.active,path:e.path,name:e.name,id:e.id},e.id)}))})]})}},6582:function(e,n,t){t.d(n,{k:function(){return x}});var s=t(1413),i=t(4925),a=t(5597),r=t(6460),c=t(184),l=["direction","align","justify","wrap","basis","grow","shrink"],x=(0,a.G)((function(e,n){var t=e.direction,a=e.align,x=e.justify,o=e.wrap,p=e.basis,f=e.grow,u=e.shrink,d=(0,i.Z)(e,l),m={display:"flex",flexDirection:t,alignItems:a,justifyContent:x,flexWrap:o,flexBasis:p,flexGrow:f,flexShrink:u};return(0,c.jsx)(r.m.div,(0,s.Z)({ref:n,__css:m},d))}));x.displayName="Flex"}}]);
+//# sourceMappingURL=731.fbeac6c6.chunk.js.map
\ No newline at end of file
diff --git a/static/js/731.fbeac6c6.chunk.js.map b/static/js/731.fbeac6c6.chunk.js.map
new file mode 100644
index 0000000..bfa4a77
--- /dev/null
+++ b/static/js/731.fbeac6c6.chunk.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"static/js/731.fbeac6c6.chunk.js","mappings":"gNA6BA,EApBwC,SAAHA,GAAkC,IAA5BC,EAAID,EAAJC,KAAMC,EAAIF,EAAJE,KAAMC,EAAQH,EAARG,SAErD,OACEC,EAAAA,EAAAA,KAACC,EAAAA,GAAI,CAACC,GAAIL,EAAKM,UACbH,EAAAA,EAAAA,KAACI,EAAAA,EAAI,CACHC,UAAU,SACVC,SAAU,CAAEC,KAAM,OAAQC,GAAI,QAC9BC,QAAS,CAAEF,KAAO,MAAOC,GAAK,QAC9BE,GAAI,CAACH,KAAO,MAAOI,GAAK,MAAOC,GAAK,QACpCC,GAAI,CACFC,UAAWf,GAAY,aACvBgB,YAAahB,GAAY,MACzBI,SAEDL,KAIT,E,oBC2DA,EA9EyB,WACvB,IAAMkB,GAAWC,EAAAA,EAAAA,MACXC,GAAWC,EAAAA,EAAAA,MAEjB,OACEC,EAAAA,EAAAA,MAAChB,EAAAA,EAAI,CACHiB,EAAG,OACHC,GAAI,OACJC,EAAG,CACDhB,KAAM,MACNC,GAAI,MACJG,GAAI,QACJC,GAAI,QACJY,GAAI,SACJ,MAAO,UAETC,YAAY,QACZC,eAAgB,gBAAgBvB,SAAA,EAEhCiB,EAAAA,EAAAA,MAAChB,EAAAA,EAAI,CACHuB,QAAS,OACTD,eAAgB,CACdnB,KAAM,aACNI,GAAI,UAENiB,WAAY,SACZC,MAAM,iBACNN,EAAG,cACHO,OAAQ,UAAU3B,SAAA,EAElBiB,EAAAA,EAAAA,MAACW,EAAAA,GAAG,CAACzB,SAAU,CAAEC,KAAM,OAAQC,GAAI,QACnCL,SAAA,CACC,IACM,QAEPiB,EAAAA,EAAAA,MAACW,EAAAA,GAAG,CACFC,QAAS,WACPhB,EAAS,IACX,EACAV,SAAU,CAAEC,KAAM,OAAQC,GAAI,QAC9BH,UAAU,QAAOF,SAAA,CAGhB,IAAI,eACJ,QAIHiB,EAAAA,EAAAA,MAACW,EAAAA,GAAG,CAACzB,SAAU,CAAEC,KAAM,OAAQC,GAAI,QACnCL,SAAA,CAEG,IAAI,YAKTH,EAAAA,EAAAA,KAACI,EAAAA,EAAI,CAACwB,WAAY,SAAUF,eAAgB,WAAYH,EAAG,MAAMpB,SAE9D8B,EAAAA,GAAAA,KAAmB,SAACC,GAEnB,OADAC,QAAQC,IAAI,YAAaF,EAAKrC,MAE5BqC,EAAKG,SACHrC,EAAAA,EAAAA,KAACsC,EAAO,CACNvC,SAAUmB,EAASqB,WAAaL,EAAKrC,KACrCwC,OAAQH,EAAKG,OACbxC,KAAMqC,EAAKrC,KAEXC,KAAMoC,EAAKpC,KACX0C,GAAIN,EAAKM,IAFJN,EAAKM,GAMlB,QAIR,C,6KCtBapC,GAAOqC,EAAAA,EAAAA,IAA6B,SAAcC,EAAOC,GACpE,IAAQC,EACNF,EADME,UAAWC,EACjBH,EADiBG,MAAOC,EACxBJ,EADwBI,QAASC,EACjCL,EADiCK,KAAMC,EACvCN,EADuCM,MAAOC,EAC9CP,EAD8CO,KAAMC,EACpDR,EADoDQ,OAAWC,GAAAC,EAAAA,EAAAA,GAC/DV,EAAAW,GAEIC,EAAS,CACb3B,QAAS,OACT4B,cAAeX,EACfhB,WAAYiB,EACZnB,eAAgBoB,EAChBU,SAAUT,EACVU,UAAWT,EACXU,SAAUT,EACVU,WAAYT,GAGd,OAAOU,EAAAA,EAAAA,KAACC,EAAAA,EAAAA,KAAOC,EAAAA,EAAAA,GAAA,CAAInB,IAAAA,EAAUoB,MAAOT,GAAYH,GAClD,IAEA/C,EAAK4D,YAAc,M","sources":["components/NAV_SWITCH/NSwitch.tsx","components/NAVBAR/Navbar.tsx","../node_modules/@chakra-ui/layout/src/flex.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Flex } from \"@chakra-ui/react\";\r\nimport \"./this.css\";\r\nimport { Link } from \"react-router-dom\"\r\n\r\ninterface NSwitchProps {\r\n name: string, id: string, path: string, active: Boolean, isActive: Boolean\r\n}\r\n\r\nconst NSwitch: React.FC = ({ path, name, isActive }) => {\r\n\r\n return (\r\n \r\n \r\n {name}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default NSwitch;\r\n","import { Box, Flex } from \"@chakra-ui/react\";\r\nimport React from \"react\";\r\nimport \"./navbar.css\";\r\nimport NSwitch from \"../NAV_SWITCH/NSwitch\";\r\n// import { Fade } from \"react-reveal\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport { pathNavigation } from \"../../portfolio\";\r\n\r\nconst Navbar: React.FC = () => {\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n // if(location.pathname === \"/\") return <> for future porpose \r\n return (\r\n \r\n \r\n \r\n <{\" \"}\r\n \r\n {\r\n navigate(\"/\");\r\n }}\r\n fontSize={{ base: \"13px\", sm: \"54px\" }}\r\n className=\"mercy\"\r\n >\r\n {/* Codding / */}\r\n {\" \"} Code First\r\n {\" \"}\r\n {/* */}\r\n \r\n\r\n \r\n {\" \"}/>\r\n \r\n \r\n\r\n\r\n \r\n\r\n {pathNavigation.map((item) => {\r\n console.log(\"item.path\", item.path);\r\n return (\r\n item.active && (\r\n \r\n )\r\n );\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Navbar;\r\n","import {\n chakra,\n forwardRef,\n SystemProps,\n HTMLChakraProps,\n} from \"@chakra-ui/system\"\n\nexport interface FlexOptions {\n /**\n * Shorthand for `alignItems` style prop\n * @type SystemProps[\"alignItems\"]\n */\n align?: SystemProps[\"alignItems\"]\n\n /**\n * Shorthand for `justifyContent` style prop\n * @type SystemProps[\"justifyContent\"]\n */\n justify?: SystemProps[\"justifyContent\"]\n\n /**\n * Shorthand for `flexWrap` style prop\n * @type SystemProps[\"flexWrap\"]\n */\n wrap?: SystemProps[\"flexWrap\"]\n\n /**\n * Shorthand for `flexDirection` style prop\n * @type SystemProps[\"flexDirection\"]\n * @default \"row\"\n */\n direction?: SystemProps[\"flexDirection\"]\n\n /**\n * Shorthand for `flexBasis` style prop\n * @type SystemProps[\"flexBasis\"]\n */\n basis?: SystemProps[\"flexBasis\"]\n\n /**\n * Shorthand for `flexGrow` style prop\n * @type SystemProps[\"flexGrow\"]\n */\n grow?: SystemProps[\"flexGrow\"]\n\n /**\n * Shorthand for `flexShrink` style prop\n * @type SystemProps[\"flexShrink\"]\n */\n shrink?: SystemProps[\"flexShrink\"]\n}\n\nexport interface FlexProps extends HTMLChakraProps<\"div\">, FlexOptions {}\n\n/**\n * React component used to create flexbox layouts.\n *\n * It renders a `div` with `display: flex` and\n * comes with helpful style shorthand.\n *\n * @see Docs https://chakra-ui.com/flex\n */\nexport const Flex = forwardRef(function Flex(props, ref) {\n const { direction, align, justify, wrap, basis, grow, shrink, ...rest } =\n props\n\n const styles = {\n display: \"flex\",\n flexDirection: direction,\n alignItems: align,\n justifyContent: justify,\n flexWrap: wrap,\n flexBasis: basis,\n flexGrow: grow,\n flexShrink: shrink,\n }\n\n return \n})\n\nFlex.displayName = \"Flex\"\n"],"names":["_ref","path","name","isActive","_jsx","Link","to","children","Flex","className","fontSize","base","sm","padding","ml","md","lg","sx","transform","transistion","navigate","useNavigate","location","useLocation","_jsxs","m","mt","w","xl","borderColor","justifyContent","display","alignItems","color","cursor","Box","onClick","pathNavigation","item","console","log","active","NSwitch","pathname","id","forwardRef","props","ref","direction","align","justify","wrap","basis","grow","shrink","rest","_objectWithoutProperties","_excluded","styles","flexDirection","flexWrap","flexBasis","flexGrow","flexShrink","jsx","chakra","_objectSpread","__css","displayName"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/762.890e4ab0.chunk.js b/static/js/762.890e4ab0.chunk.js
new file mode 100644
index 0000000..d38b221
--- /dev/null
+++ b/static/js/762.890e4ab0.chunk.js
@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkdeepumandal=self.webpackChunkdeepumandal||[]).push([[762],{762:function(n,e,t){t.r(e),t.d(e,{default:function(){return _}});var r,a,i=t(1413),o=t(168),s=(t(2791),t(6582)),l=t(9055),c=t(9457),u=t(2814),d=t(8292),m=t(1560),p=t(9589),f=t(884),x=t(184),h=function(n){var e=n.title,t=n.description,r=n.avatar_image_path;return(0,x.jsxs)(u.r,{w:{base:"100%",sm:"90%",md:"750px",lg:"1000px",xl:"1100px","2xl":"1400px"},borderColor:"red",m:"auto",gridTemplateAreas:{base:' "image" "about" ',sm:' "image about" "image about"'},gridTemplateColumns:{base:"repeat(1,1fr)",sm:"repeat(2,1fr)"},gridTemplateRows:{base:"repeat(2,1fr)",sm:"repeat(1,fr)"},mt:{base:"60px",sm:"120px"},children:[(0,x.jsx)(d.P,{area:"image",children:(0,x.jsx)(m.E,{w:{base:"80%",sm:"100%"},m:"auto",src:"./images/".concat(r)})}),(0,x.jsxs)(d.P,{area:"about",children:[(0,x.jsx)(p.X,{sx:{fontFamily:"Open Sans",fontWeight:700,color:"thistheme.text",margin:"2rem"},fontSize:{base:"30px",sm:"50px"},children:e}),(0,x.jsx)(f.x,{sx:{fontFamily:"Open Sans",fontWeight:500,color:"thistheme.describe"},w:{base:"86%"},m:"auto",fontSize:{base:"16px",sm:"20px"},children:t})]})]})},g=t(1917),b=t(56),v=t(824),j=t(2554),w=t(8045),y=(0,j.F4)(r||(r=(0,o.Z)(["\nfrom {\n opacity: 0;\n transform: translateY(50px);\n}\n\nto {\n opacity: 1;\n transform: translateY(0px);\n}\n"]))),Z=function(n){n.id;var e=n.name,t=n.createdAt,r=n.url,a=n.description,i=n.link,o=n.languages;return(0,x.jsxs)(g.g,{bg:"#a6e1fa",w:{base:"90%",sm:"450px"},align:"left",p:"10px",pl:{base:"20px",sm:"auto"},pr:{base:"20px",sm:"auto"},textAlign:"left",boxShadow:"rgba(100, 100, 111, 0.2) 0px 7px 29px 0px",height:"auto",justifyContent:"space-between",children:[(0,x.jsx)(w.ZP,{duration:2e3,keyframes:y,children:(0,x.jsxs)(b.K,{justifyContent:"space-between",alignItems:"center",flexDirection:"row",children:[(0,x.jsx)(p.X,{fontSize:{base:"16px",sm:"25px"},alignSelf:"left",lineHeight:{base:"19px",sm:"30px"},sx:{fontFamily:"Open Sans",fontWeight:700,color:"thistheme.text"},children:e}),(0,x.jsxs)(f.x,{sx:{fontFamily:"Open Sans",fontWeight:400,color:"#7f8daa",whiteSpace:"nowrap"},fontSize:{base:"14px",sm:"16px"},children:[" ","Created on ",t]})]})}),(0,x.jsx)(w.ZP,{duration:2e3,keyframes:y,children:(0,x.jsx)(v.xu,{minHeight:"100px",height:"fit-content",children:a.map((function(n){return(0,x.jsxs)(f.x,{sx:{fontFamily:"Open Sans",fontWeight:400,color:"thistheme.text"},fontSize:{base:"13px",sm:"13px"},children:[" ",n," "]})}))})}),(0,x.jsx)(w.ZP,{duration:2e3,keyframes:y,children:(0,x.jsx)(s.k,{flexDir:{base:"column",sm:"row"},children:(0,x.jsx)(s.k,{gap:"15px",flexWrap:"wrap",w:{base:"90%"},children:o.map((function(n,e){return(0,x.jsx)(k,{name:n.name,iconifyClass:n.iconifyClass},e)}))})})}),(0,x.jsx)(w.ZP,{duration:2e3,keyframes:y,children:(0,x.jsxs)(b.K,{children:[(0,x.jsx)(l.z,{onClick:function(){return window.open(r,"_blank")},children:"Github "}),(0,x.jsx)(l.z,{onClick:function(){return window.open(i,"_blank")},children:"Live "})]})})]})},k=function(n){var e=n.iconifyClass;n.name;return(0,x.jsx)(v.xu,{children:(0,x.jsx)(m.E,{src:"./images/".concat(e),w:"25px"})})},S=(0,j.F4)(a||(a=(0,o.Z)(["\nfrom {\n opacity: 0;\n transform: translateY(50px);\n}\n\nto {\n opacity: 1;\n transform: translateY(0px);\n}\n"]))),_=function(){return(0,x.jsxs)("div",{id:"Projects",children:[(0,x.jsx)(w.ZP,{duration:2e3,keyframes:S,children:(0,x.jsx)(h,(0,i.Z)({},c.k$))}),(0,x.jsx)(s.k,{w:{base:"100%",sm:"90%",md:"800px",lg:"1000px",xl:"1100px","2xl":"1450px"},justifyContent:"center",m:"auto",flexWrap:"wrap",gap:"20px",h:"fit-content",cursor:"pointer",mt:{base:"50px",sm:"80px"},children:c.iV.data.map((function(n){return(0,x.jsx)(Z,(0,i.Z)({},n))}))}),(0,x.jsx)("br",{}),(0,x.jsx)("br",{}),(0,x.jsx)(l.z,{onClick:function(){return window.open(c.$K.og.url,"_blank")},color:"white",bg:"thistheme.text",children:"More Projects"})]})}},2625:function(n,e,t){t.d(e,{XQ:function(){return a}});var r=t(6992);Object.freeze(["base","sm","md","lg","xl","2xl"]);function a(n,e){return Array.isArray(n)?n.map((function(n){return null===n?null:e(n)})):(0,r.Kn)(n)?Object.keys(n).reduce((function(t,r){return t[r]=e(n[r]),t}),{}):null!=n?e(n):null}},9055:function(n,e,t){t.d(e,{z:function(){return k}});var r=t(4925),a=t(1413),i=t(9439),o=t(2791);var s=(0,t(9886).k)({strict:!1,name:"ButtonGroupContext"}),l=(0,i.Z)(s,2),c=(l[0],l[1]),u=t(6460),d=t(6992),m=t(184),p=["children","className"];function f(n){var e=n.children,t=n.className,i=(0,r.Z)(n,p),s=(0,o.isValidElement)(e)?(0,o.cloneElement)(e,{"aria-hidden":!0,focusable:!1}):e,l=(0,d.cx)("chakra-button__icon",t);return(0,m.jsx)(u.m.span,(0,a.Z)((0,a.Z)({display:"inline-flex",alignSelf:"center",flexShrink:0},i),{},{className:l,children:s}))}f.displayName="ButtonIcon";var x=t(4942),h=t(2577),g=["label","placement","spacing","children","className","__css"];function b(n){var e=n.label,t=n.placement,i=n.spacing,s=void 0===i?"0.5rem":i,l=n.children,c=void 0===l?(0,m.jsx)(h.$,{color:"currentColor",width:"1em",height:"1em"}):l,p=n.className,f=n.__css,b=(0,r.Z)(n,g),v=(0,d.cx)("chakra-button__spinner",p),j="start"===t?"marginEnd":"marginStart",w=(0,o.useMemo)((function(){var n;return(0,a.Z)((n={display:"flex",alignItems:"center",position:e?"relative":"absolute"},(0,x.Z)(n,j,e?s:0),(0,x.Z)(n,"fontSize","1em"),(0,x.Z)(n,"lineHeight","normal"),n),f)}),[f,e,j,s]);return(0,m.jsx)(u.m.div,(0,a.Z)((0,a.Z)({className:v},b),{},{__css:w,children:c}))}b.displayName="ButtonSpinner";var v=t(4591),j=t(5597),w=t(2481),y=t(2996),Z=["isDisabled","isLoading","isActive","children","leftIcon","rightIcon","loadingText","iconSpacing","type","spinner","spinnerPlacement","className","as"],k=(0,j.G)((function(n,e){var t=c(),s=(0,w.mq)("Button",(0,a.Z)((0,a.Z)({},t),n)),l=(0,y.Lr)(n),p=l.isDisabled,f=void 0===p?null==t?void 0:t.isDisabled:p,x=l.isLoading,h=l.isActive,g=l.children,j=l.leftIcon,k=l.rightIcon,_=l.loadingText,C=l.iconSpacing,N=void 0===C?"0.5rem":C,W=l.type,G=l.spinner,I=l.spinnerPlacement,A=void 0===I?"start":I,E=l.className,P=l.as,B=(0,r.Z)(l,Z),F=(0,o.useMemo)((function(){var n=(0,a.Z)((0,a.Z)({},null==s?void 0:s._focus),{},{zIndex:1});return(0,a.Z)((0,a.Z)({display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",userSelect:"none",position:"relative",whiteSpace:"nowrap",verticalAlign:"middle",outline:"none"},s),!!t&&{_focus:n})}),[s,t]),z=function(n){var e=(0,o.useState)(!n),t=(0,i.Z)(e,2),r=t[0],a=t[1];return{ref:(0,o.useCallback)((function(n){n&&a("BUTTON"===n.tagName)}),[]),type:r?"button":void 0}}(P),R=z.ref,T=z.type,L={rightIcon:k,leftIcon:j,iconSpacing:N,children:g};return(0,m.jsxs)(u.m.button,(0,a.Z)((0,a.Z)({ref:(0,v.qq)(e,R),as:P,type:null!=W?W:T,"data-active":(0,d.PB)(h),"data-loading":(0,d.PB)(x),__css:F,className:(0,d.cx)("chakra-button",E)},B),{},{disabled:f||x,children:[x&&"start"===A&&(0,m.jsx)(b,{className:"chakra-button__spinner--start",label:_,placement:"start",spacing:N,children:G}),x?_||(0,m.jsx)(u.m.span,{opacity:0,children:(0,m.jsx)(S,(0,a.Z)({},L))}):(0,m.jsx)(S,(0,a.Z)({},L)),x&&"end"===A&&(0,m.jsx)(b,{className:"chakra-button__spinner--end",label:_,placement:"end",spacing:N,children:G})]}))}));function S(n){var e=n.leftIcon,t=n.rightIcon,r=n.children,a=n.iconSpacing;return(0,m.jsxs)(m.Fragment,{children:[e&&(0,m.jsx)(f,{marginEnd:a,children:e}),r,t&&(0,m.jsx)(f,{marginStart:a,children:t})]})}k.displayName="Button"},9589:function(n,e,t){t.d(e,{X:function(){return m}});var r=t(1413),a=t(4925),i=t(5597),o=t(2481),s=t(2996),l=t(6460),c=t(6992),u=t(184),d=["className"],m=(0,i.G)((function(n,e){var t=(0,o.mq)("Heading",n),i=(0,s.Lr)(n),m=(i.className,(0,a.Z)(i,d));return(0,u.jsx)(l.m.h2,(0,r.Z)((0,r.Z)({ref:e,className:(0,c.cx)("chakra-heading",n.className)},m),{},{__css:t}))}));m.displayName="Heading"},2814:function(n,e,t){t.d(e,{r:function(){return c}});var r=t(1413),a=t(4925),i=t(5597),o=t(6460),s=t(184),l=["templateAreas","gap","rowGap","columnGap","column","row","autoFlow","autoRows","templateRows","autoColumns","templateColumns"],c=(0,i.G)((function(n,e){var t=n.templateAreas,i=n.gap,c=n.rowGap,u=n.columnGap,d=n.column,m=n.row,p=n.autoFlow,f=n.autoRows,x=n.templateRows,h=n.autoColumns,g=n.templateColumns,b=(0,a.Z)(n,l),v={display:"grid",gridTemplateAreas:t,gridGap:i,gridRowGap:c,gridColumnGap:u,gridAutoColumns:h,gridColumn:d,gridRow:m,gridAutoFlow:p,gridAutoRows:f,gridTemplateRows:x,gridTemplateColumns:g};return(0,s.jsx)(o.m.div,(0,r.Z)({ref:e,__css:v},b))}));c.displayName="Grid"},6582:function(n,e,t){t.d(e,{k:function(){return c}});var r=t(1413),a=t(4925),i=t(5597),o=t(6460),s=t(184),l=["direction","align","justify","wrap","basis","grow","shrink"],c=(0,i.G)((function(n,e){var t=n.direction,i=n.align,c=n.justify,u=n.wrap,d=n.basis,m=n.grow,p=n.shrink,f=(0,a.Z)(n,l),x={display:"flex",flexDirection:t,alignItems:i,justifyContent:c,flexWrap:u,flexBasis:d,flexGrow:m,flexShrink:p};return(0,s.jsx)(o.m.div,(0,r.Z)({ref:e,__css:x},f))}));c.displayName="Flex"},1917:function(n,e,t){t.d(e,{g:function(){return s}});var r=t(1413),a=t(56),i=t(5597),o=t(184),s=(0,i.G)((function(n,e){return(0,o.jsx)(a.K,(0,r.Z)((0,r.Z)({align:"center"},n),{},{direction:"column",ref:e}))}));s.displayName="VStack"},56:function(n,e,t){t.d(e,{K:function(){return p}});var r=t(1413),a=t(4925),i=t(6460),o=t(184),s=function(n){return(0,o.jsx)(i.m.div,(0,r.Z)((0,r.Z)({className:"chakra-stack__item"},n),{},{__css:(0,r.Z)({display:"inline-block",flex:"0 0 auto",minWidth:0},n.__css)}))};s.displayName="StackItem";var l=t(2625);var c=t(2791);var u=t(6992),d=t(5597),m=["isInline","direction","align","justify","spacing","wrap","children","divider","className","shouldWrapChildren"],p=(0,d.G)((function(n,e){var t=n.isInline,d=n.direction,p=n.align,f=n.justify,x=n.spacing,h=void 0===x?"0.5rem":x,g=n.wrap,b=n.children,v=n.divider,j=n.className,w=n.shouldWrapChildren,y=(0,a.Z)(n,m),Z=t?"row":null!=d?d:"column",k=(0,c.useMemo)((function(){return function(n){var e=n.spacing,t=n.direction,r={column:{my:e,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},"column-reverse":{my:e,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},row:{mx:e,my:0,borderLeftWidth:"1px",borderBottomWidth:0},"row-reverse":{mx:e,my:0,borderLeftWidth:"1px",borderBottomWidth:0}};return{"&":(0,l.XQ)(t,(function(n){return r[n]}))}}({spacing:h,direction:Z})}),[h,Z]),S=!!v,_=!w&&!S,C=(0,c.useMemo)((function(){var n=function(n){return c.Children.toArray(n).filter((function(n){return(0,c.isValidElement)(n)}))}(b);return _?n:n.map((function(e,t){var r="undefined"!==typeof e.key?e.key:t,a=t+1===n.length,i=w?(0,o.jsx)(s,{children:e},r):e;if(!S)return i;var l=(0,c.cloneElement)(v,{__css:k}),u=a?null:l;return(0,o.jsxs)(c.Fragment,{children:[i,u]},r)}))}),[v,k,S,_,w,b]),N=(0,u.cx)("chakra-stack",j);return(0,o.jsx)(i.m.div,(0,r.Z)((0,r.Z)({ref:e,display:"flex",alignItems:p,justifyContent:f,flexDirection:Z,flexWrap:g,gap:S?void 0:h,className:N},y),{},{children:C}))}));p.displayName="Stack"},8292:function(n,e,t){t.d(e,{P:function(){return m}});var r=t(1413),a=t(4925),i=t(5597),o=t(6460),s=t(2796),l=t(2625),c=t(184),u=["area","colSpan","colStart","colEnd","rowEnd","rowSpan","rowStart"];function d(n){return(0,l.XQ)(n,(function(n){return"auto"===n?"auto":"span ".concat(n,"/span ").concat(n)}))}var m=(0,i.G)((function(n,e){var t=n.area,i=n.colSpan,l=n.colStart,m=n.colEnd,p=n.rowEnd,f=n.rowSpan,x=n.rowStart,h=(0,a.Z)(n,u),g=(0,s.o)({gridArea:t,gridColumn:d(i),gridRow:d(f),gridColumnStart:l,gridColumnEnd:m,gridRowStart:x,gridRowEnd:p});return(0,c.jsx)(o.m.div,(0,r.Z)({ref:e,__css:g},h))}));m.displayName="GridItem"},4591:function(n,e,t){t.d(e,{lq:function(){return a},qq:function(){return i}});var r=t(2791);function a(){for(var n=arguments.length,e=new Array(n),t=0;t = ({ title, description, avatar_image_path }) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {title}\r\n {description}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ProjectIntro;\r\n","import {\r\n Box,\r\n Button,\r\n Flex,\r\n Heading,\r\n Image,\r\n Stack,\r\n Text,\r\n VStack,\r\n} from \"@chakra-ui/react\";\r\nimport React from \"react\";\r\nimport { keyframes } from \"@emotion/react\";\r\nimport Reveal from \"react-awesome-reveal\";\r\n\r\ntype languages = {\r\n name: string;\r\n iconifyClass: string;\r\n};\r\ninterface ProjectProps {\r\n id: string;\r\n name: string;\r\n url: string;\r\n createdAt: string;\r\n description: string[];\r\n link: string;\r\n languages: languages[];\r\n}\r\n\r\n\r\nconst Upwards = keyframes`\r\nfrom {\r\n opacity: 0;\r\n transform: translateY(50px);\r\n}\r\n\r\nto {\r\n opacity: 1;\r\n transform: translateY(0px);\r\n}\r\n`\r\n\r\nconst Project: React.FC = ({\r\n id,\r\n name,\r\n createdAt,\r\n url,\r\n description,\r\n link,\r\n languages,\r\n}) => {\r\n return (\r\n\r\n\r\n \r\n \r\n \r\n (window.open(url, '_blank'))}\r\n fontSize={{\r\n base: \"16px\",\r\n sm: \"25px\",\r\n }}\r\n alignSelf={\"left\"}\r\n lineHeight={{\r\n base: \"19px\",\r\n sm: \"30px\",\r\n }}\r\n sx={{\r\n fontFamily: \"Open Sans\",\r\n fontWeight: 700,\r\n color: \"thistheme.text\",\r\n }}\r\n >\r\n {name}\r\n \r\n \r\n {\" \"}\r\n Created on {createdAt}\r\n \r\n \r\n \r\n \r\n \r\n {description.map((item) => {\r\n return (\r\n window.open(link, \"_blank\")}\r\n sx={{\r\n fontFamily: \"Open Sans\",\r\n fontWeight: 400,\r\n color: \"thistheme.text\",\r\n\r\n }}\r\n fontSize={{ base: \"13px\", sm: \"13px\" }}\r\n >\r\n {\" \"}\r\n {item}{\" \"}\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n \r\n {languages.map((item, i) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n );\r\n};\r\n\r\nexport default Project;\r\n\r\n\r\nconst ProjectIcon: React.FC<{ name: string, iconifyClass: string }> = ({\r\n iconifyClass, name\r\n}) => {\r\n return (\r\n \r\n {/* */}\r\n \r\n {/* */}\r\n \r\n )\r\n}","import React from \"react\";\r\nimport { Button, Flex } from \"@chakra-ui/react\";\r\nimport { project, projectsHeader, seo } from \"../../portfolio\";\r\nimport ProjectIntro from \"../../components/ProjectIntro/ProjectIntro\";\r\nimport Project from \"../../components/Project/Project\";\r\nimport { keyframes } from \"@emotion/react\";\r\nimport Reveal from \"react-awesome-reveal\";\r\n\r\nconst Upwards = keyframes`\r\nfrom {\r\n opacity: 0;\r\n transform: translateY(50px);\r\n}\r\n\r\nto {\r\n opacity: 1;\r\n transform: translateY(0px);\r\n}\r\n`\r\n\r\nconst Projects = () => {\r\n return (\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n {project.data.map((item) => {\r\n return ;\r\n })}\r\n \r\n
\r\n
\r\n
\r\n