Stable #68
786
.yarn/releases/yarn-3.2.1.cjs
vendored
786
.yarn/releases/yarn-3.2.1.cjs
vendored
File diff suppressed because one or more lines are too long
783
.yarn/releases/yarn-3.2.2.cjs
vendored
Executable file
783
.yarn/releases/yarn-3.2.2.cjs
vendored
Executable file
File diff suppressed because one or more lines are too long
@@ -4,4 +4,4 @@ plugins:
|
||||
- path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
|
||||
spec: "@yarnpkg/plugin-interactive-tools"
|
||||
|
||||
yarnPath: .yarn/releases/yarn-3.2.1.cjs
|
||||
yarnPath: .yarn/releases/yarn-3.2.2.cjs
|
||||
|
||||
30
package.json
30
package.json
@@ -16,36 +16,36 @@
|
||||
"pretty": "prettier --write ."
|
||||
},
|
||||
"dependencies": {
|
||||
"@chakra-ui/react": "^2.2.1",
|
||||
"@emotion/react": "^11.9.3",
|
||||
"@emotion/styled": "^11.9.3",
|
||||
"@chakra-ui/react": "^2.2.6",
|
||||
"@emotion/react": "^11.10.0",
|
||||
"@emotion/styled": "^11.10.0",
|
||||
"@iconify/react": "^3.2.2",
|
||||
"@reduxjs/toolkit": "^1.8.2",
|
||||
"date-fns": "^2.28.0",
|
||||
"@reduxjs/toolkit": "^1.8.4",
|
||||
"date-fns": "^2.29.1",
|
||||
"formik": "^2.2.9",
|
||||
"framer-motion": "^6.3.15",
|
||||
"next": "12.1.6",
|
||||
"framer-motion": "^7.1.0",
|
||||
"next": "12.2.5",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"react-redux": "^8.0.2",
|
||||
"sharp": "^0.30.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "^18.0.0",
|
||||
"@types/react": "^18.0.14",
|
||||
"@types/node": "^18.7.2",
|
||||
"@types/react": "^18.0.17",
|
||||
"@types/react-redux": "^7.1.24",
|
||||
"@typescript-eslint/eslint-plugin": "^5.29.0",
|
||||
"eslint": "^8.18.0",
|
||||
"eslint-config-next": "^12.1.6",
|
||||
"@typescript-eslint/eslint-plugin": "^5.33.0",
|
||||
"eslint": "^8.21.0",
|
||||
"eslint-config-next": "^12.2.5",
|
||||
"eslint-config-prettier": "^8.5.0",
|
||||
"eslint-plugin-jsx-a11y": "^6.6.0",
|
||||
"eslint-plugin-jsx-a11y": "^6.6.1",
|
||||
"eslint-plugin-react": "^7.30.1",
|
||||
"eslint-plugin-react-hooks": "<4.6.0",
|
||||
"eslint-plugin-react-hooks": "^4.6.0",
|
||||
"prettier": "^2.7.1",
|
||||
"typescript": "^4.7.4"
|
||||
},
|
||||
"resolutions": {
|
||||
"@types/react": "^17.0.38"
|
||||
},
|
||||
"packageManager": "yarn@3.2.1"
|
||||
"packageManager": "yarn@3.2.2"
|
||||
}
|
||||
|
||||
@@ -1,10 +1,5 @@
|
||||
/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
|
||||
import {
|
||||
darken,
|
||||
mode,
|
||||
StyleFunctionProps,
|
||||
whiten
|
||||
} from "@chakra-ui/theme-tools";
|
||||
import { darken, mode, whiten } from "@chakra-ui/theme-tools";
|
||||
import { Dict } from "@chakra-ui/utils";
|
||||
|
||||
const buttonStyles = {
|
||||
@@ -14,7 +9,7 @@ const buttonStyles = {
|
||||
sizes: {},
|
||||
// styles for different visual variants ("outline", "solid")
|
||||
variants: {
|
||||
primary: (props: Dict<never> | StyleFunctionProps) => ({
|
||||
primary: (props: Dict<never>) => ({
|
||||
bg: "brand.primary",
|
||||
fontSize: "xl",
|
||||
py: 3,
|
||||
@@ -27,7 +22,7 @@ const buttonStyles = {
|
||||
)(props)
|
||||
}
|
||||
}),
|
||||
secondary: (props: Dict<never> | StyleFunctionProps) => ({
|
||||
secondary: (props: Dict<never>) => ({
|
||||
bg: "brand.secondary",
|
||||
fontSize: "xl",
|
||||
py: 3,
|
||||
@@ -40,7 +35,7 @@ const buttonStyles = {
|
||||
)(props)
|
||||
}
|
||||
}),
|
||||
skip: (props: Dict<never> | StyleFunctionProps) => ({
|
||||
skip: (props: Dict<never>) => ({
|
||||
bg: "transparent",
|
||||
fontSize: "xl",
|
||||
py: 3,
|
||||
@@ -51,7 +46,7 @@ const buttonStyles = {
|
||||
color: "whiteAlpha.900"
|
||||
}
|
||||
}),
|
||||
stickerButton: (props: Dict<never> | StyleFunctionProps) => ({
|
||||
stickerButton: (props: Dict<never>) => ({
|
||||
bg: "transparent",
|
||||
fontSize: "4rem",
|
||||
px: 2,
|
||||
@@ -63,7 +58,7 @@ const buttonStyles = {
|
||||
)(props)
|
||||
}
|
||||
}),
|
||||
nav: (props: Dict<never> | StyleFunctionProps) => ({
|
||||
nav: (props: Dict<never>) => ({
|
||||
bg: "transparent",
|
||||
fontSize: "md",
|
||||
px: 2,
|
||||
@@ -82,7 +77,7 @@ const buttonStyles = {
|
||||
textDecoration: "underline"
|
||||
}
|
||||
}),
|
||||
footer: (props: Dict<never> | StyleFunctionProps) => ({
|
||||
footer: (props: Dict<never>) => ({
|
||||
bg: "brand.main",
|
||||
fontSize: "lg",
|
||||
py: 3,
|
||||
@@ -92,7 +87,7 @@ const buttonStyles = {
|
||||
bg: mode(whiten("brand.main", 20), darken("brand.main", 20))(props)
|
||||
}
|
||||
}),
|
||||
backToTop: (props: Dict<never> | StyleFunctionProps) => ({
|
||||
backToTop: (props: Dict<never>) => ({
|
||||
bg: "rgba(23, 25, 35, 0.5)",
|
||||
fontSize: "lg",
|
||||
py: 2,
|
||||
@@ -112,7 +107,7 @@ const buttonStyles = {
|
||||
border: "1px solid rgba(0, 134, 255, 1)"
|
||||
}
|
||||
}),
|
||||
submit: (props: Dict<never> | StyleFunctionProps) => ({
|
||||
submit: (props: Dict<never>) => ({
|
||||
fontSize: "lg",
|
||||
py: 2,
|
||||
px: 4,
|
||||
@@ -131,7 +126,7 @@ const buttonStyles = {
|
||||
}
|
||||
}
|
||||
}),
|
||||
mobileNav: (props: Dict<never> | StyleFunctionProps) => ({
|
||||
mobileNav: (props: Dict<never>) => ({
|
||||
// bg: "transparent",
|
||||
fontSize: "md",
|
||||
px: 2,
|
||||
@@ -152,7 +147,7 @@ const buttonStyles = {
|
||||
border: "1px solid #0068ff"
|
||||
}
|
||||
}),
|
||||
patreon: (props: Dict<never> | StyleFunctionProps) => ({
|
||||
patreon: (props: Dict<never>) => ({
|
||||
bg: "brand.patreon",
|
||||
fontSize: "lg",
|
||||
p: 3,
|
||||
@@ -164,7 +159,7 @@ const buttonStyles = {
|
||||
)(props)
|
||||
}
|
||||
}),
|
||||
twitter: (props: Dict<never> | StyleFunctionProps) => ({
|
||||
twitter: (props: Dict<never>) => ({
|
||||
bg: "brand.twitter",
|
||||
fontSize: "lg",
|
||||
py: 3,
|
||||
|
||||
@@ -1,48 +1,9 @@
|
||||
import React /*, { useEffect, useRef, useState }*/ from "react";
|
||||
import {
|
||||
Box,
|
||||
Text,
|
||||
VStack,
|
||||
Link,
|
||||
// Image,
|
||||
Button,
|
||||
BoxProps
|
||||
} from "@chakra-ui/react";
|
||||
import { Box, Text, VStack, Link } from "@chakra-ui/react";
|
||||
// import BackToTopButton from "./BackToTopButton";
|
||||
import { motion } from "framer-motion";
|
||||
import Patreon from "../../components/buttons/Patreon";
|
||||
import CustomButton from "../../components/buttons/Custom";
|
||||
import Twitter from "../../components/buttons/Twitter";
|
||||
import Buttons from "../../components/buttons";
|
||||
|
||||
const MotionBox = motion<BoxProps>(Box);
|
||||
|
||||
const Footer = (): JSX.Element => {
|
||||
// const [showBackToTop, setShowBackToTop] = useState<boolean>(false);
|
||||
// const lastScroll = useRef<number>(0);
|
||||
|
||||
// const handleScroll = (): void => {
|
||||
// if (window.scrollY >= 500) {
|
||||
// setShowBackToTop(true);
|
||||
// } else {
|
||||
// setShowBackToTop(false);
|
||||
// }
|
||||
|
||||
// const currentScroll =
|
||||
// window.pageYOffset || document.documentElement.scrollTop;
|
||||
|
||||
// lastScroll.current = currentScroll <= 0 ? 0 : currentScroll;
|
||||
// };
|
||||
|
||||
// useEffect(() => {
|
||||
// if (!window) {
|
||||
// console.log("waiting for mount");
|
||||
// } else if (window) {
|
||||
// window.addEventListener("scroll", handleScroll);
|
||||
// }
|
||||
|
||||
// return () => window.removeEventListener("scroll", handleScroll);
|
||||
// }, []);
|
||||
return (
|
||||
<Box bg="brand.footer" as="footer" w="100%" h="auto">
|
||||
{/* <BackToTopButton show={showBackToTop} /> */}
|
||||
@@ -55,21 +16,6 @@ const Footer = (): JSX.Element => {
|
||||
justifyContent="center"
|
||||
>
|
||||
<VStack spacing={4}>
|
||||
{/* <MotionBox whileHover={{ scale: 1.1 }} whileTap={{ scale: 0.9 }}>
|
||||
<Link
|
||||
href="https://github.com/LucidCreationsMedia"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
<Button
|
||||
color="whiteAlpha"
|
||||
variant="credits"
|
||||
leftIcon={<Icon icon="akar-icons:github-fill" />}
|
||||
>
|
||||
View Codebase
|
||||
</Button>
|
||||
</Link>
|
||||
</MotionBox> */}
|
||||
<Buttons />
|
||||
<Text color="brand.footerText" fontSize="xs">
|
||||
©
|
||||
|
||||
Reference in New Issue
Block a user