forked from pheralb/svgl
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
New svgs, bug fixes & new design page
- Loading branch information
Showing
16 changed files
with
482 additions
and
95 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,26 @@ | ||
import { Box, VStack, Icon, Text, Divider } from "@chakra-ui/react"; | ||
import React from "react"; | ||
|
||
const Design = ({ icon, title, children }) => { | ||
return ( | ||
<Box | ||
borderWidth="1px" | ||
borderRadius="lg" | ||
overflow="hidden" | ||
_hover={{ shadow: "md", transition: "all .2s" }} | ||
> | ||
<Box p="6"> | ||
<VStack spacing={3}> | ||
<Icon as={icon} w={16} h={16} /> | ||
<Text fontSize="3xl" fontWeight="semibold"> | ||
{title} | ||
</Text> | ||
<Divider /> | ||
<Box fontSize="2xl">{children}</Box> | ||
</VStack> | ||
</Box> | ||
</Box> | ||
); | ||
}; | ||
|
||
export default Design; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,23 @@ | ||
import { Box, Image } from "@chakra-ui/react"; | ||
import React from "react"; | ||
|
||
const CardImage = ({title, image, children}) => { | ||
return ( | ||
<Box maxW="sm" borderWidth="1px" borderRadius="lg" overflow="hidden"> | ||
<Image src={image} alt={title} width="60" /> | ||
<Box p="6"> | ||
<Box | ||
mt="1" | ||
as="h4" | ||
lineHeight="tight" | ||
isTruncated | ||
> | ||
{title} | ||
</Box> | ||
{children} | ||
</Box> | ||
</Box> | ||
); | ||
}; | ||
|
||
export default CardImage; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,64 +1,37 @@ | ||
import * as React from "react"; | ||
import React, { useEffect } from "react"; | ||
import Link from "next/link"; | ||
import { useRouter } from "next/router"; | ||
import { IconButton } from "@chakra-ui/react"; | ||
import Hover from "animations/tap"; | ||
import { svgl } from "components/svg"; | ||
import confetti from "canvas-confetti"; | ||
|
||
const Logo = () => { | ||
const router = useRouter(); | ||
|
||
useEffect(() => { | ||
logoHeader.addEventListener("contextmenu", (event) => { | ||
event.preventDefault(); | ||
router.push("/design"); | ||
}); | ||
}, []); | ||
|
||
function Logo(props) { | ||
return ( | ||
<svg | ||
xmlns="https://www.w3.org/2000/svg" | ||
viewBox="0 0 256 256" | ||
color="currentColor" | ||
{...props} | ||
> | ||
<path fill="none" d="M0 0H256V256H0z" /> | ||
<path | ||
d="M37.9 207.9L91.7 59.8a8 8 0 0113.2-2.9l94.2 94.2a8 8 0 01-2.9 13.2L48.1 218.1a7.9 7.9 0 01-10.2-10.2zM168 72s0-24 24-24 24-24 24-24" | ||
fill="none" | ||
stroke="#000" | ||
strokeLinecap="round" | ||
strokeLinejoin="round" | ||
strokeWidth={16} | ||
/> | ||
<path | ||
fill="none" | ||
stroke="#000" | ||
strokeLinecap="round" | ||
strokeLinejoin="round" | ||
strokeWidth={16} | ||
d="M102.4 198.4L57.6 153.6" | ||
/> | ||
<path | ||
fill="none" | ||
stroke="#000" | ||
strokeLinecap="round" | ||
strokeLinejoin="round" | ||
strokeWidth={16} | ||
d="M144 16L144 40" | ||
/> | ||
<path | ||
fill="none" | ||
stroke="#000" | ||
strokeLinecap="round" | ||
strokeLinejoin="round" | ||
strokeWidth={16} | ||
d="M216 112L232 128" | ||
/> | ||
<path | ||
fill="none" | ||
stroke="#000" | ||
strokeLinecap="round" | ||
strokeLinejoin="round" | ||
strokeWidth={16} | ||
d="M216 80L240 72" | ||
/> | ||
<path | ||
fill="none" | ||
stroke="#000" | ||
strokeLinecap="round" | ||
strokeLinejoin="round" | ||
strokeWidth={16} | ||
d="M76.8 100.8L155.2 179.2" | ||
/> | ||
</svg> | ||
<Hover> | ||
<Link href="/" passHref> | ||
<IconButton | ||
as={svgl} | ||
id="logoHeader" | ||
cursor="pointer" | ||
name="logo" | ||
boxSize="40px" | ||
mr="2" | ||
borderRadius="full" | ||
bg="transparent" | ||
/> | ||
</Link> | ||
</Hover> | ||
); | ||
} | ||
}; | ||
|
||
export default Logo; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.