Merge pull request #107 from BigWhaleLabs/whitepaper

Whitepaper

Author: T-Damer

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'

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 (
     <>
+      <LinkText url={whitepaperLink}>Whitepaper</LinkText>
       <LinkText url={bwlBlog}>Blog</LinkText>
       <LinkText url={bwlGitHub}>GitHub</LinkText>
       <LinkText url={contactUs}>Contact</LinkText>

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'),

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 () {

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'),

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'),

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'

src/hooks/useBreakpoints.ts

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