From 483a82225194bf6356cf9dd711f15d907a4b32d1 Mon Sep 17 00:00:00 2001 From: Paul Wackerow <54227730+wackerow@users.noreply.github.com> Date: Wed, 16 Nov 2022 12:11:17 -0800 Subject: [PATCH] build homepage svg components --- src/components/UI/svgs/GlyphHome.tsx | 21 + src/components/UI/svgs/GopherHomeFront.tsx | 466 +++++++++++++++++++++ src/components/UI/svgs/GopherHomeLinks.tsx | 430 +++++++++++++++++++ src/components/UI/svgs/GopherHomeNodes.tsx | 311 ++++++++++++++ src/components/UI/svgs/index.ts | 4 + 5 files changed, 1232 insertions(+) create mode 100644 src/components/UI/svgs/GlyphHome.tsx create mode 100644 src/components/UI/svgs/GopherHomeFront.tsx create mode 100644 src/components/UI/svgs/GopherHomeLinks.tsx create mode 100644 src/components/UI/svgs/GopherHomeNodes.tsx create mode 100644 src/components/UI/svgs/index.ts diff --git a/src/components/UI/svgs/GlyphHome.tsx b/src/components/UI/svgs/GlyphHome.tsx new file mode 100644 index 0000000000..6abf1fbe1f --- /dev/null +++ b/src/components/UI/svgs/GlyphHome.tsx @@ -0,0 +1,21 @@ +import { IconProps } from '@chakra-ui/react'; +import { createIcon } from '@chakra-ui/icons'; + +const [w, h] = [180, 278]; + +const Icon = createIcon({ + displayName: 'GlyphHome', + viewBox: `0 0 ${w} ${h}`, + path: ( + + + + + + + + + ) +}); + +export const GlyphHome: React.FC = (props) => ; diff --git a/src/components/UI/svgs/GopherHomeFront.tsx b/src/components/UI/svgs/GopherHomeFront.tsx new file mode 100644 index 0000000000..6695320581 --- /dev/null +++ b/src/components/UI/svgs/GopherHomeFront.tsx @@ -0,0 +1,466 @@ +import { IconProps } from '@chakra-ui/react'; +import { createIcon } from '@chakra-ui/icons'; + +const [w, h] = [144, 272]; + +const Icon = createIcon({ + displayName: 'GopherHomeFront', + viewBox: `0 0 ${w} ${h}`, + path: ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +}); + +export const GopherHomeFront: React.FC = (props) => ; diff --git a/src/components/UI/svgs/GopherHomeLinks.tsx b/src/components/UI/svgs/GopherHomeLinks.tsx new file mode 100644 index 0000000000..0660ea53b2 --- /dev/null +++ b/src/components/UI/svgs/GopherHomeLinks.tsx @@ -0,0 +1,430 @@ +import { IconProps } from '@chakra-ui/react'; +import { createIcon } from '@chakra-ui/icons'; + +const [w, h] = [164, 252]; + +const Icon = createIcon({ + displayName: 'GopherHomeLinks', + viewBox: `0 0 ${w} ${h}`, + path: ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +}); + +export const GopherHomeLinks: React.FC = (props) => ; \ No newline at end of file diff --git a/src/components/UI/svgs/GopherHomeNodes.tsx b/src/components/UI/svgs/GopherHomeNodes.tsx new file mode 100644 index 0000000000..17f798a13b --- /dev/null +++ b/src/components/UI/svgs/GopherHomeNodes.tsx @@ -0,0 +1,311 @@ +import { IconProps } from '@chakra-ui/react'; +import { createIcon } from '@chakra-ui/icons'; + +const [w, h] = [214, 243]; + +const Icon = createIcon({ + displayName: 'GopherHomeNodes', + viewBox: `0 0 ${w} ${h}`, + path: ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +}); + +export const GopherHomeNodes: React.FC = (props) => ; \ No newline at end of file diff --git a/src/components/UI/svgs/index.ts b/src/components/UI/svgs/index.ts new file mode 100644 index 0000000000..51437dfe18 --- /dev/null +++ b/src/components/UI/svgs/index.ts @@ -0,0 +1,4 @@ +export * from './GlyphHome'; +export * from './GopherHomeFront'; +export * from './GopherHomeLinks'; +export * from './GopherHomeNodes';