Stable #68

Merged
LucidKobold merged 12 commits from stable into stable 2022-08-12 17:42:31 -04:00
7 changed files with 1996 additions and 2161 deletions

File diff suppressed because one or more lines are too long

783
.yarn/releases/yarn-3.2.2.cjs vendored Executable file

File diff suppressed because one or more lines are too long

View File

@@ -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

View File

@@ -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"
}

View File

@@ -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,

View File

@@ -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">
&copy;

2471
yarn.lock

File diff suppressed because it is too large Load Diff