From 2ddcd0d32514bbf1298bb9646101e15c9f95fcab Mon Sep 17 00:00:00 2001 From: T_DaMER Date: Tue, 14 Nov 2023 21:08:36 +0300 Subject: [PATCH 1/3] Add whitepaper link --- src/components/BwlLinks.tsx | 8 +++++++- src/helpers/constants.ts | 1 + 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/src/components/BwlLinks.tsx b/src/components/BwlLinks.tsx index 4a9db0e..7b76c78 100644 --- a/src/components/BwlLinks.tsx +++ b/src/components/BwlLinks.tsx @@ -1,9 +1,15 @@ import { LinkText } from 'components/Text' -import { bwlBlog, bwlGitHub, contactUs } from 'helpers/constants' +import { + bwlBlog, + bwlGitHub, + contactUs, + whitepaperLink, +} from 'helpers/constants' export default function () { return ( <> + Whitepaper Blog GitHub Contact diff --git a/src/helpers/constants.ts b/src/helpers/constants.ts index e43f1cf..071855f 100644 --- a/src/helpers/constants.ts +++ b/src/helpers/constants.ts @@ -3,4 +3,5 @@ export const contactUs = "mailto:hello@bwl.gg?subject=Hello%20BigWhaleLabs%2C%20it's%20..." export const bwlGitHub = 'https://github.com/BigWhaleLabs' export const bwlBlog = 'https://blog.bigwhalelabs.com' +export const whitepaperLink = 'https://docsend.com/view/238tkidbu8ju82dt' export const ketlUrl = 'https://ketl.xyz' From 15a52a2fcfd642212394b84a09b5587f6c204642 Mon Sep 17 00:00:00 2001 From: T_DaMER Date: Tue, 14 Nov 2023 21:35:02 +0300 Subject: [PATCH 2/3] Correct layouts --- package.json | 2 +- src/classnames/tailwind.ts | 2 -- src/components/MainPage/BigWhaleLabs.tsx | 4 +-- src/components/MainPage/InfoBlock.tsx | 2 +- src/components/MainPage/MobileInfoBlock.tsx | 4 +-- src/components/NavbarLinks.tsx | 2 +- src/hooks/useBreakpoints.ts | 38 --------------------- tailwind.config.js | 6 +--- 8 files changed, 8 insertions(+), 52 deletions(-) delete mode 100644 src/hooks/useBreakpoints.ts diff --git a/package.json b/package.json index c04be27..20ee1e3 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,7 @@ "build": "cross-env NODE_ENV=production yarn generate-css-types && tsc && vite build", "pretty": "prettier --check src", "lint": "yarn pretty && eslint --max-warnings 0 ./src/", - "generate-css-types": "tailwindcss-classnames -o src/classnames/tailwind.ts && prettier --write src/classnames/tailwind.ts", + "generate-css-types": "tailwindcss-classnames -o src/classnames/tailwind.ts && yarn prettier --write src/classnames/tailwind.ts", "update": "yarn build && git add . && git commit -m 'update' && git push", "preview": "yarn build && yarn vite preview" }, diff --git a/src/classnames/tailwind.ts b/src/classnames/tailwind.ts index c60e8d7..f67b258 100644 --- a/src/classnames/tailwind.ts +++ b/src/classnames/tailwind.ts @@ -7483,8 +7483,6 @@ export type TRotate = | 'rotate-45' | 'rotate-90' | 'rotate-180' - | '-rotate-20' - | '-rotate-90' export type TTranslate = | 'translate-x-0' diff --git a/src/components/MainPage/BigWhaleLabs.tsx b/src/components/MainPage/BigWhaleLabs.tsx index b97072c..618b177 100644 --- a/src/components/MainPage/BigWhaleLabs.tsx +++ b/src/components/MainPage/BigWhaleLabs.tsx @@ -22,7 +22,7 @@ const wrapper = classnames( display('flex'), alignItems('items-center'), justifyContent('justify-center'), - padding('px-6', 'md:px-0') + padding('px-6', 'sm:px-0') ) const imageStyles = classNamesToString( position('relative'), @@ -34,7 +34,7 @@ const imageStyles = classNamesToString( ) const videoStyles = classnames( position('absolute'), - inset('-right-2', 'top-4', 'md:right-2', 'md:top-8'), + inset('-right-2', 'top-4', 'sm:right-2', 'sm:top-8'), width('w-40', 'sm:w-48', 'md:w-60'), aspectRatio('aspect-square'), borderRadius('rounded-full'), diff --git a/src/components/MainPage/InfoBlock.tsx b/src/components/MainPage/InfoBlock.tsx index a289a1e..24dc440 100644 --- a/src/components/MainPage/InfoBlock.tsx +++ b/src/components/MainPage/InfoBlock.tsx @@ -20,7 +20,7 @@ const wrapper = classnames( width('w-full'), gap('gap-y-8', 'md:gap-x-20'), padding('md:px-8'), - margin('md:mb-8', 'md:mb-16', 'mt-16', 'md:mt-8') + margin('sm:mb-8', 'sm:mb-16', 'mt-16', 'md:mt-8') ) export default function () { diff --git a/src/components/MainPage/MobileInfoBlock.tsx b/src/components/MainPage/MobileInfoBlock.tsx index adcc6a2..1838456 100644 --- a/src/components/MainPage/MobileInfoBlock.tsx +++ b/src/components/MainPage/MobileInfoBlock.tsx @@ -11,8 +11,8 @@ import classnames, { width, } from 'classnames/tailwind' -const hideOnBig = display('md:hidden') -const wrapper = classnames(hideOnBig, margin('mb-8')) +const hideOnBig = display('sm:hidden') +const wrapper = classnames(hideOnBig, margin('mb-8', 'md:mx-8')) const crystal = classnames( width('w-full'), display('flex'), diff --git a/src/components/NavbarLinks.tsx b/src/components/NavbarLinks.tsx index 520124f..45d3c85 100644 --- a/src/components/NavbarLinks.tsx +++ b/src/components/NavbarLinks.tsx @@ -9,7 +9,7 @@ import classnames, { } from 'classnames/tailwind' const navLinkContainer = classnames( - display('hidden', 'md:flex'), + display('hidden', 'sm:flex'), flexDirection('flex-row'), alignItems('items-center'), justifyContent('justify-center'), diff --git a/src/hooks/useBreakpoints.ts b/src/hooks/useBreakpoints.ts deleted file mode 100644 index 008f086..0000000 --- a/src/hooks/useBreakpoints.ts +++ /dev/null @@ -1,38 +0,0 @@ -import { useMemo, useState } from 'preact/hooks' - -const xsSize = 279 -const smSize = 374 -const mobileSize = 420 -const mdSize = 599 -const defaultMd = 768 -const lgSize = 1023 -const twoXlSize = 1535 - -export default function () { - const [width, setWidth] = useState(window.innerWidth) - - useMemo(() => { - function resizer() { - setWidth(window.innerWidth) - } - - window.addEventListener('resize', resizer) - return () => { - window.removeEventListener('resize', resizer) - } - }, []) - - return { - defaultMd: width > defaultMd, - expandedTablet: width > mobileSize && width < lgSize, - lg: width > lgSize, - md: width > mdSize, - mobile: width > mobileSize, - onlyPhones: width < mdSize, - sm: width > smSize, - tablet: width > xsSize && width < mdSize, - twoXl: width > twoXlSize, - xs: width > xsSize && width < smSize, - xxs: width > xsSize, - } -} diff --git a/tailwind.config.js b/tailwind.config.js index a84d0c9..4fae5ca 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -6,10 +6,6 @@ module.exports = { primary: ['"Space Grotesk"', 'sans-serif'], }, extend: { - rotate: { - '-20': '-20deg', - '-90': '-90deg', - }, animation: { float: 'float 18s ease-in-out infinite', }, @@ -71,7 +67,7 @@ module.exports = { se: '23.5rem', tablet: '31.25rem', md: '37.5rem', - sm: '40rem', + sm: '42.1875rem', lg: '64rem', xl: '80rem', }, From 024cb6155a0160b8cc2b673105e0314af3fc2c5a Mon Sep 17 00:00:00 2001 From: T_DaMER Date: Tue, 14 Nov 2023 21:35:41 +0300 Subject: [PATCH 3/3] package --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 20ee1e3..c04be27 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,7 @@ "build": "cross-env NODE_ENV=production yarn generate-css-types && tsc && vite build", "pretty": "prettier --check src", "lint": "yarn pretty && eslint --max-warnings 0 ./src/", - "generate-css-types": "tailwindcss-classnames -o src/classnames/tailwind.ts && yarn prettier --write src/classnames/tailwind.ts", + "generate-css-types": "tailwindcss-classnames -o src/classnames/tailwind.ts && prettier --write src/classnames/tailwind.ts", "update": "yarn build && git add . && git commit -m 'update' && git push", "preview": "yarn build && yarn vite preview" },