From 728f3dc7056f0b1461508f3999189aeef0755c38 Mon Sep 17 00:00:00 2001 From: eduardor2m Date: Mon, 31 Jan 2022 14:24:46 -0300 Subject: [PATCH 1/7] feat: navbar look --- gatsby-config.js | 14 +++- package.json | 1 + src/@types/custom.d.ts | 4 ++ src/components/Navibar.tsx | 132 +++++++++++++++++++++++++++++++++++++ src/images/logo.svg | 30 +++++++++ src/pages/index.tsx | 14 +--- yarn.lock | 92 +++++++++++++++++++++++++- 7 files changed, 272 insertions(+), 15 deletions(-) create mode 100644 src/@types/custom.d.ts create mode 100644 src/components/Navibar.tsx create mode 100644 src/images/logo.svg diff --git a/gatsby-config.js b/gatsby-config.js index 51ca3d4..89bf5a9 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -1,7 +1,9 @@ module.exports = { siteMetadata: { title: `site`, - siteUrl: `https://www.yourdomain.tld`, + siteUrl: `https://www.yourdomain.tld`, + description: `description`, + image: `./src/images/icon.png` }, plugins: [ '@chakra-ui/gatsby-plugin', @@ -18,6 +20,14 @@ module.exports = { options: { // Add any options here }, - } + }, + { + resolve: "gatsby-plugin-react-svg", + options: { + rule: { + include: `/svg/`, + }, + }, + }, ] } diff --git a/package.json b/package.json index bcaf5be..ae3dce8 100644 --- a/package.json +++ b/package.json @@ -22,6 +22,7 @@ "babel-plugin-styled-components": "^2.0.2", "framer-motion": "^6.2.3", "gatsby": "^4.6.0", + "gatsby-plugin-react-svg": "^3.1.0", "gatsby-plugin-styled-components": "^5.6.0", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/src/@types/custom.d.ts b/src/@types/custom.d.ts new file mode 100644 index 0000000..006534e --- /dev/null +++ b/src/@types/custom.d.ts @@ -0,0 +1,4 @@ +declare module '*.svg' { + const content: React.FunctionComponent>; + export default content; +} diff --git a/src/components/Navibar.tsx b/src/components/Navibar.tsx new file mode 100644 index 0000000..d774e79 --- /dev/null +++ b/src/components/Navibar.tsx @@ -0,0 +1,132 @@ +/* eslint-disable arrow-body-style */ +/* eslint-disable react/function-component-definition */ +import React, { useState } from 'react'; +import { Box, Image, Link, Text } from '@chakra-ui/react'; +import logo from '../images/logo.svg'; + +const Navibar: React.FC = () => { + const [link, setLink] = useState('home'); + return ( + + + + + setLink('home')} + {...(link === 'home' + ? { borderBottom: '4px solid #BFBFCC', color: '#FFF' } + : null)} + > + Home + + setLink('projects')} + {...(link === 'projects' + ? { borderBottom: '4px solid #BFBFCC', color: '#FFF' } + : null)} + > + Projetos + + setLink('team')} + {...(link === 'team' + ? { borderBottom: '4px solid #BFBFCC', color: '#FFF' } + : null)} + > + Equipe + + + + + + Conhecer + + + + + + ); +}; + +export default Navibar; diff --git a/src/images/logo.svg b/src/images/logo.svg new file mode 100644 index 0000000..7837d55 --- /dev/null +++ b/src/images/logo.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/pages/index.tsx b/src/pages/index.tsx index fdeccec..f9f05a0 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,19 +1,11 @@ import * as React from 'react'; import { Box, Text } from '@chakra-ui/react'; +import Navibar from '../components/Navibar'; function IndexPage() { return ( - - - Hello world! - + + ); } diff --git a/yarn.lock b/yarn.lock index 337a114..7aefb6b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3171,6 +3171,11 @@ better-opn@^2.1.1: dependencies: open "^7.0.3" +big.js@^3.1.3: + version "3.2.0" + resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e" + integrity sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q== + big.js@^5.2.2: version "5.2.2" resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328" @@ -3976,6 +3981,16 @@ css.escape@^1.5.1: resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb" integrity sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s= +css@2.2.4: + version "2.2.4" + resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929" + integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw== + dependencies: + inherits "^2.0.3" + source-map "^0.6.1" + source-map-resolve "^0.5.2" + urix "^0.1.0" + cssesc@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee" @@ -4375,6 +4390,11 @@ emoji-regex@^9.2.2: resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72" integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg== +emojis-list@^2.0.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389" + integrity sha1-TapNnbAPmBmIDHn6RXrlsJof04k= + emojis-list@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78" @@ -5524,6 +5544,13 @@ gatsby-plugin-page-creator@^4.6.0: globby "^11.0.4" lodash "^4.17.21" +gatsby-plugin-react-svg@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/gatsby-plugin-react-svg/-/gatsby-plugin-react-svg-3.1.0.tgz#00269f182793f1f624bbfb9817608f6ee26f7b70" + integrity sha512-OiEeTRQ+tzf7YrOnj87uMD6AGRl7BKxogAp1CUDtfiP+WGWZ99S5PeDLHJW5ExxGH1NVzWlNgtJjNmJhDksPhg== + dependencies: + svg-react-loader "^0.4.6" + gatsby-plugin-styled-components@^5.6.0: version "5.6.0" resolved "https://registry.yarnpkg.com/gatsby-plugin-styled-components/-/gatsby-plugin-styled-components-5.6.0.tgz#adbb6bb964d33c604831e247aac3af3a5ce8d699" @@ -6850,6 +6877,11 @@ json-stable-stringify-without-jsonify@^1.0.1: resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651" integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE= +json5@^0.5.0: + version "0.5.1" + resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821" + integrity sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE= + json5@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe" @@ -6982,6 +7014,15 @@ loader-runner@^4.2.0: resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.2.0.tgz#d7022380d66d14c5fb1d496b89864ebcfd478384" integrity sha512-92+huvxMvYlMzMt0iIOukcwYBFpkYJdpl2xsZ7LrlayO7E8SOv+JJUEK17B/dJIHAOLMfh2dZZ/Y18WgmGtYNw== +loader-utils@1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd" + integrity sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0= + dependencies: + big.js "^3.1.3" + emojis-list "^2.0.0" + json5 "^0.5.0" + loader-utils@2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.0.tgz#e4cace5b816d425a166b5f097e10cd12b36064b0" @@ -7117,7 +7158,7 @@ lodash.without@^4.4.0: resolved "https://registry.yarnpkg.com/lodash.without/-/lodash.without-4.4.0.tgz#3cd4574a00b67bae373a94b748772640507b7aac" integrity sha1-PNRXSgC2e643OpS3SHcmQFB7eqw= -lodash@4.17.21, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4: +lodash@4.17.21, lodash@^4.0.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4: version "4.17.21" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c" integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg== @@ -8495,6 +8536,11 @@ quick-lru@^5.1.1: resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932" integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA== +ramda@0.21.0: + version "0.21.0" + resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.21.0.tgz#a001abedb3ff61077d4ff1d577d44de77e8d0a35" + integrity sha1-oAGr7bP/YQd9T/HVd9RN536NCjU= + randombytes@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a" @@ -8967,6 +9013,11 @@ run-parallel@^1.1.9: dependencies: queue-microtask "^1.2.2" +rx@4.1.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/rx/-/rx-4.1.0.tgz#a5f13ff79ef3b740fe30aa803fb09f98805d4782" + integrity sha1-pfE/957zt0D+MKqAP7CfmIBdR4I= + rxjs@^6.6.0: version "6.6.7" resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.7.tgz#90ac018acabf491bf65044235d5863c4dab804c9" @@ -8996,6 +9047,11 @@ safe-regex@^1.1.0: resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a" integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== +sax@>=0.6.0: + version "1.2.4" + resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9" + integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw== + scheduler@^0.20.2: version "0.20.2" resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91" @@ -9315,7 +9371,7 @@ source-map-js@^1.0.1: resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw== -source-map-resolve@^0.5.0: +source-map-resolve@^0.5.0, source-map-resolve@^0.5.2: version "0.5.3" resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a" integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw== @@ -9663,6 +9719,18 @@ supports-preserve-symlinks-flag@^1.0.0: resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09" integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w== +svg-react-loader@^0.4.6: + version "0.4.6" + resolved "https://registry.yarnpkg.com/svg-react-loader/-/svg-react-loader-0.4.6.tgz#b263efb3e3d2fff4c682a729351aba5f185051a1" + integrity sha512-HVEypjWQsQuJdBIPzXGxpmQsQts7QwfQuYgK1rah6BVCMoLNSCh/ESKVNd7/tHq8DkWYHHTyaUMDA1FjqZYrgA== + dependencies: + css "2.2.4" + loader-utils "1.1.0" + ramda "0.21.0" + rx "4.1.0" + traverse "0.6.6" + xml2js "0.4.17" + svgo@^2.7.0: version "2.8.0" resolved "https://registry.yarnpkg.com/svgo/-/svgo-2.8.0.tgz#4ff80cce6710dc2795f0c7c74101e6764cfccd24" @@ -9868,6 +9936,11 @@ tr46@~0.0.3: resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a" integrity sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o= +traverse@0.6.6: + version "0.6.6" + resolved "https://registry.yarnpkg.com/traverse/-/traverse-0.6.6.tgz#cbdf560fd7b9af632502fed40f918c157ea97137" + integrity sha1-y99WD9e5r2MlAv7UD5GMFX6pcTc= + "true-case-path@^2.2.1": version "2.2.1" resolved "https://registry.yarnpkg.com/true-case-path/-/true-case-path-2.2.1.tgz#c5bf04a5bbec3fd118be4084461b3a27c4d796bf" @@ -10419,6 +10492,21 @@ xdg-basedir@^4.0.0: resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-4.0.0.tgz#4bc8d9984403696225ef83a1573cbbcb4e79db13" integrity sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q== +xml2js@0.4.17: + version "0.4.17" + resolved "https://registry.yarnpkg.com/xml2js/-/xml2js-0.4.17.tgz#17be93eaae3f3b779359c795b419705a8817e868" + integrity sha1-F76T6q4/O3eTWceVtBlwWogX6Gg= + dependencies: + sax ">=0.6.0" + xmlbuilder "^4.1.0" + +xmlbuilder@^4.1.0: + version "4.2.1" + resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-4.2.1.tgz#aa58a3041a066f90eaa16c2f5389ff19f3f461a5" + integrity sha1-qlijBBoGb5DqoWwvU4n/GfP0YaU= + dependencies: + lodash "^4.0.0" + xmlhttprequest-ssl@~1.6.2: version "1.6.3" resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.6.3.tgz#03b713873b01659dfa2c1c5d056065b27ddc2de6" From 5de22511a56275eca0ef8f1a88e910fc06252fb2 Mon Sep 17 00:00:00 2001 From: eduardor2m Date: Tue, 1 Feb 2022 04:41:04 -0300 Subject: [PATCH 2/7] feat: typing svg --- src/@types/custom.d.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/@types/custom.d.ts b/src/@types/custom.d.ts index 006534e..c8130ac 100644 --- a/src/@types/custom.d.ts +++ b/src/@types/custom.d.ts @@ -1,4 +1,5 @@ +/* eslint-disable @typescript-eslint/no-explicit-any */ declare module '*.svg' { - const content: React.FunctionComponent>; + const content: any; export default content; } From 9b3031976c297d3ce2202a40a239701db3a6ec36 Mon Sep 17 00:00:00 2001 From: eduardor2m Date: Tue, 1 Feb 2022 04:56:22 -0300 Subject: [PATCH 3/7] feat: adjust "top" video player --- src/components/VslSection.tsx | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/components/VslSection.tsx b/src/components/VslSection.tsx index 6ad9e13..1129719 100644 --- a/src/components/VslSection.tsx +++ b/src/components/VslSection.tsx @@ -27,9 +27,7 @@ const VslSection = () => ( - + ); @@ -53,7 +51,7 @@ const VslFragmentsContainer = styled.div` } .big-fragments-group { left: 75%; - top: -30%; + /* top: -30%; */ width: 25%; height: 30%; } From 792c07a0893454ebd47faea750bd3c0e046af1e5 Mon Sep 17 00:00:00 2001 From: eduardor2m Date: Tue, 1 Feb 2022 13:36:12 -0300 Subject: [PATCH 4/7] feat: I added responsiveness in the navbar --- package.json | 1 + src/components/Menu.tsx | 80 +++++++++++++ src/components/Navibar.tsx | 235 +++++++++++++++++++++---------------- yarn.lock | 17 ++- 4 files changed, 232 insertions(+), 101 deletions(-) create mode 100644 src/components/Menu.tsx diff --git a/package.json b/package.json index 0c8c6ee..a8c4fb8 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ }, "dependencies": { "@chakra-ui/gatsby-plugin": "^2.0.2", + "@chakra-ui/icons": "^1.1.1", "@chakra-ui/react": "^1.8.1", "@emotion/react": "^11.7.1", "@emotion/styled": "^11.6.0", diff --git a/src/components/Menu.tsx b/src/components/Menu.tsx new file mode 100644 index 0000000..6f171f7 --- /dev/null +++ b/src/components/Menu.tsx @@ -0,0 +1,80 @@ +/* eslint-disable arrow-body-style */ +/* eslint-disable react/function-component-definition */ +import React from 'react'; +import { Box, Button, Image, Link } from '@chakra-ui/react'; +import { CloseIcon } from '@chakra-ui/icons'; +import logo from '../images/logo.svg'; + +interface MenuProps { + modalOpen: () => void; +} + +const Menu: React.FC = ({ modalOpen }) => { + return ( + + + + + + + + + Home + + + Blog + + + A Çuç + + + + + ); +}; + +export default Menu; diff --git a/src/components/Navibar.tsx b/src/components/Navibar.tsx index d774e79..f81110b 100644 --- a/src/components/Navibar.tsx +++ b/src/components/Navibar.tsx @@ -1,131 +1,166 @@ /* eslint-disable arrow-body-style */ /* eslint-disable react/function-component-definition */ import React, { useState } from 'react'; -import { Box, Image, Link, Text } from '@chakra-ui/react'; +import { Box, Button, Image, Link, Text } from '@chakra-ui/react'; +import { HamburgerIcon } from '@chakra-ui/icons'; +import Menu from './Menu'; import logo from '../images/logo.svg'; const Navibar: React.FC = () => { const [link, setLink] = useState('home'); + const [isOpen, setIsOpen] = useState(false); + + function handleClick() { + setIsOpen(!isOpen); + } return ( - - - + <> + {isOpen && handleClick()} />} + + - + setLink('home')} - {...(link === 'home' - ? { borderBottom: '4px solid #BFBFCC', color: '#FFF' } - : null)} + onClick={() => handleClick()} > - Home - - + + + + setLink('projects')} - {...(link === 'projects' - ? { borderBottom: '4px solid #BFBFCC', color: '#FFF' } - : null)} + flexDir="row" + alignItems="center" + justifyContent="space-between" > - Projetos - + { + setLink('home'); + }} + {...(link === 'home' + ? { borderBottom: '4px solid #BFBFCC', color: '#FFF' } + : null)} + > + Home + + setLink('projects')} + {...(link === 'projects' + ? { borderBottom: '4px solid #BFBFCC', color: '#FFF' } + : null)} + > + Blog + + setLink('team')} + {...(link === 'team' + ? { borderBottom: '4px solid #BFBFCC', color: '#FFF' } + : null)} + > + A ÇUÇ + + setLink('team')} - {...(link === 'team' - ? { borderBottom: '4px solid #BFBFCC', color: '#FFF' } - : null)} > - Equipe + + + Conhecer + + - - - - Conhecer - - - - + ); }; diff --git a/yarn.lock b/yarn.lock index 4cc801c..24fa901 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1174,6 +1174,13 @@ compute-scroll-into-view "1.0.14" copy-to-clipboard "3.3.1" +"@chakra-ui/icon@1.2.1": + version "1.2.1" + resolved "https://registry.yarnpkg.com/@chakra-ui/icon/-/icon-1.2.1.tgz#b47c0016531da8bef81061d2b96a2d5282b07ff8" + integrity sha512-uZxFsiY4Tld+LvGIX7cky0H6oMRac8udPMQRzIk/UQeNZcsWisGetatbQsew3y1lWV/iH/8+TlDuW13GWGyGGQ== + dependencies: + "@chakra-ui/utils" "1.9.1" + "@chakra-ui/icon@2.0.1": version "2.0.1" resolved "https://registry.yarnpkg.com/@chakra-ui/icon/-/icon-2.0.1.tgz#bb68e596c53b7b8f6ff549837f71bd9134202b97" @@ -1181,6 +1188,14 @@ dependencies: "@chakra-ui/utils" "1.10.0" +"@chakra-ui/icons@^1.1.1": + version "1.1.1" + resolved "https://registry.yarnpkg.com/@chakra-ui/icons/-/icons-1.1.1.tgz#e4b191fd38be999c4434ff2b1fb69a5eaf3cf226" + integrity sha512-/+u6euCOFw6J1DZW7NcVFtib4mygJBoqRdsKiU1Z3uiTC+zQTBzcCt54NQ+kK8rhuNzJ+odahnt/AbjBJgZ+5A== + dependencies: + "@chakra-ui/icon" "1.2.1" + "@types/react" "^17.0.15" + "@chakra-ui/image@1.1.3": version "1.1.3" resolved "https://registry.yarnpkg.com/@chakra-ui/image/-/image-1.1.3.tgz#d75f23bf49301bc8e23b15a5cd20ad41114cf6ae" @@ -2319,7 +2334,7 @@ dependencies: "@types/react" "*" -"@types/react@*", "@types/react@^17.0.38": +"@types/react@*", "@types/react@^17.0.15", "@types/react@^17.0.38": version "17.0.38" resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.38.tgz#f24249fefd89357d5fa71f739a686b8d7c7202bd" integrity sha512-SI92X1IA+FMnP3qM5m4QReluXzhcmovhZnLNm3pyeQlooi02qI7sLiepEYqT678uNiyc25XfCqxREFpy3W7YhQ== From c4f2eb91dbaa4f627c4d560df847b60ba328f406 Mon Sep 17 00:00:00 2001 From: eduardor2m Date: Wed, 2 Feb 2022 10:19:58 -0300 Subject: [PATCH 5/7] feat: requested corrections --- src/@types/custom.d.ts | 2 +- src/components/VslSection.tsx | 2 +- src/pages/index.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/@types/custom.d.ts b/src/@types/custom.d.ts index c8130ac..f5d36d5 100644 --- a/src/@types/custom.d.ts +++ b/src/@types/custom.d.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/no-explicit-any */ declare module '*.svg' { - const content: any; + const content: string; export default content; } diff --git a/src/components/VslSection.tsx b/src/components/VslSection.tsx index 1129719..9d65d73 100644 --- a/src/components/VslSection.tsx +++ b/src/components/VslSection.tsx @@ -51,7 +51,7 @@ const VslFragmentsContainer = styled.div` } .big-fragments-group { left: 75%; - /* top: -30%; */ + top: -30%; width: 25%; height: 30%; } diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 46b2436..e9fcbb5 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -5,7 +5,7 @@ import VslSection from '../components/VslSection'; function IndexPage() { return ( - + From adb82bb09617429a5113abf27fa72fa9f529c27e Mon Sep 17 00:00:00 2001 From: eduardor2m Date: Sat, 5 Feb 2022 09:44:58 -0300 Subject: [PATCH 6/7] feat: I removed the chakra-ui, added the booststrap and restyled the page --- gatsby-browser.js | 1 + gatsby-config.js | 2 +- package.json | 8 +- src/@types/{custom.d.ts => declaration.d.ts} | 2 + src/components/Menu.tsx | 96 +- src/components/Navbar.tsx | 99 ++ src/components/Navibar.tsx | 167 --- src/pages/index.tsx | 11 +- src/styles/components/Menu.module.scss | 38 + src/styles/components/Navbar.module.scss | 95 ++ src/styles/pages/index.module.scss | 5 + src/styles/theme.ts | 11 - yarn.lock | 1035 +++++------------- 13 files changed, 553 insertions(+), 1017 deletions(-) create mode 100644 gatsby-browser.js rename src/@types/{custom.d.ts => declaration.d.ts} (80%) create mode 100644 src/components/Navbar.tsx delete mode 100644 src/components/Navibar.tsx create mode 100644 src/styles/components/Menu.module.scss create mode 100644 src/styles/components/Navbar.module.scss create mode 100644 src/styles/pages/index.module.scss diff --git a/gatsby-browser.js b/gatsby-browser.js new file mode 100644 index 0000000..0d50a76 --- /dev/null +++ b/gatsby-browser.js @@ -0,0 +1 @@ +import 'bootstrap/dist/css/bootstrap.min.css'; diff --git a/gatsby-config.js b/gatsby-config.js index 89bf5a9..90deb66 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -6,7 +6,6 @@ module.exports = { image: `./src/images/icon.png` }, plugins: [ - '@chakra-ui/gatsby-plugin', { resolve: `gatsby-plugin-typescript`, options: { @@ -15,6 +14,7 @@ module.exports = { allExtensions: true, // defaults to false }, }, + `gatsby-plugin-sass`, { resolve: `gatsby-plugin-styled-components`, options: { diff --git a/package.json b/package.json index a8c4fb8..b79af66 100644 --- a/package.json +++ b/package.json @@ -15,19 +15,20 @@ "clean": "gatsby clean" }, "dependencies": { - "@chakra-ui/gatsby-plugin": "^2.0.2", - "@chakra-ui/icons": "^1.1.1", - "@chakra-ui/react": "^1.8.1", "@emotion/react": "^11.7.1", "@emotion/styled": "^11.6.0", "babel-plugin-styled-components": "^2.0.2", + "bootstrap": "5.1.3", "framer-motion": "^6.2.3", "gatsby": "^4.6.0", "gatsby-plugin-react-svg": "^3.1.0", + "gatsby-plugin-sass": "^5.6.0", "gatsby-plugin-styled-components": "^5.6.0", "plyr": "^3.6.12", "react": "^17.0.1", + "react-bootstrap": "^2.1.2", "react-dom": "^17.0.1", + "react-icons": "^4.3.1", "styled-components": "^5.3.3" }, "devDependencies": { @@ -48,6 +49,7 @@ "eslint-plugin-react-hooks": "^4.3.0", "gatsby-plugin-typescript": "^4.6.0", "prettier": "^2.5.1", + "sass": "^1.49.7", "stylelint-config-prettier": "^9.0.3", "tslint-config-prettier": "^1.18.0", "typescript": "^4.2.4" diff --git a/src/@types/custom.d.ts b/src/@types/declaration.d.ts similarity index 80% rename from src/@types/custom.d.ts rename to src/@types/declaration.d.ts index f5d36d5..fc2893e 100644 --- a/src/@types/custom.d.ts +++ b/src/@types/declaration.d.ts @@ -3,3 +3,5 @@ declare module '*.svg' { const content: string; export default content; } + +declare module '*.module.scss'; diff --git a/src/components/Menu.tsx b/src/components/Menu.tsx index 6f171f7..5e18a29 100644 --- a/src/components/Menu.tsx +++ b/src/components/Menu.tsx @@ -1,8 +1,14 @@ /* eslint-disable arrow-body-style */ /* eslint-disable react/function-component-definition */ import React from 'react'; -import { Box, Button, Image, Link } from '@chakra-ui/react'; -import { CloseIcon } from '@chakra-ui/icons'; +import { Nav, Button, Image, Container } from 'react-bootstrap'; +import { AiOutlineClose } from 'react-icons/ai'; +import { + navLocal, + containerMenuLocal, + linkMenuLocal, + buttonMenuLocal, +} from '../styles/components/Menu.module.scss'; import logo from '../images/logo.svg'; interface MenuProps { @@ -11,69 +17,29 @@ interface MenuProps { const Menu: React.FC = ({ modalOpen }) => { return ( - - - - - - - - - Home - - - Blog - - - A Çuç - - - - + ); }; diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx new file mode 100644 index 0000000..ac9bf87 --- /dev/null +++ b/src/components/Navbar.tsx @@ -0,0 +1,99 @@ +/* eslint-disable import/no-unresolved */ +/* eslint-disable jsx-a11y/anchor-is-valid */ +/* eslint-disable react/button-has-type */ +/* eslint-disable arrow-body-style */ +/* eslint-disable react/function-component-definition */ +import React, { useState } from 'react'; +import { GiHamburgerMenu } from 'react-icons/gi'; +import { + Nav, + Button, + Navbar as NavbarBase, + Container, + Col, +} from 'react-bootstrap'; +import { + navbarLocal, + containerLocal, + linksLocal, + linkLocal, + buttonRightLocal, + buttonLocal, + buttonNavLocal, +} from '../styles/components/Navbar.module.scss'; +import Menu from './Menu'; +import logo from '../images/logo.svg'; + +const Navbar: React.FC = () => { + const [link, setLink] = useState('home'); + const [isOpen, setIsOpen] = useState(false); + + function handleClick() { + setIsOpen(!isOpen); + } + return ( + <> + {isOpen && handleClick()} />} + + + + React Bootstrap logo + + + + + + + ); +}; + +export default Navbar; diff --git a/src/components/Navibar.tsx b/src/components/Navibar.tsx deleted file mode 100644 index f81110b..0000000 --- a/src/components/Navibar.tsx +++ /dev/null @@ -1,167 +0,0 @@ -/* eslint-disable arrow-body-style */ -/* eslint-disable react/function-component-definition */ -import React, { useState } from 'react'; -import { Box, Button, Image, Link, Text } from '@chakra-ui/react'; -import { HamburgerIcon } from '@chakra-ui/icons'; -import Menu from './Menu'; -import logo from '../images/logo.svg'; - -const Navibar: React.FC = () => { - const [link, setLink] = useState('home'); - const [isOpen, setIsOpen] = useState(false); - - function handleClick() { - setIsOpen(!isOpen); - } - return ( - <> - {isOpen && handleClick()} />} - - - - - handleClick()} - > - - - - { - setLink('home'); - }} - {...(link === 'home' - ? { borderBottom: '4px solid #BFBFCC', color: '#FFF' } - : null)} - > - Home - - setLink('projects')} - {...(link === 'projects' - ? { borderBottom: '4px solid #BFBFCC', color: '#FFF' } - : null)} - > - Blog - - setLink('team')} - {...(link === 'team' - ? { borderBottom: '4px solid #BFBFCC', color: '#FFF' } - : null)} - > - A ÇUÇ - - - - - - Conhecer - - - - - - - ); -}; - -export default Navibar; diff --git a/src/pages/index.tsx b/src/pages/index.tsx index e9fcbb5..4371416 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,14 +1,15 @@ import * as React from 'react'; -import { Box } from '@chakra-ui/react'; -import Navibar from '../components/Navibar'; +import Navbar from '../components/Navbar'; import VslSection from '../components/VslSection'; +import { container } from '../styles/pages/index.module.scss'; + function IndexPage() { return ( - - +
+ - +
); } diff --git a/src/styles/components/Menu.module.scss b/src/styles/components/Menu.module.scss new file mode 100644 index 0000000..2f9aa3e --- /dev/null +++ b/src/styles/components/Menu.module.scss @@ -0,0 +1,38 @@ +.navLocal { + width: 90%; + height: 100%; + display: flex; + padding: 20px; + flex-direction: column; + justify-content: space-between; + position: fixed; + background-color: #293241; + z-index: 100; +} + +.containerMenuLocal { + display: flex; + flex-direction: column; + height: 80%; +} + +.linkMenuLocal { + color: #fff; + font-size: 1.2rem; + font-weight: bold; + text-decoration: none; + margin-bottom: 10px; + transition: all 0.3s; + cursor: pointer; +} + +.buttonMenuLocal { + display: flex; + align-items: center; + justify-content: center; + border: none; + width: 100%; + height: 50px; + background-color: #cf721c; + box-shadow: 0px 0px 12px #cf721c; +} diff --git a/src/styles/components/Navbar.module.scss b/src/styles/components/Navbar.module.scss new file mode 100644 index 0000000..eea0d42 --- /dev/null +++ b/src/styles/components/Navbar.module.scss @@ -0,0 +1,95 @@ +.navbarLocal { + width: 100%; + height: 85px; + background-color: #0b132b !important; + padding: 0 !important; + border-bottom: 1px solid #bfbfcc; +} +.containerLocal { + display: flex; + width: 100%; + height: 100%; + justify-content: space-between; + align-items: center; + margin: 0 auto; +} + +.linksLocal { + display: flex; + height: 100%; + justify-content: space-around; + align-items: center; +} + +.linkLocal { + color: #bfbfcc !important; + height: 100%; + padding-top: 30px; + text-decoration: none; + font-size: 1.2rem; + font-weight: bold; + cursor: pointer; +} + +.linkLocal:hover { + color: #fff !important; + border-bottom: 4px solid #bfbfcc; +} + +.buttonRightLocal { + display: flex; + justify-content: flex-end; +} + +.buttonLocal { + width: 199px; + height: 49px; + background-color: #cf721c; + color: #fff; + border: none; + border-radius: 5px; + font-size: 1.2rem; + font-weight: bold; +} + +.buttonLocal:hover { + opacity: 0.8; + color: #fff; + background-color: #cf721c; +} + +.buttonNavLocal { + display: none; +} + +@media screen and (max-width: 768px) { + .navbarLocal { + height: auto; + padding: 0; + } + .linksLocal { + display: none; + } + .linkLocal { + padding-top: 0; + font-size: 1rem; + } + .buttonLocal { + display: none; + } + .buttonNavLocal { + display: flex; + align-items: center; + justify-content: center; + width: 50px; + height: 50px; + border: none; + background-color: #cf721c; + box-shadow: 0px 0px 12px #cf721c; + } + + .buttonNavLocal:hover { + background-color: #cf721c; + box-shadow: 0px 0px 12px #cf721c; + } +} diff --git a/src/styles/pages/index.module.scss b/src/styles/pages/index.module.scss new file mode 100644 index 0000000..83d136f --- /dev/null +++ b/src/styles/pages/index.module.scss @@ -0,0 +1,5 @@ +.container { + width: 100%; + height: 100%; + background-color: #0b132b; +} diff --git a/src/styles/theme.ts b/src/styles/theme.ts index 0858239..e69de29 100644 --- a/src/styles/theme.ts +++ b/src/styles/theme.ts @@ -1,11 +0,0 @@ -import { extendTheme } from '@chakra-ui/react'; - -const colors = { - brand: { - 900: '#1a365d', - 800: '#153e75', - 700: '#2a69ac', - }, -}; - -export const theme = extendTheme({ colors }); diff --git a/yarn.lock b/yarn.lock index 24fa901..4dff587 100644 --- a/yarn.lock +++ b/yarn.lock @@ -975,13 +975,20 @@ core-js-pure "^3.20.2" regenerator-runtime "^0.13.4" -"@babel/runtime@^7.0.0", "@babel/runtime@^7.10.0", "@babel/runtime@^7.10.2", "@babel/runtime@^7.12.13", "@babel/runtime@^7.13.10", "@babel/runtime@^7.15.4", "@babel/runtime@^7.16.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2": +"@babel/runtime@^7.10.0", "@babel/runtime@^7.10.2", "@babel/runtime@^7.13.10", "@babel/runtime@^7.15.4", "@babel/runtime@^7.16.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2": version "7.16.7" resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.16.7.tgz#03ff99f64106588c9c403c6ecb8c3bafbbdff1fa" integrity sha512-9E9FJowqAsytyOY6LG+1KuueckRL+aQW+mKvXRXnuFGyRAyepJPmEo9vgMfXUA6O9u3IeEdv9MAkppFcaQwogQ== dependencies: regenerator-runtime "^0.13.4" +"@babel/runtime@^7.13.16", "@babel/runtime@^7.14.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.2", "@babel/runtime@^7.6.3", "@babel/runtime@^7.8.7": + version "7.17.0" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.0.tgz#b8d142fc0f7664fb3d9b5833fd40dcbab89276c0" + integrity sha512-etcO/ohMNaNA2UBdaXBBSX/3aEzFMRrVfaPv8Ptc0k+cWpWW0QFiGZ2XnVqQZI1Cf734LbPGmqBKWESfW4x/dQ== + dependencies: + regenerator-runtime "^0.13.4" + "@babel/template@^7.16.7": version "7.16.7" resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.16.7.tgz#8d126c8701fde4d66b264b3eba3d96f07666d155" @@ -1015,598 +1022,6 @@ "@babel/helper-validator-identifier" "^7.16.7" to-fast-properties "^2.0.0" -"@chakra-ui/accordion@1.4.4": - version "1.4.4" - resolved "https://registry.yarnpkg.com/@chakra-ui/accordion/-/accordion-1.4.4.tgz#4263d62c527a7b56c102e4c6e48e9d9b9511e9ba" - integrity sha512-1qGo9BivsA3n7vgxdvzBWSW5IC7EcWb6B74po/Xc1ymROwdyKDlqDgayYwLo2Zxo6GOi4pk5Jd5hmtrWfzRAQA== - dependencies: - "@chakra-ui/descendant" "2.1.1" - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/icon" "2.0.1" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/transition" "1.4.3" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/alert@1.3.3": - version "1.3.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/alert/-/alert-1.3.3.tgz#bb754343f077042eb623cfb07e24f76cda3bffb3" - integrity sha512-a+hUBejFIWWPLtZpsh1mU8g4g3uQ260Ez/VPKjIvljk0TkoqzB8eV0ckPzDSuw4e2pZFrgwhsWs9rpzeJV7e4A== - dependencies: - "@chakra-ui/icon" "2.0.1" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/anatomy@1.2.1": - version "1.2.1" - resolved "https://registry.yarnpkg.com/@chakra-ui/anatomy/-/anatomy-1.2.1.tgz#a2336133ef19817eb062459c37fb909e18ce7fca" - integrity sha512-kNS+FiEDTSnwpQUW4dEjZ5745xhkvB0XtmqjY1wpclUSpFfptLZM9QIHPTnBt2bzM9R+idmRRP+WkTt6kyTrLw== - dependencies: - "@chakra-ui/theme-tools" "^1.3.1" - -"@chakra-ui/avatar@1.3.4": - version "1.3.4" - resolved "https://registry.yarnpkg.com/@chakra-ui/avatar/-/avatar-1.3.4.tgz#d60cdc5298d81aaa4471bc5aa21c05474c902293" - integrity sha512-ZNUv0le9dqd9LR2NKDH0bcBgHymwbVa8KlwXTmFWM0cBoLoGprN+siF6CEk6dzVxLyIftpkBQogzZH9qkc4KVw== - dependencies: - "@chakra-ui/image" "1.1.3" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/breadcrumb@1.3.2": - version "1.3.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/breadcrumb/-/breadcrumb-1.3.2.tgz#60b9d27cc16f3e93e8f1e4dbad2503aa5b3fdf58" - integrity sha512-3a5sW+o0ixELFQncCBXOedR6nQa51n22CbZF9ExOq18wJuEse8Eag1XY1el4ZDk319SxQDf4OEaKYlgKr8n09A== - dependencies: - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/button@1.5.3": - version "1.5.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/button/-/button-1.5.3.tgz#9c7a41078d95a00f78c0d11aadd92250d15d232f" - integrity sha512-6DW2NFHvbrSiaXMnqXUjPKJefeHSoTW8NkGaSkGgFH1V7asK12Ffl9oQE4Lw2GnlqptLNBMO81MyxyKgNFUldQ== - dependencies: - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/spinner" "1.2.2" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/checkbox@1.6.3": - version "1.6.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/checkbox/-/checkbox-1.6.3.tgz#a1ffb672543b02a5291c84f94ec7e3c0621d2931" - integrity sha512-HXqqKfftSqbkksV//K1Tz6ymaXQudks3FWnzGIqOQCrAAsYCy3jUzk5bH/mbo4mj9nozNFn2Nz8m+BwDEO4Xvw== - dependencies: - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - "@chakra-ui/visually-hidden" "1.1.2" - -"@chakra-ui/clickable@1.2.2": - version "1.2.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/clickable/-/clickable-1.2.2.tgz#c502f7b01e3160aaf8167b59d6f11c161722eef8" - integrity sha512-SlWrCgILKlxaJKzzOqIdCQdbff0HVlce3oHqOGHO/kxm/P1buG04fUzKie0Zegdp0gQXdk+/+1Emzl2tZTg/Bg== - dependencies: - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/close-button@1.2.3": - version "1.2.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/close-button/-/close-button-1.2.3.tgz#a1eac6548ae4e5a725652e3c33ac7bbe3d9b087b" - integrity sha512-sIZFDm6OtZvg0v8ZcSoJMOfWttnCirT1zvWdrn7MvDCCtJqImmpXeTAX+o+omTDMzk6aiarEnXGVXEgwlZxgBQ== - dependencies: - "@chakra-ui/icon" "2.0.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/color-mode@1.4.1": - version "1.4.1" - resolved "https://registry.yarnpkg.com/@chakra-ui/color-mode/-/color-mode-1.4.1.tgz#05ce58eff9972dfd6bf4b79fc1cda8ef9407a15b" - integrity sha512-aj9PqYncJ+qceaf0s12Aj81pr7uqUyU6/DLWJQI7tiCv4n7P5SO6wMIJ1794ULJFZ+Vq7Ik9eoqK7H60Qbr90w== - dependencies: - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/react-env" "1.1.2" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/control-box@1.1.2": - version "1.1.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/control-box/-/control-box-1.1.2.tgz#29d093f02965ecdcd2465ed2cecd5dd56920f344" - integrity sha512-MieFqTKqtS5lz1D1KnsE4NtVCjz2esJasJdJo9HO/kiAlR0nUfc7TZwsd6HB5mPjiknR1reZSgI/2KUY9zz/gA== - dependencies: - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/counter@1.2.3": - version "1.2.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/counter/-/counter-1.2.3.tgz#5ef574adf635bbe144031a308b04ab91d789ff22" - integrity sha512-nLL5Mx84lcIy2N6ZrtaBK88F7Q0RXHbp9I+DfP2X4T0sBO+7u4GgfRuIIwOiBbD2EnxWkZES2o8maRiLU4EUJA== - dependencies: - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/css-reset@1.1.1": - version "1.1.1" - resolved "https://registry.yarnpkg.com/@chakra-ui/css-reset/-/css-reset-1.1.1.tgz#5469c580447568cf1877aafc37db609e98fffcd5" - integrity sha512-+KNNHL4OWqeKia5SL858K3Qbd8WxMij9mWIilBzLD4j2KFrl/+aWFw8syMKth3NmgIibrjsljo+PU3fy2o50dg== - -"@chakra-ui/descendant@2.1.1": - version "2.1.1" - resolved "https://registry.yarnpkg.com/@chakra-ui/descendant/-/descendant-2.1.1.tgz#a46fde8b7700f5013140f4fc2fa51064e71cc77f" - integrity sha512-JasdVaN4MjL7QFo1vMnADy6EtFAlPKT1kTJ1LwMtl9AaF9VFLBsfGxm0L+WQK+3NJMuCSDBXWJB8mV4AQ11Edg== - dependencies: - "@chakra-ui/react-utils" "^1.2.1" - -"@chakra-ui/editable@1.3.3": - version "1.3.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/editable/-/editable-1.3.3.tgz#eae27e548dc02b408b3b0f8d2d1c53c2935fad05" - integrity sha512-191ltHAcO+aqLNDvCFTz671i/fa/PW2I+l4+OpbUOYdPwlhcx+ha9csiaAVquAetVlyPDk2fmMxv0zlwbKKwzw== - dependencies: - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/focus-lock@1.2.2": - version "1.2.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/focus-lock/-/focus-lock-1.2.2.tgz#881d093bbe495496261c1d55841dc5d56ad6cbee" - integrity sha512-eFnEA1B5Ybgr9gii4+FOp852YIgku90DDRwLiwjKFajj+oT3RKiVYl+CElLkQmWznpdRTUPYZOYpy8mnrMrgzw== - dependencies: - "@chakra-ui/utils" "1.10.0" - react-focus-lock "2.5.2" - -"@chakra-ui/form-control@1.5.4": - version "1.5.4" - resolved "https://registry.yarnpkg.com/@chakra-ui/form-control/-/form-control-1.5.4.tgz#792ee08ba68107f678a1174fed6b3c39b5e81938" - integrity sha512-l5PytJx4om1ocSNiwjwS1FKonyyvk/RPycgg6cK7s8ckmlOVvYxT1E0sV9nHQa9vmLlLDWrYKh9iBPfXXHg76Q== - dependencies: - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/icon" "2.0.1" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/gatsby-plugin@^2.0.2": - version "2.0.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/gatsby-plugin/-/gatsby-plugin-2.0.2.tgz#cb13d7be2107b85e9e5e234025cc7b48d76b612d" - integrity sha512-M8Ks5xjoyHa5pppH4wKyJ/SIVJi+d4y59PRityuWVzLPjtyMjBvbH95oxbFWJ0rLGtA/8khcc7HSQTx5NOxWGw== - -"@chakra-ui/hooks@1.8.0": - version "1.8.0" - resolved "https://registry.yarnpkg.com/@chakra-ui/hooks/-/hooks-1.8.0.tgz#6f900dc57ff9c925d62288928f12e53373843508" - integrity sha512-fW/gcnLpY/IS+tvM1ydxoHXe9HARsCHqzg3ff1pYVNaG8Chci9vYSevFYAYyuKAFkPNB5ukFDTboUyRfO7FUxA== - dependencies: - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - compute-scroll-into-view "1.0.14" - copy-to-clipboard "3.3.1" - -"@chakra-ui/icon@1.2.1": - version "1.2.1" - resolved "https://registry.yarnpkg.com/@chakra-ui/icon/-/icon-1.2.1.tgz#b47c0016531da8bef81061d2b96a2d5282b07ff8" - integrity sha512-uZxFsiY4Tld+LvGIX7cky0H6oMRac8udPMQRzIk/UQeNZcsWisGetatbQsew3y1lWV/iH/8+TlDuW13GWGyGGQ== - dependencies: - "@chakra-ui/utils" "1.9.1" - -"@chakra-ui/icon@2.0.1": - version "2.0.1" - resolved "https://registry.yarnpkg.com/@chakra-ui/icon/-/icon-2.0.1.tgz#bb68e596c53b7b8f6ff549837f71bd9134202b97" - integrity sha512-5/xmEeteWvIf6ELuP2VKxqcR3kAQkXWZDqNOcExvfi0yustJ3XY1Q/yPKUfdjt0MkUS1qZlNCycoZdF52Rwz2g== - dependencies: - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/icons@^1.1.1": - version "1.1.1" - resolved "https://registry.yarnpkg.com/@chakra-ui/icons/-/icons-1.1.1.tgz#e4b191fd38be999c4434ff2b1fb69a5eaf3cf226" - integrity sha512-/+u6euCOFw6J1DZW7NcVFtib4mygJBoqRdsKiU1Z3uiTC+zQTBzcCt54NQ+kK8rhuNzJ+odahnt/AbjBJgZ+5A== - dependencies: - "@chakra-ui/icon" "1.2.1" - "@types/react" "^17.0.15" - -"@chakra-ui/image@1.1.3": - version "1.1.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/image/-/image-1.1.3.tgz#d75f23bf49301bc8e23b15a5cd20ad41114cf6ae" - integrity sha512-SIZCBs8DI6gI/L7OOedvHNhsaIxaxNXhoNRC+Xw9X/v6zHkY5QlchHQ5AdJCal9rQzPkLGnaYvXqhmeNoWcr5Q== - dependencies: - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/input@1.3.4": - version "1.3.4" - resolved "https://registry.yarnpkg.com/@chakra-ui/input/-/input-1.3.4.tgz#5ac4d7eb2e1327de8b310c9fa5b78e8cc426e6d5" - integrity sha512-p5oXOxbcmhGagBMqXjAMQzmw6w8DpAJolCeFLdAnpy30KcZfuUuYZI5zdbLnbbwXua34lWqPoGwDLrfsGi+YWg== - dependencies: - "@chakra-ui/form-control" "1.5.4" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/layout@1.7.2": - version "1.7.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/layout/-/layout-1.7.2.tgz#9ace1147d837360a535802dd5941fe280635ca71" - integrity sha512-WwBp7JmDTMC7QvwDnungXjw5t+9njElKOW63FlwV6GVPf9sEyyhWHCsNCvO9GQ2azOkAUcLFNaBlfqDSYdKSPA== - dependencies: - "@chakra-ui/icon" "2.0.1" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/live-region@1.1.2": - version "1.1.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/live-region/-/live-region-1.1.2.tgz#51ac506570d25556b56493afdfa8f860713b39a2" - integrity sha512-V3iY4KNh8W3w0O/H1D8Hirmt16TzJg6AwSJK9E2K91s/LOST0UCBqCBw0IyJ8xb+Azsg4HiE5vBeNS/x1ApuWw== - dependencies: - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/media-query@1.2.4": - version "1.2.4" - resolved "https://registry.yarnpkg.com/@chakra-ui/media-query/-/media-query-1.2.4.tgz#d1222ef18f56a6227dd934ea89b01ac661a8e2e2" - integrity sha512-UdSkrG/zwLo5QNHE/KvD5Ns9Il2yhYvjhc9zK3qoqc0rOrlqtanhNcg4bTNy+Vd+GC1G45jnKreumiZM/vQ2/Q== - dependencies: - "@chakra-ui/react-env" "1.1.2" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/menu@1.8.4": - version "1.8.4" - resolved "https://registry.yarnpkg.com/@chakra-ui/menu/-/menu-1.8.4.tgz#72c30b1c9242f2885e2d39b7bb7fca4db0ca093d" - integrity sha512-arXGieuN7sUWOW/xReyrHMfuSV7umvtztGhCZRrnPh+O+FGqr42xyyRb/q+nepar8MEqQXYREBelrJ9cB0YhMg== - dependencies: - "@chakra-ui/clickable" "1.2.2" - "@chakra-ui/descendant" "2.1.1" - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/popper" "2.4.1" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/transition" "1.4.3" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/modal@1.10.5": - version "1.10.5" - resolved "https://registry.yarnpkg.com/@chakra-ui/modal/-/modal-1.10.5.tgz#a5af853b66fa0fc427212b4f63c9c01e21b5222b" - integrity sha512-UOuMn8+jM4nEVOIFkjJ+etkznP2niiy1AIlwZBYp6VehyUSehVqp6LZobH9XPrNVkXHk8z1mYPylCH2agUcowQ== - dependencies: - "@chakra-ui/close-button" "1.2.3" - "@chakra-ui/focus-lock" "1.2.2" - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/portal" "1.3.3" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/transition" "1.4.3" - "@chakra-ui/utils" "1.10.0" - aria-hidden "^1.1.1" - react-remove-scroll "2.4.1" - -"@chakra-ui/number-input@1.4.0": - version "1.4.0" - resolved "https://registry.yarnpkg.com/@chakra-ui/number-input/-/number-input-1.4.0.tgz#c509f4c695c42d6361b53a8591a5b8d3a5c1e407" - integrity sha512-zLPkcH5MR+z58oKGAuHbofm8Aoje/mXGoMiF2SulInAdZ/uKKV8J4hU0+52W2ZEkRut5/d1pAJGWC6ECWHvJpg== - dependencies: - "@chakra-ui/counter" "1.2.3" - "@chakra-ui/form-control" "1.5.4" - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/icon" "2.0.1" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/pin-input@1.7.3": - version "1.7.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/pin-input/-/pin-input-1.7.3.tgz#5cf4054ba19d54ce38460a37d422b42fbb82d0aa" - integrity sha512-2Yqz4+ynUCrtcqxNmDsyj3ZEvcyn8qkgvLtMMtAornupIRiy+zeMyeAwULful+R6TnyNJOArN5YLpAvfADANwQ== - dependencies: - "@chakra-ui/descendant" "2.1.1" - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/popover@1.11.2": - version "1.11.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/popover/-/popover-1.11.2.tgz#34695b704b92abf9712fc6ac303f513ebd52a628" - integrity sha512-ukPTam88T7tFIbE5tMT57AhsNVpoYf238QPoUA2JH1cQsVRJF6w6c+ygubcNU1lfr7eLAx7D6csS+mHTx9+Hqw== - dependencies: - "@chakra-ui/close-button" "1.2.3" - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/popper" "2.4.1" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/popper@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@chakra-ui/popper/-/popper-2.4.1.tgz#4e0c115a1722ca5ff0f5aae5c7509137fe82ef69" - integrity sha512-cuwnwXx6RUXZGGynVOGG8fEIiMNBXUCy3UqWQD1eEd8200eWQobgNk4Z0YwzKuSzJwp0Auy+j5iKefi5FSkyog== - dependencies: - "@chakra-ui/react-utils" "1.2.1" - "@popperjs/core" "^2.9.3" - -"@chakra-ui/portal@1.3.3": - version "1.3.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/portal/-/portal-1.3.3.tgz#1d83ea4c8d37dda0722569476d401a88b5f6c2df" - integrity sha512-7w6CFHNJRr4UpfrXjCQstpDdr1yxnnZKhtk23lcu9qDPAt7lg0U46q07NdjZ3GGv8L/kX0sQgD6ebf8eUq0k0Q== - dependencies: - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/progress@1.2.2": - version "1.2.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/progress/-/progress-1.2.2.tgz#fd6122e4e6bfb8f423f737a3f25ff83273548e44" - integrity sha512-KprQ+KMsf69p5wJuhUgLPJE1bzDfiedC1twtQ9BjYEB3MLwWYD9W4VUY1dI0bcYCog0UcvcCgZnKLHoDMwJ+HA== - dependencies: - "@chakra-ui/theme-tools" "1.3.2" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/provider@1.7.7": - version "1.7.7" - resolved "https://registry.yarnpkg.com/@chakra-ui/provider/-/provider-1.7.7.tgz#f16655136bbfb68c7887362dcd0b938e8a7ba794" - integrity sha512-3OgrprwCNiZA8L5m6w7NJtI3AJRgdacneEImcCvsG7Ie2s42MNw3QO/ebGvy6UTQUsp96KsgxzXdkLqCFcHx7w== - dependencies: - "@chakra-ui/css-reset" "1.1.1" - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/portal" "1.3.3" - "@chakra-ui/react-env" "1.1.2" - "@chakra-ui/system" "1.10.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/radio@1.4.5": - version "1.4.5" - resolved "https://registry.yarnpkg.com/@chakra-ui/radio/-/radio-1.4.5.tgz#84a62fdb47231c30c4796158185247cec1f32594" - integrity sha512-Lq6VOP26Eqz2h81HZLL0PW0gJTF4ZghgTf4rE3ZJHlg3iWl9UmX28wZGHRCDEL+8uLZIfhQKESFwdQuppZa3Mg== - dependencies: - "@chakra-ui/form-control" "1.5.4" - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - "@chakra-ui/visually-hidden" "1.1.2" - -"@chakra-ui/react-env@1.1.2": - version "1.1.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/react-env/-/react-env-1.1.2.tgz#7a911a4d77bdb5ace56743b8697d02212da27292" - integrity sha512-rzgYDf/F7DurIDEV0P+7/BCoCmRj3EVxM5r9nAX4hHoSA6YpGLc56UcJLbioqLj0YVdmldeHCsn/y3Is3u233w== - dependencies: - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/react-utils@1.2.1", "@chakra-ui/react-utils@^1.2.1": - version "1.2.1" - resolved "https://registry.yarnpkg.com/@chakra-ui/react-utils/-/react-utils-1.2.1.tgz#e06c8987c63ceab3da3ddd53503bf45a893179a5" - integrity sha512-bV8FRaXiOgGxOg03iTNin/B02I+tHH9PQtqUTl3U7cJaoI+5AUYhrqXvl1Ya2/R7zxSFrb/gBVDTgbZiVkJ+Dg== - dependencies: - "@chakra-ui/utils" "^1.9.1" - -"@chakra-ui/react@^1.8.1": - version "1.8.1" - resolved "https://registry.yarnpkg.com/@chakra-ui/react/-/react-1.8.1.tgz#0c80b51c598cc796e0abd205ca695bb2ef379e54" - integrity sha512-QnO/XCQ/m+hLgEo7PRfg8lduC+uMMy4NPRjcE1SdmUTm9wdVVCcT26yWtnlLBjvtNCpmgtkU2m4BOMWsP1Dh1w== - dependencies: - "@chakra-ui/accordion" "1.4.4" - "@chakra-ui/alert" "1.3.3" - "@chakra-ui/avatar" "1.3.4" - "@chakra-ui/breadcrumb" "1.3.2" - "@chakra-ui/button" "1.5.3" - "@chakra-ui/checkbox" "1.6.3" - "@chakra-ui/close-button" "1.2.3" - "@chakra-ui/control-box" "1.1.2" - "@chakra-ui/counter" "1.2.3" - "@chakra-ui/css-reset" "1.1.1" - "@chakra-ui/editable" "1.3.3" - "@chakra-ui/form-control" "1.5.4" - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/icon" "2.0.1" - "@chakra-ui/image" "1.1.3" - "@chakra-ui/input" "1.3.4" - "@chakra-ui/layout" "1.7.2" - "@chakra-ui/live-region" "1.1.2" - "@chakra-ui/media-query" "1.2.4" - "@chakra-ui/menu" "1.8.4" - "@chakra-ui/modal" "1.10.5" - "@chakra-ui/number-input" "1.4.0" - "@chakra-ui/pin-input" "1.7.3" - "@chakra-ui/popover" "1.11.2" - "@chakra-ui/popper" "2.4.1" - "@chakra-ui/portal" "1.3.3" - "@chakra-ui/progress" "1.2.2" - "@chakra-ui/provider" "1.7.7" - "@chakra-ui/radio" "1.4.5" - "@chakra-ui/react-env" "1.1.2" - "@chakra-ui/select" "1.2.4" - "@chakra-ui/skeleton" "1.2.7" - "@chakra-ui/slider" "1.5.4" - "@chakra-ui/spinner" "1.2.2" - "@chakra-ui/stat" "1.2.3" - "@chakra-ui/switch" "1.3.3" - "@chakra-ui/system" "1.10.1" - "@chakra-ui/table" "1.3.2" - "@chakra-ui/tabs" "1.6.3" - "@chakra-ui/tag" "1.2.3" - "@chakra-ui/textarea" "1.2.4" - "@chakra-ui/theme" "1.13.0" - "@chakra-ui/toast" "1.5.2" - "@chakra-ui/tooltip" "1.4.4" - "@chakra-ui/transition" "1.4.3" - "@chakra-ui/utils" "1.10.0" - "@chakra-ui/visually-hidden" "1.1.2" - -"@chakra-ui/select@1.2.4": - version "1.2.4" - resolved "https://registry.yarnpkg.com/@chakra-ui/select/-/select-1.2.4.tgz#0aafc26c633a8c1d828d24d575e3959ee00ee2e4" - integrity sha512-KdP3Wu4Sg/aqLuPfpwDpb0pwp+4pEWPymPCUCVKvzft8QbQsoO5pjLRC0F82qZ1KVdPXkLR8TBRJvG6oK5sDsg== - dependencies: - "@chakra-ui/form-control" "1.5.4" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/skeleton@1.2.7": - version "1.2.7" - resolved "https://registry.yarnpkg.com/@chakra-ui/skeleton/-/skeleton-1.2.7.tgz#bb889ce65cf4eaa41b74aadb1178d3db7b2c1345" - integrity sha512-Tg1cxqNqPTG1vui8JiAhPVJLnmqeC6zDwvtJriEAy0KbRiI/RwElgd+vEujn5QZpplFFKH0Fwfn8GWtAiotTdA== - dependencies: - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/media-query" "1.2.4" - "@chakra-ui/system" "1.10.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/slider@1.5.4": - version "1.5.4" - resolved "https://registry.yarnpkg.com/@chakra-ui/slider/-/slider-1.5.4.tgz#34e0ee97556776fe4e7fdf2aa1ec8e1ec6032946" - integrity sha512-XNaOC2BStIstPwGAqgROLTI+Avh48BEGvHZm9qkRDQwIzb2lEHKhWwvsBf+1j/gRdAiKnQ8hC2R0teyNpojEEQ== - dependencies: - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/spinner@1.2.2": - version "1.2.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/spinner/-/spinner-1.2.2.tgz#bbf9998a8dc3ebaf407ce0ace6f38fd5cfb148a8" - integrity sha512-J6BYVlTcskuduGPEKT89LnePFwZVZkNMnmZkzuhaxh3rFDYnNcNu5BTBcLg/TRIRN2I40cCMyP6VIrQGFnSznA== - dependencies: - "@chakra-ui/utils" "1.10.0" - "@chakra-ui/visually-hidden" "1.1.2" - -"@chakra-ui/stat@1.2.3": - version "1.2.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/stat/-/stat-1.2.3.tgz#a67d2a92ee1e62989b60aca331405f0fb6b7609b" - integrity sha512-G7AuD9YS26iR6PS2+kqRG/fc+LDYhHeO6yHWXqNiqtl+LrGd05nfdF84owmMeRKHC0ZvJyG/hxw1EIo+VuzHAw== - dependencies: - "@chakra-ui/icon" "2.0.1" - "@chakra-ui/utils" "1.10.0" - "@chakra-ui/visually-hidden" "1.1.2" - -"@chakra-ui/styled-system@1.17.0": - version "1.17.0" - resolved "https://registry.yarnpkg.com/@chakra-ui/styled-system/-/styled-system-1.17.0.tgz#854141670b18287c3db2375b6407df1e703e06e2" - integrity sha512-aqR4Yv+4Io8K49UUnZAhi5r56rlFIeZbTEI70/lEJP0L10JrnAnPAO/XYRYnt5GFcKu9hYQQTEmvpa3Z+J14NQ== - dependencies: - "@chakra-ui/utils" "1.10.0" - csstype "^3.0.9" - -"@chakra-ui/switch@1.3.3": - version "1.3.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/switch/-/switch-1.3.3.tgz#18acc5fc0f55ae705452d6d269c46e611499c479" - integrity sha512-qsS9vKXQQBruDtIBF3CSYfMrB6TnDrUQL+HcBEcHrH/AVFuotqXGxmV5l6ZpBybOQytCVkT6wffKSdyd0I8tnQ== - dependencies: - "@chakra-ui/checkbox" "1.6.3" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/system@1.10.1": - version "1.10.1" - resolved "https://registry.yarnpkg.com/@chakra-ui/system/-/system-1.10.1.tgz#799fb473c0309baa56c6096cc07b38abdb5ce65d" - integrity sha512-w3VEoLI0sGDPDpP4CFlQWUgP/D1vWIuQtHePJkTRRGifxK1hk4WxfdJQf2y8CuZRvvQZ94AqUJThFue4sUJcdw== - dependencies: - "@chakra-ui/color-mode" "1.4.1" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/styled-system" "1.17.0" - "@chakra-ui/utils" "1.10.0" - react-fast-compare "3.2.0" - -"@chakra-ui/table@1.3.2": - version "1.3.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/table/-/table-1.3.2.tgz#086e18b86b69ffd214246fd82e839b36b196ab3a" - integrity sha512-PDIT6eUiinCapjLsHl2ejMixQD4vqDFDcb3NzKdolnjEsGht7yM1HTvN3sm+3mnJkgY3J5fTJFoFE8dVfhV4Rw== - dependencies: - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/tabs@1.6.3": - version "1.6.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/tabs/-/tabs-1.6.3.tgz#d63034a5002fb85992bfb3dadf027856072b2d47" - integrity sha512-135FE9o3sJOH50J9O7pfp/6itiXd+M8z1ti1D1aYysGA0TiB0nlCjsStWo+yMO0DCs5Sd/teCoWO067BpRB7eg== - dependencies: - "@chakra-ui/clickable" "1.2.2" - "@chakra-ui/descendant" "2.1.1" - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/tag@1.2.3": - version "1.2.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/tag/-/tag-1.2.3.tgz#cce00c32bc0c2666cc1da6a8f2fd5c63373773a8" - integrity sha512-M2A8kf/IHbrx7DTahbBxOhtMMvq3gSUR0RXcBYW9L2j6bDa3eRYoVQtgewUSrMnLyrv99bCdBCGFjo6nGUz0lQ== - dependencies: - "@chakra-ui/icon" "2.0.1" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/textarea@1.2.4": - version "1.2.4" - resolved "https://registry.yarnpkg.com/@chakra-ui/textarea/-/textarea-1.2.4.tgz#73d53d402f9208608f9b5278b2f2b0550250b69b" - integrity sha512-uGrIAzX/7zqShcpCpNLV4TuD8Ihy0fjc7VX0L0nrEwPUKFmNYv9CJJb7E5s4f65mWhV/HkdyKwzFe2xOedzL1Q== - dependencies: - "@chakra-ui/form-control" "1.5.4" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/theme-tools@1.3.2": - version "1.3.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/theme-tools/-/theme-tools-1.3.2.tgz#6f3f3212fa603bb42b061bc2a0c69b8bcc15934d" - integrity sha512-7UyUv6k6CXr3WX7BrR7vAZ2Iobxyyy2INZtlUqS2JK+6/YV1FCmBKsNaTSFHvcSYb/eAPYJwgeQdhkzA1HTKpQ== - dependencies: - "@chakra-ui/utils" "1.10.0" - "@ctrl/tinycolor" "^3.4.0" - -"@chakra-ui/theme-tools@^1.3.1": - version "1.3.1" - resolved "https://registry.yarnpkg.com/@chakra-ui/theme-tools/-/theme-tools-1.3.1.tgz#3c1d490a0c3157ba83c5e82ef60de4605cdb0f3a" - integrity sha512-D8arJ5uFGuYZrrFGpXqgov8FhsJYWRyar5oBZY5TJR9gsVYBlJ8Ai91pwM/NflCFqzerTOgyt7bNSGQMdZ8ghA== - dependencies: - "@chakra-ui/utils" "1.9.1" - "@ctrl/tinycolor" "^3.4.0" - -"@chakra-ui/theme@1.13.0": - version "1.13.0" - resolved "https://registry.yarnpkg.com/@chakra-ui/theme/-/theme-1.13.0.tgz#b210384ebb4c1406d34da7edc12874383fe6bbe4" - integrity sha512-0GQzj6FRezCd9c93WnV55XTNP2UV/uBDJl5bE6it7WMyDZkUwUUQ7PU4zIvgG4HOO9lIoBVOg+ZW1lxV/E88Ag== - dependencies: - "@chakra-ui/anatomy" "1.2.1" - "@chakra-ui/theme-tools" "1.3.2" - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/toast@1.5.2": - version "1.5.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/toast/-/toast-1.5.2.tgz#de1d5d41300b3d31d22de5b3e0f5d41d8edc3980" - integrity sha512-aAf7SS078HVIZeuP+fXU9OjhdOnCwUx77VumL+bCZ987FYrFljuGCKAMgVXiMt/IZKcaF7vtuaKuKHxAHQJX+Q== - dependencies: - "@chakra-ui/alert" "1.3.3" - "@chakra-ui/close-button" "1.2.3" - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/theme" "1.13.0" - "@chakra-ui/transition" "1.4.3" - "@chakra-ui/utils" "1.10.0" - "@reach/alert" "0.13.2" - -"@chakra-ui/tooltip@1.4.4": - version "1.4.4" - resolved "https://registry.yarnpkg.com/@chakra-ui/tooltip/-/tooltip-1.4.4.tgz#de0da8495fae65b0d67d8c47505e138b1e8f17cc" - integrity sha512-HtfecEHrxbBXt0d+ukIhHCEIeSig8lMzht0tUQORf1MNt+/BmFPl1rzuJC88iehH7jovSrxYQ5o3yXB1gysx2w== - dependencies: - "@chakra-ui/hooks" "1.8.0" - "@chakra-ui/popper" "2.4.1" - "@chakra-ui/portal" "1.3.3" - "@chakra-ui/react-utils" "1.2.1" - "@chakra-ui/utils" "1.10.0" - "@chakra-ui/visually-hidden" "1.1.2" - -"@chakra-ui/transition@1.4.3": - version "1.4.3" - resolved "https://registry.yarnpkg.com/@chakra-ui/transition/-/transition-1.4.3.tgz#9e132f670c16c76e75d7dd3594b618e23791d7dd" - integrity sha512-Ytx6F24hXHzNMQCFdoh3xouSoENt6msjJkOhWzWEUmXr8Iji9AnVkONwb/odYjNvaH02m1/YGyByFktX7hxr1Q== - dependencies: - "@chakra-ui/utils" "1.10.0" - -"@chakra-ui/utils@1.10.0": - version "1.10.0" - resolved "https://registry.yarnpkg.com/@chakra-ui/utils/-/utils-1.10.0.tgz#c7d35c831ee0972841efe3a5171d22c16141d718" - integrity sha512-Zm0RoZRBDXEhDCuj2oPeLyGTEH+SwCgbFPTSuwpKSVXOXCtjvA2zWC7cY6Fk1RDcMCVbL2cPlQTTgKnKPh79Lg== - dependencies: - "@types/lodash.mergewith" "4.6.6" - css-box-model "1.2.1" - framesync "5.3.0" - lodash.mergewith "4.6.2" - -"@chakra-ui/utils@1.9.1", "@chakra-ui/utils@^1.9.1": - version "1.9.1" - resolved "https://registry.yarnpkg.com/@chakra-ui/utils/-/utils-1.9.1.tgz#e34bf74f9f6048da1ec2a5728db4cc80d0158e0e" - integrity sha512-Tue8JfpzOqeHd8vSqAnX1l/Y3Gg456+BXFP/TH6mCIeqMAMbrvv25vDskds0wlXRjMYdmpqHxCEzkalFrscGHA== - dependencies: - "@types/lodash.mergewith" "4.6.6" - css-box-model "1.2.1" - framesync "5.3.0" - lodash.mergewith "4.6.2" - -"@chakra-ui/visually-hidden@1.1.2": - version "1.1.2" - resolved "https://registry.yarnpkg.com/@chakra-ui/visually-hidden/-/visually-hidden-1.1.2.tgz#2e99ccaec54722de50030621d7abc02a42e0bfc7" - integrity sha512-hn5pSNZFNenQuGQ3FqPDQJ6t6lVIjPx9/0l+GmzYqEctrnaeSoSAlb2G9mMgQblTz6KOa4OpPnV2hrKhPA1j+Q== - dependencies: - "@chakra-ui/utils" "1.10.0" - -"@ctrl/tinycolor@^3.4.0": - version "3.4.0" - resolved "https://registry.yarnpkg.com/@ctrl/tinycolor/-/tinycolor-3.4.0.tgz#c3c5ae543c897caa9c2a68630bed355be5f9990f" - integrity sha512-JZButFdZ1+/xAfpguQHoabIXkcqRRKpMrWKBkpEZZyxfY9C1DpADFB8PEqGSTeFr135SaTRfKqGKx5xSCLI7ZQ== - "@emotion/babel-plugin@^11.3.0": version "11.7.2" resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.7.2.tgz#fec75f38a6ab5b304b0601c74e2a5e77c95e5fa0" @@ -2030,37 +1445,40 @@ schema-utils "^2.6.5" source-map "^0.7.3" -"@popperjs/core@^2.9.3": +"@popperjs/core@^2.10.1": version "2.11.2" resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.2.tgz#830beaec4b4091a9e9398ac50f865ddea52186b9" integrity sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA== -"@reach/alert@0.13.2": - version "0.13.2" - resolved "https://registry.yarnpkg.com/@reach/alert/-/alert-0.13.2.tgz#71c4a848d51341f1d6d9eaae060975391c224870" - integrity sha512-LDz83AXCrClyq/MWe+0vaZfHp1Ytqn+kgL5VxG7rirUvmluWaj/snxzfNPWn0Ma4K2YENmXXRC/iHt5X95SqIg== +"@react-aria/ssr@^3.0.1": + version "3.1.0" + resolved "https://registry.yarnpkg.com/@react-aria/ssr/-/ssr-3.1.0.tgz#b7163e6224725c30121932a8d1422ef91d1fab22" + integrity sha512-RxqQKmE8sO7TGdrcSlHTcVzMP450hqowtBSd2bBS9oPlcokVkaGq28c3Rwa8ty5ctw4EBCjXqjP7xdcKMGDzug== dependencies: - "@reach/utils" "0.13.2" - "@reach/visually-hidden" "0.13.2" - prop-types "^15.7.2" - tslib "^2.1.0" + "@babel/runtime" "^7.6.2" -"@reach/utils@0.13.2": - version "0.13.2" - resolved "https://registry.yarnpkg.com/@reach/utils/-/utils-0.13.2.tgz#87e8fef8ebfe583fa48250238a1a3ed03189fcc8" - integrity sha512-3ir6cN60zvUrwjOJu7C6jec/samqAeyAB12ZADK+qjnmQPdzSYldrFWwDVV5H0WkhbYXR3uh+eImu13hCetNPQ== +"@restart/hooks@^0.4.0", "@restart/hooks@^0.4.5": + version "0.4.5" + resolved "https://registry.yarnpkg.com/@restart/hooks/-/hooks-0.4.5.tgz#e7acbea237bfc9e479970500cf87538b41a1ed02" + integrity sha512-tLGtY0aHeIfT7aPwUkvQuhIy3+q3w4iqmUzFLPlOAf/vNUacLaBt1j/S//jv/dQhenRh8jvswyMojCwmLvJw8A== dependencies: - "@types/warning" "^3.0.0" - tslib "^2.1.0" - warning "^4.0.3" + dequal "^2.0.2" -"@reach/visually-hidden@0.13.2": - version "0.13.2" - resolved "https://registry.yarnpkg.com/@reach/visually-hidden/-/visually-hidden-0.13.2.tgz#ee21de376a7e57e60dc92d95a671073796caa17e" - integrity sha512-sPZwNS0/duOuG0mYwE5DmgEAzW9VhgU3aIt1+mrfT/xiT9Cdncqke+kRBQgU708q/Ttm9tWsoHni03nn/SuPTQ== +"@restart/ui@^1.0.1": + version "1.0.1" + resolved "https://registry.yarnpkg.com/@restart/ui/-/ui-1.0.1.tgz#379f8340ab14adc18522731a1be6e32eaa10ef92" + integrity sha512-hLAqltcAjQYtjGuHBHKyPpR3ScTxzdkSYNvniwBfN7rUDbYiHu/UZiI1hvV2idJeUvktRnz29l7W9BnNLHrG6Q== dependencies: + "@babel/runtime" "^7.13.16" + "@popperjs/core" "^2.10.1" + "@react-aria/ssr" "^3.0.1" + "@restart/hooks" "^0.4.0" + "@types/warning" "^3.0.0" + dequal "^2.0.2" + dom-helpers "^5.2.0" prop-types "^15.7.2" - tslib "^2.1.0" + uncontrollable "^7.2.1" + warning "^4.0.3" "@sideway/address@^4.1.3": version "4.1.3" @@ -2251,6 +1669,11 @@ dependencies: "@types/node" "*" +"@types/invariant@^2.2.33": + version "2.2.35" + resolved "https://registry.yarnpkg.com/@types/invariant/-/invariant-2.2.35.tgz#cd3ebf581a6557452735688d8daba6cf0bd5a3be" + integrity sha512-DxX1V9P8zdJPYQat1gHyY0xj3efl8gnMVjiM9iCY6y27lj+PoQWkgjt8jDqmovPqULkKVpKRg8J36iQiA+EtEg== + "@types/json-schema@*", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.7", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9": version "7.0.9" resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.9.tgz#97edc9037ea0c38585320b28964dde3b39e4660d" @@ -2268,14 +1691,7 @@ dependencies: "@types/node" "*" -"@types/lodash.mergewith@4.6.6": - version "4.6.6" - resolved "https://registry.yarnpkg.com/@types/lodash.mergewith/-/lodash.mergewith-4.6.6.tgz#c4698f5b214a433ff35cb2c75ee6ec7f99d79f10" - integrity sha512-RY/8IaVENjG19rxTZu9Nukqh0W2UrYgmBj5sdns4hWRZaV8PqR7wIKHFKzvOTjo4zVRV7sVI+yFhAJql12Kfqg== - dependencies: - "@types/lodash" "*" - -"@types/lodash@*", "@types/lodash@^4.14.92": +"@types/lodash@^4.14.92": version "4.14.178" resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.178.tgz#341f6d2247db528d4a13ddbb374bcdc80406f4f8" integrity sha512-0d5Wd09ItQWH1qFbEyQ7oTQ3GZrMfth5JkbN3EvTKLXcHLRDSXeLnlvlOn0wvxVIwK5o2M8JzP/OWz7T3NRsbw== @@ -2315,7 +1731,7 @@ resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0" integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA== -"@types/prop-types@*": +"@types/prop-types@*", "@types/prop-types@^15.7.3": version "15.7.4" resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.4.tgz#fcf7205c25dff795ee79af1e30da2c9790808f11" integrity sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ== @@ -2334,7 +1750,14 @@ dependencies: "@types/react" "*" -"@types/react@*", "@types/react@^17.0.15", "@types/react@^17.0.38": +"@types/react-transition-group@^4.4.1": + version "4.4.4" + resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.4.tgz#acd4cceaa2be6b757db61ed7b432e103242d163e" + integrity sha512-7gAPz7anVK5xzbeQW9wFBDg7G++aPLAFY0QaSMOou9rJZpbuI58WAuJrgu+qR92l61grlnCUe7AFX8KGahAgug== + dependencies: + "@types/react" "*" + +"@types/react@*", "@types/react@^17.0.38": version "17.0.38" resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.38.tgz#f24249fefd89357d5fa71f739a686b8d7c7202bd" integrity sha512-SI92X1IA+FMnP3qM5m4QReluXzhcmovhZnLNm3pyeQlooi02qI7sLiepEYqT678uNiyc25XfCqxREFpy3W7YhQ== @@ -2343,6 +1766,15 @@ "@types/scheduler" "*" csstype "^3.0.2" +"@types/react@>=16.14.8", "@types/react@>=16.9.11": + version "17.0.39" + resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.39.tgz#d0f4cde092502a6db00a1cded6e6bf2abb7633ce" + integrity sha512-UVavlfAxDd/AgAacMa60Azl7ygyQNRwC/DsHZmKgNvPmRR5p70AJ5Q9EAmL2NWOJmeV+vVUI4IAP7GZrN8h8Ug== + dependencies: + "@types/prop-types" "*" + "@types/scheduler" "*" + csstype "^3.0.2" + "@types/responselike@*", "@types/responselike@^1.0.0": version "1.0.0" resolved "https://registry.yarnpkg.com/@types/responselike/-/responselike-1.0.0.tgz#251f4fe7d154d2bad125abe1b429b23afd262e29" @@ -2727,6 +2159,14 @@ address@1.1.2, address@^1.0.1: resolved "https://registry.yarnpkg.com/address/-/address-1.1.2.tgz#bf1116c9c758c51b7a933d296b72c221ed9428b6" integrity sha512-aT6camzM4xEA54YVJYSqxz1kv4IHnQZRtThJJHhUMRExaU5spC7jX5ugSwTaTgJliIgs4VhZOk7htClvQ/LmRA== +adjust-sourcemap-loader@3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/adjust-sourcemap-loader/-/adjust-sourcemap-loader-3.0.0.tgz#5ae12fb5b7b1c585e80bbb5a63ec163a1a45e61e" + integrity sha512-YBrGyT2/uVQ/c6Rr+t6ZJXniY03YtHGMJQYal368burRGYKqhx9qGTWqcBU5s1CwYY9E/ri63RYyG1IacMZtqw== + dependencies: + loader-utils "^2.0.0" + regex-parser "^2.2.11" + aggregate-error@^3.0.0: version "3.1.0" resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a" @@ -2876,13 +2316,6 @@ argparse@^2.0.1: resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38" integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q== -aria-hidden@^1.1.1: - version "1.1.3" - resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.1.3.tgz#bb48de18dc84787a3c6eee113709c473c64ec254" - integrity sha512-RhVWFtKH5BiGMycI72q2RAFMLQi8JP9bLuQXgR5a8Znp7P5KOIADSJeyfI8PCVxLEp067B2HbP5JIiI/PXIZeA== - dependencies: - tslib "^1.0.0" - aria-query@^4.2.2: version "4.2.2" resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-4.2.2.tgz#0d2ca6c9aceb56b8977e9fed6aed7e15bbd2f83b" @@ -2891,6 +2324,11 @@ aria-query@^4.2.2: "@babel/runtime" "^7.10.2" "@babel/runtime-corejs3" "^7.10.2" +arity-n@^1.0.4: + version "1.0.4" + resolved "https://registry.yarnpkg.com/arity-n/-/arity-n-1.0.4.tgz#d9e76b11733e08569c0847ae7b39b2860b30b745" + integrity sha1-2edrEXM+CFacCEeuezmyhgswt0U= + arr-diff@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520" @@ -3236,6 +2674,11 @@ boolbase@^1.0.0: resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e" integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24= +bootstrap@5.1.3: + version "5.1.3" + resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-5.1.3.tgz#ba081b0c130f810fa70900acbc1c6d3c28fa8f34" + integrity sha512-fcQztozJ8jToQWXxVuEyXWW+dSo8AiXWKwiSSrKWsRB/Qt+Ewwza+JWoLKiTuQLaEPhdNAJ7+Dosc9DOIqNy7Q== + boxen@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/boxen/-/boxen-4.2.0.tgz#e411b62357d6d6d36587c8ac3d5d974daa070e64" @@ -3423,7 +2866,7 @@ camel-case@4.1.2: pascal-case "^3.1.2" tslib "^2.0.3" -camelcase@^5.0.0, camelcase@^5.3.1: +camelcase@5.3.1, camelcase@^5.0.0, camelcase@^5.3.1: version "5.3.1" resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320" integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg== @@ -3483,7 +2926,7 @@ chardet@^0.7.0: resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e" integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA== -chokidar@^3.5.2: +"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.2: version "3.5.3" resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd" integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw== @@ -3523,6 +2966,11 @@ class-utils@^0.3.5: isobject "^3.0.0" static-extend "^0.1.1" +classnames@^2.3.1: + version "2.3.1" + resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.1.tgz#dfcfa3891e306ec1dad105d0e88f4417b8535e8e" + integrity sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA== + clean-stack@^2.0.0: version "2.2.0" resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b" @@ -3679,6 +3127,13 @@ component-emitter@^1.2.1, component-emitter@~1.3.0: resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0" integrity sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg== +compose-function@3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/compose-function/-/compose-function-3.0.3.tgz#9ed675f13cc54501d30950a486ff6a7ba3ab185f" + integrity sha1-ntZ18TzFRQHTCVCkhv9qe6OrGF8= + dependencies: + arity-n "^1.0.4" + compressible@~2.0.16: version "2.0.18" resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba" @@ -3699,11 +3154,6 @@ compression@^1.7.4: safe-buffer "5.1.2" vary "~1.1.2" -compute-scroll-into-view@1.0.14: - version "1.0.14" - resolved "https://registry.yarnpkg.com/compute-scroll-into-view/-/compute-scroll-into-view-1.0.14.tgz#80e3ebb25d6aa89f42e533956cb4b16a04cfe759" - integrity sha512-mKDjINe3tc6hGelUMNDzuhorIUZ7kS7BwyY0r2wQd2HOH2tRuJykiC06iSEX8y1TuhNzvz4GcJnK16mM2J1NMQ== - concat-map@0.0.1: version "0.0.1" resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" @@ -3758,6 +3208,18 @@ convert-hrtime@^3.0.0: resolved "https://registry.yarnpkg.com/convert-hrtime/-/convert-hrtime-3.0.0.tgz#62c7593f5809ca10be8da858a6d2f702bcda00aa" integrity sha512-7V+KqSvMiHp8yWDuwfww06XleMWVVB9b9tURBx+G7UTADuo5hYPuowKloz4OzOqbPezxgo+fdQ1522WzPG4OeA== +convert-source-map@1.7.0: + version "1.7.0" + resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.7.0.tgz#17a2cb882d7f77d3490585e2ce6c524424a3a442" + integrity sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA== + dependencies: + safe-buffer "~5.1.1" + +convert-source-map@^0.3.3: + version "0.3.5" + resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-0.3.5.tgz#f1d802950af7dd2631a1febe0596550c86ab3190" + integrity sha1-8dgClQr33SYxof6+BZZVDIarMZA= + convert-source-map@^1.5.0, convert-source-map@^1.7.0: version "1.8.0" resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.8.0.tgz#f3373c32d21b4d780dd8004514684fb791ca4369" @@ -3780,13 +3242,6 @@ copy-descriptor@^0.1.0: resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d" integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40= -copy-to-clipboard@3.3.1: - version "3.3.1" - resolved "https://registry.yarnpkg.com/copy-to-clipboard/-/copy-to-clipboard-3.3.1.tgz#115aa1a9998ffab6196f93076ad6da3b913662ae" - integrity sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw== - dependencies: - toggle-selection "^1.0.6" - core-js-compat@3.9.0: version "3.9.0" resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.9.0.tgz#29da39385f16b71e1915565aa0385c4e0963ad56" @@ -3910,13 +3365,6 @@ crypto-random-string@^2.0.0: resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5" integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA== -css-box-model@1.2.1: - version "1.2.1" - resolved "https://registry.yarnpkg.com/css-box-model/-/css-box-model-1.2.1.tgz#59951d3b81fd6b2074a62d49444415b0d2b4d7c1" - integrity sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw== - dependencies: - tiny-invariant "^1.0.6" - css-color-keywords@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05" @@ -3996,7 +3444,7 @@ css.escape@^1.5.1: resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb" integrity sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s= -css@2.2.4: +css@2.2.4, css@^2.0.0: version "2.2.4" resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929" integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw== @@ -4072,7 +3520,7 @@ csso@^4.2.0: dependencies: css-tree "^1.1.2" -csstype@^3.0.2, csstype@^3.0.9: +csstype@^3.0.2: version "3.0.10" resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.10.tgz#2ad3a7bed70f35b965707c092e5f30b327c290e5" integrity sha512-2u44ZG2OcNUO9HDp/Jl8C07x6pU/eTR3ncV91SiK3dhG9TWvRVsCoJw14Ckx5DgWkzGA3waZWO3d7pgqpUI/XA== @@ -4233,6 +3681,11 @@ depd@~1.1.2: resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9" integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak= +dequal@^2.0.2: + version "2.0.2" + resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.2.tgz#85ca22025e3a87e65ef75a7a437b35284a7e319d" + integrity sha512-q9K8BlJVxK7hQYqa6XISGmBZbtQQWVXSrRrWreHC94rMt1QL/Impruc+7p2CYSYuVIUr+YCt6hjrs1kkdJRTug== + destroy@~1.0.4: version "1.0.4" resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80" @@ -4248,11 +3701,6 @@ detect-libc@^2.0.0: resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.0.tgz#c528bc09bc6d1aa30149228240917c225448f204" integrity sha512-S55LzUl8HUav8l9E2PBTlC5PAJrHK7tkM+XXFGD+fbsbkTzhCpG6K05LxJcUOEWzMa4v6ptcMZ9s3fOdJDu0Zw== -detect-node-es@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/detect-node-es/-/detect-node-es-1.1.0.tgz#163acdf643330caa0b4cd7c21e7ee7755d6fa493" - integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ== - detect-port-alt@1.1.6: version "1.1.6" resolved "https://registry.yarnpkg.com/detect-port-alt/-/detect-port-alt-1.1.6.tgz#24707deabe932d4a3cf621302027c2b266568275" @@ -4338,6 +3786,14 @@ dom-converter@^0.2.0: dependencies: utila "~0.4" +dom-helpers@^5.0.1, dom-helpers@^5.2.0, dom-helpers@^5.2.1: + version "5.2.1" + resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902" + integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA== + dependencies: + "@babel/runtime" "^7.8.7" + csstype "^3.0.2" + dom-serializer@^1.0.1: version "1.3.2" resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.3.2.tgz#6206437d32ceefaec7161803230c7a20bc1b4d91" @@ -4561,7 +4017,7 @@ es5-ext@^0.10.35, es5-ext@^0.10.46, es5-ext@^0.10.50, es5-ext@^0.10.53, es5-ext@ es6-symbol "~3.1.3" next-tick "~1.0.0" -es6-iterator@^2.0.3, es6-iterator@~2.0.3: +es6-iterator@2.0.3, es6-iterator@^2.0.3, es6-iterator@~2.0.3: version "2.0.3" resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7" integrity sha1-p96IkUGgWpSwhUQDstCg+/qY87c= @@ -5301,13 +4757,6 @@ flatted@^3.1.0: resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.5.tgz#76c8584f4fc843db64702a6bd04ab7a8bd666da3" integrity sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg== -focus-lock@^0.9.1: - version "0.9.2" - resolved "https://registry.yarnpkg.com/focus-lock/-/focus-lock-0.9.2.tgz#9d30918aaa99b1b97677731053d017f82a540d5b" - integrity sha512-YtHxjX7a0IC0ZACL5wsX8QdncXofWpGPNoVMuI/nZUrPGp6LmNI6+D5j0pPj+v8Kw5EpweA+T5yImK0rnWf7oQ== - dependencies: - tslib "^2.0.3" - follow-redirects@^1.0.0, follow-redirects@^1.14.0: version "1.14.7" resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.14.7.tgz#2004c02eb9436eee9a21446a6477debf17e81685" @@ -5379,13 +4828,6 @@ framer-motion@^6.2.3: optionalDependencies: "@emotion/is-prop-valid" "^0.8.2" -framesync@5.3.0: - version "5.3.0" - resolved "https://registry.yarnpkg.com/framesync/-/framesync-5.3.0.tgz#0ecfc955e8f5a6ddc8fdb0cc024070947e1a0d9b" - integrity sha512-oc5m68HDO/tuK2blj7ZcdEBRx3p1PjrgHazL8GYEpvULhrtGIFbQArN6cQS2QhW8mitffaB+VYzMjDqBxxQeoA== - dependencies: - tslib "^2.1.0" - framesync@6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/framesync/-/framesync-6.0.1.tgz#5e32fc01f1c42b39c654c35b16440e07a25d6f20" @@ -5571,6 +5013,15 @@ gatsby-plugin-react-svg@^3.1.0: dependencies: svg-react-loader "^0.4.6" +gatsby-plugin-sass@^5.6.0: + version "5.6.0" + resolved "https://registry.yarnpkg.com/gatsby-plugin-sass/-/gatsby-plugin-sass-5.6.0.tgz#0a2b5298c001a6dc17aaa8cbbc928f151c4dfb1e" + integrity sha512-m6fZE9gOyaDW8WqUjyYfQDIh3rdL5BLfAkptc4WQ7aYnwx7NMGKxMLSZnm0pYv+R410EdRI7IAa1yMxsXWj7kA== + dependencies: + "@babel/runtime" "^7.15.4" + resolve-url-loader "^3.1.4" + sass-loader "^10.1.1" + gatsby-plugin-styled-components@^5.6.0: version "5.6.0" resolved "https://registry.yarnpkg.com/gatsby-plugin-styled-components/-/gatsby-plugin-styled-components-5.6.0.tgz#adbb6bb964d33c604831e247aac3af3a5ce8d699" @@ -5832,11 +5283,6 @@ get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1: has "^1.0.3" has-symbols "^1.0.1" -get-nonce@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/get-nonce/-/get-nonce-1.0.1.tgz#fdf3f0278073820d2ce9426c18f07481b1e0cdf3" - integrity sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q== - get-port@^3.2.0: version "3.2.0" resolved "https://registry.yarnpkg.com/get-port/-/get-port-3.2.0.tgz#dd7ce7de187c06c8bf353796ac71e099f0980ebc" @@ -6312,6 +5758,11 @@ immer@8.0.1: resolved "https://registry.yarnpkg.com/immer/-/immer-8.0.1.tgz#9c73db683e2b3975c424fb0572af5889877ae656" integrity sha512-aqXhGP7//Gui2+UrEtvxZxSquQVXTpZ7KDxfCcKAF3Vysvw0CViVaW9RZ1j1xlIYqaaaipBoqdqeibkc18PNvA== +immutable@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.0.0.tgz#b86f78de6adef3608395efb269a91462797e2c23" + integrity sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw== + import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1: version "3.3.0" resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b" @@ -7043,6 +6494,15 @@ loader-utils@1.1.0: emojis-list "^2.0.0" json5 "^0.5.0" +loader-utils@1.2.3: + version "1.2.3" + resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.2.3.tgz#1ff5dc6911c9f0a062531a4c04b609406108c2c7" + integrity sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA== + dependencies: + big.js "^5.2.2" + emojis-list "^2.0.0" + json5 "^1.0.1" + loader-utils@2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.0.tgz#e4cace5b816d425a166b5f097e10cd12b36064b0" @@ -7163,11 +6623,6 @@ lodash.merge@^4.6.2: resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a" integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ== -lodash.mergewith@4.6.2: - version "4.6.2" - resolved "https://registry.yarnpkg.com/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz#617121f89ac55f59047c7aec1ccd6654c6590f55" - integrity sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ== - lodash.truncate@^4.4.2: version "4.4.2" resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193" @@ -8395,6 +7850,15 @@ postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0, postcss-value-parser@^ resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514" integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== +postcss@7.0.36: + version "7.0.36" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.36.tgz#056f8cffa939662a8f5905950c07d5285644dfcb" + integrity sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw== + dependencies: + chalk "^2.4.2" + source-map "^0.6.1" + supports-color "^6.1.0" + postcss@^8.2.15, postcss@^8.2.9, postcss@^8.3.11: version "8.4.5" resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.5.tgz#bae665764dfd4c6fcc24dc0fdf7e7aa00cc77f95" @@ -8479,6 +7943,14 @@ prompts@^2.4.2: kleur "^3.0.3" sisteransi "^1.0.5" +prop-types-extra@^1.1.0: + version "1.1.1" + resolved "https://registry.yarnpkg.com/prop-types-extra/-/prop-types-extra-1.1.1.tgz#58c3b74cbfbb95d304625975aa2f0848329a010b" + integrity sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew== + dependencies: + react-is "^16.3.2" + warning "^4.0.0" + prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2: version "15.8.1" resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5" @@ -8622,12 +8094,27 @@ rc@^1.2.7, rc@^1.2.8: minimist "^1.2.0" strip-json-comments "~2.0.1" -react-clientside-effect@^1.2.5: - version "1.2.5" - resolved "https://registry.yarnpkg.com/react-clientside-effect/-/react-clientside-effect-1.2.5.tgz#e2c4dc3c9ee109f642fac4f5b6e9bf5bcd2219a3" - integrity sha512-2bL8qFW1TGBHozGGbVeyvnggRpMjibeZM2536AKNENLECutp2yfs44IL8Hmpn8qjFQ2K7A9PnYf3vc7aQq/cPA== - dependencies: - "@babel/runtime" "^7.12.13" +react-bootstrap@^2.1.2: + version "2.1.2" + resolved "https://registry.yarnpkg.com/react-bootstrap/-/react-bootstrap-2.1.2.tgz#a81161821c351d5e0eaed5bb85d50659736f2aa4" + integrity sha512-E7PR13cVsEW70gw08BWplENwn6PHTshskOsQygZqyc65jQlsnr9MsmuW/lgzAN2OiMBnc0KaNpuZ/FohL7dchw== + dependencies: + "@babel/runtime" "^7.14.0" + "@restart/hooks" "^0.4.5" + "@restart/ui" "^1.0.1" + "@types/invariant" "^2.2.33" + "@types/prop-types" "^15.7.3" + "@types/react" ">=16.14.8" + "@types/react-transition-group" "^4.4.1" + "@types/warning" "^3.0.0" + classnames "^2.3.1" + dom-helpers "^5.2.1" + invariant "^2.2.4" + prop-types "^15.7.2" + prop-types-extra "^1.1.0" + react-transition-group "^4.4.1" + uncontrollable "^7.2.1" + warning "^4.0.3" react-dev-utils@^11.0.4: version "11.0.4" @@ -8673,24 +8160,12 @@ react-error-overlay@^6.0.9: resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.10.tgz#0fe26db4fa85d9dbb8624729580e90e7159a59a6" integrity sha512-mKR90fX7Pm5seCOfz8q9F+66VCc1PGsWSBxKbITjfKVQHMNF2zudxHnMdJiB1fRCb+XsbQV9sO9DCkgsMQgBIA== -react-fast-compare@3.2.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.0.tgz#641a9da81b6a6320f270e89724fb45a0b39e43bb" - integrity sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA== - -react-focus-lock@2.5.2: - version "2.5.2" - resolved "https://registry.yarnpkg.com/react-focus-lock/-/react-focus-lock-2.5.2.tgz#f1e4db5e25cd8789351f2bd5ebe91e9dcb9c2922" - integrity sha512-WzpdOnEqjf+/A3EH9opMZWauag7gV0BxFl+EY4ElA4qFqYsUsBLnmo2sELbN5OC30S16GAWMy16B9DLPpdJKAQ== - dependencies: - "@babel/runtime" "^7.0.0" - focus-lock "^0.9.1" - prop-types "^15.6.2" - react-clientside-effect "^1.2.5" - use-callback-ref "^1.2.5" - use-sidecar "^1.0.5" +react-icons@^4.3.1: + version "4.3.1" + resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.3.1.tgz#2fa92aebbbc71f43d2db2ed1aed07361124e91ca" + integrity sha512-cB10MXLTs3gVuXimblAdI71jrJx8njrJZmNMEMC+sQu5B/BIOmlsAjskdqpn81y8UBVEGuHODd7/ci5DvoSzTQ== -react-is@^16.13.1, react-is@^16.7.0: +react-is@^16.13.1, react-is@^16.3.2, react-is@^16.7.0: version "16.13.1" resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4" integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ== @@ -8705,33 +8180,15 @@ react-refresh@^0.9.0: resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.9.0.tgz#71863337adc3e5c2f8a6bfddd12ae3bfe32aafbf" integrity sha512-Gvzk7OZpiqKSkxsQvO/mbTN1poglhmAV7gR/DdIrRrSMXraRQQlfikRJOr3Nb9GTMPC5kof948Zy6jJZIFtDvQ== -react-remove-scroll-bar@^2.1.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/react-remove-scroll-bar/-/react-remove-scroll-bar-2.2.0.tgz#d4d545a7df024f75d67e151499a6ab5ac97c8cdd" - integrity sha512-UU9ZBP1wdMR8qoUs7owiVcpaPwsQxUDC2lypP6mmixaGlARZa7ZIBx1jcuObLdhMOvCsnZcvetOho0wzPa9PYg== - dependencies: - react-style-singleton "^2.1.0" - tslib "^1.0.0" - -react-remove-scroll@2.4.1: - version "2.4.1" - resolved "https://registry.yarnpkg.com/react-remove-scroll/-/react-remove-scroll-2.4.1.tgz#e0af6126621083a5064591d367291a81b2d107f5" - integrity sha512-K7XZySEzOHMTq7dDwcHsZA6Y7/1uX5RsWhRXVYv8rdh+y9Qz2nMwl9RX/Mwnj/j7JstCGmxyfyC0zbVGXYh3mA== - dependencies: - react-remove-scroll-bar "^2.1.0" - react-style-singleton "^2.1.0" - tslib "^1.0.0" - use-callback-ref "^1.2.3" - use-sidecar "^1.0.1" - -react-style-singleton@^2.1.0: - version "2.1.1" - resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.1.1.tgz#ce7f90b67618be2b6b94902a30aaea152ce52e66" - integrity sha512-jNRp07Jza6CBqdRKNgGhT3u9umWvils1xsuMOjZlghBDH2MU0PL2WZor4PGYjXpnRCa9DQSlHMs/xnABWOwYbA== +react-transition-group@^4.4.1: + version "4.4.2" + resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.2.tgz#8b59a56f09ced7b55cbd53c36768b922890d5470" + integrity sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg== dependencies: - get-nonce "^1.0.0" - invariant "^2.2.4" - tslib "^1.0.0" + "@babel/runtime" "^7.5.5" + dom-helpers "^5.0.1" + loose-envify "^1.4.0" + prop-types "^15.6.2" react@^17.0.1: version "17.0.2" @@ -8845,6 +8302,11 @@ regex-not@^1.0.0, regex-not@^1.0.2: extend-shallow "^3.0.2" safe-regex "^1.1.0" +regex-parser@^2.2.11: + version "2.2.11" + resolved "https://registry.yarnpkg.com/regex-parser/-/regex-parser-2.2.11.tgz#3b37ec9049e19479806e878cabe7c1ca83ccfe58" + integrity sha512-jbD/FT0+9MBU2XAZluI7w2OBs1RBi6p9M83nkoZayQXXU9e8Robt69FcZc7wU4eJD/YFTjn1JdCk3rbMJajz8Q== + regexp.prototype.flags@^1.3.1: version "1.4.1" resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.1.tgz#b3f4c0059af9e47eca9f3f660e51d81307e72307" @@ -8969,6 +8431,22 @@ resolve-from@^4.0.0: resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6" integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g== +resolve-url-loader@^3.1.4: + version "3.1.4" + resolved "https://registry.yarnpkg.com/resolve-url-loader/-/resolve-url-loader-3.1.4.tgz#3c16caebe0b9faea9c7cc252fa49d2353c412320" + integrity sha512-D3sQ04o0eeQEySLrcz4DsX3saHfsr8/N6tfhblxgZKXxMT2Louargg12oGNfoTRLV09GXhVUe5/qgA5vdgNigg== + dependencies: + adjust-sourcemap-loader "3.0.0" + camelcase "5.3.1" + compose-function "3.0.3" + convert-source-map "1.7.0" + es6-iterator "2.0.3" + loader-utils "1.2.3" + postcss "7.0.36" + rework "1.0.1" + rework-visit "1.0.0" + source-map "0.6.1" + resolve-url@^0.2.1: version "0.2.1" resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a" @@ -9028,6 +8506,19 @@ reusify@^1.0.4: resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76" integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw== +rework-visit@1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/rework-visit/-/rework-visit-1.0.0.tgz#9945b2803f219e2f7aca00adb8bc9f640f842c9a" + integrity sha1-mUWygD8hni96ygCtuLyfZA+ELJo= + +rework@1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/rework/-/rework-1.0.1.tgz#30806a841342b54510aa4110850cd48534144aa7" + integrity sha1-MIBqhBNCtUUQqkEQhQzUhTQUSqc= + dependencies: + convert-source-map "^0.3.3" + css "^2.0.0" + rimraf@^2.6.2: version "2.7.1" resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec" @@ -9088,6 +8579,26 @@ safe-regex@^1.1.0: resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a" integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== +sass-loader@^10.1.1: + version "10.2.1" + resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-10.2.1.tgz#17e51df313f1a7a203889ce8ff91be362651276e" + integrity sha512-RRvWl+3K2LSMezIsd008ErK4rk6CulIMSwrcc2aZvjymUgKo/vjXGp1rSWmfTUX7bblEOz8tst4wBwWtCGBqKA== + dependencies: + klona "^2.0.4" + loader-utils "^2.0.0" + neo-async "^2.6.2" + schema-utils "^3.0.0" + semver "^7.3.2" + +sass@^1.49.7: + version "1.49.7" + resolved "https://registry.yarnpkg.com/sass/-/sass-1.49.7.tgz#22a86a50552b9b11f71404dfad1b9ff44c6b0c49" + integrity sha512-13dml55EMIR2rS4d/RDHHP0sXMY3+30e1TKsyXaSz3iLWVoDWEoboY8WzJd5JMnxrRHffKO3wq2mpJ0jxRJiEQ== + dependencies: + chokidar ">=3.0.0 <4.0.0" + immutable "^4.0.0" + source-map-js ">=0.6.2 <2.0.0" + sax@>=0.6.0: version "1.2.4" resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9" @@ -9141,7 +8652,7 @@ semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.2.0, semver@^6.3.0: resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d" integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw== -semver@^7.2.1, semver@^7.3.4, semver@^7.3.5: +semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5: version "7.3.5" resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.5.tgz#0b621c879348d8998e4b0e4be94b3f12e6018ef7" integrity sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ== @@ -9407,7 +8918,7 @@ source-list-map@^2.0.0: resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34" integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw== -source-map-js@^1.0.1: +"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw== @@ -9436,6 +8947,11 @@ source-map-url@^0.4.0: resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56" integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw== +source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1: + version "0.6.1" + resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263" + integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g== + source-map@0.7.3, source-map@^0.7.3, source-map@~0.7.2: version "0.7.3" resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383" @@ -9446,11 +8962,6 @@ source-map@^0.5.0, source-map@^0.5.6, source-map@^0.5.7: resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc" integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w= -source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1: - version "0.6.1" - resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263" - integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g== - split-on-first@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/split-on-first/-/split-on-first-1.1.0.tgz#f610afeee3b12bce1d0c30425e76398b78249a5f" @@ -9741,6 +9252,13 @@ supports-color@^5.3.0, supports-color@^5.5.0: dependencies: has-flag "^3.0.0" +supports-color@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3" + integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ== + dependencies: + has-flag "^3.0.0" + supports-color@^7.0.0, supports-color@^7.1.0: version "7.2.0" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da" @@ -9888,11 +9406,6 @@ timsort@^0.3.0: resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4" integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q= -tiny-invariant@^1.0.6: - version "1.2.0" - resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.2.0.tgz#a1141f86b672a9148c72e978a19a73b9b94a15a9" - integrity sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg== - tmp@^0.0.33: version "0.0.33" resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9" @@ -9949,11 +9462,6 @@ to-regex@^3.0.1, to-regex@^3.0.2: regex-not "^1.0.2" safe-regex "^1.1.0" -toggle-selection@^1.0.6: - version "1.0.6" - resolved "https://registry.yarnpkg.com/toggle-selection/-/toggle-selection-1.0.6.tgz#6e45b1263f2017fa0acc7d89d78b15b8bf77da32" - integrity sha1-bkWxJj8gF/oKzH2J14sVuL932jI= - toidentifier@1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553" @@ -10009,7 +9517,7 @@ tsconfig-paths@^3.12.0: minimist "^1.2.0" strip-bom "^3.0.0" -tslib@^1.0.0, tslib@^1.10.0, tslib@^1.8.1, tslib@^1.9.0, tslib@^1.9.3: +tslib@^1.10.0, tslib@^1.8.1, tslib@^1.9.0: version "1.14.1" resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00" integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg== @@ -10130,6 +9638,16 @@ unc-path-regex@^0.1.2: resolved "https://registry.yarnpkg.com/unc-path-regex/-/unc-path-regex-0.1.2.tgz#e73dd3d7b0d7c5ed86fbac6b0ae7d8c6a69d50fa" integrity sha1-5z3T17DXxe2G+6xrCufYxqadUPo= +uncontrollable@^7.2.1: + version "7.2.1" + resolved "https://registry.yarnpkg.com/uncontrollable/-/uncontrollable-7.2.1.tgz#1fa70ba0c57a14d5f78905d533cf63916dc75738" + integrity sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ== + dependencies: + "@babel/runtime" "^7.6.3" + "@types/react" ">=16.9.11" + invariant "^2.2.4" + react-lifecycles-compat "^3.0.4" + unicode-canonical-property-names-ecmascript@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc" @@ -10248,19 +9766,6 @@ url-polyfill@^1.1.12: resolved "https://registry.yarnpkg.com/url-polyfill/-/url-polyfill-1.1.12.tgz#6cdaa17f6b022841b3aec0bf8dbd87ac0cd33331" integrity sha512-mYFmBHCapZjtcNHW0MDq9967t+z4Dmg5CJ0KqysK3+ZbyoNOWQHksGCTWwDhxGXllkWlOc10Xfko6v4a3ucM6A== -use-callback-ref@^1.2.3, use-callback-ref@^1.2.5: - version "1.2.5" - resolved "https://registry.yarnpkg.com/use-callback-ref/-/use-callback-ref-1.2.5.tgz#6115ed242cfbaed5915499c0a9842ca2912f38a5" - integrity sha512-gN3vgMISAgacF7sqsLPByqoePooY3n2emTH59Ur5d/M8eg4WTWu1xp8i8DHjohftIyEx0S08RiYxbffr4j8Peg== - -use-sidecar@^1.0.1, use-sidecar@^1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.0.5.tgz#ffff2a17c1df42e348624b699ba6e5c220527f2b" - integrity sha512-k9jnrjYNwN6xYLj1iaGhonDghfvmeTmYjAiGvOr7clwKfPjMXJf4/HOr7oT5tJwYafgp2tG2l3eZEOfoELiMcA== - dependencies: - detect-node-es "^1.1.0" - tslib "^1.9.3" - use@^3.1.0: version "3.1.1" resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f" @@ -10316,7 +9821,7 @@ vary@^1, vary@~1.1.2: resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc" integrity sha1-IpnwLG3tMNSllhsLn3RSShj2NPw= -warning@^4.0.3: +warning@^4.0.0, warning@^4.0.3: version "4.0.3" resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3" integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w== From 38bf1ffca261910141cf4be035d83d83616f9e3c Mon Sep 17 00:00:00 2001 From: eduardor2m Date: Thu, 10 Feb 2022 15:53:00 -0300 Subject: [PATCH 7/7] feat: updated the styles using bootstrap and styled components and created the navigation pages --- src/components/Menu.tsx | 46 ----- src/components/Navbar.tsx | 218 +++++++++++++++-------- src/images/cucIcon.svg | 17 ++ src/pages/acuc.tsx | 8 + src/pages/blog.tsx | 8 + src/pages/index.tsx | 9 +- src/styles/components/Menu.module.scss | 38 ---- src/styles/components/Navbar.module.scss | 95 ---------- src/styles/pages/index.module.scss | 5 - src/templates/main.tsx | 22 +++ 10 files changed, 197 insertions(+), 269 deletions(-) delete mode 100644 src/components/Menu.tsx create mode 100644 src/images/cucIcon.svg create mode 100644 src/pages/acuc.tsx create mode 100644 src/pages/blog.tsx delete mode 100644 src/styles/components/Menu.module.scss delete mode 100644 src/styles/components/Navbar.module.scss delete mode 100644 src/styles/pages/index.module.scss create mode 100644 src/templates/main.tsx diff --git a/src/components/Menu.tsx b/src/components/Menu.tsx deleted file mode 100644 index 5e18a29..0000000 --- a/src/components/Menu.tsx +++ /dev/null @@ -1,46 +0,0 @@ -/* eslint-disable arrow-body-style */ -/* eslint-disable react/function-component-definition */ -import React from 'react'; -import { Nav, Button, Image, Container } from 'react-bootstrap'; -import { AiOutlineClose } from 'react-icons/ai'; -import { - navLocal, - containerMenuLocal, - linkMenuLocal, - buttonMenuLocal, -} from '../styles/components/Menu.module.scss'; -import logo from '../images/logo.svg'; - -interface MenuProps { - modalOpen: () => void; -} - -const Menu: React.FC = ({ modalOpen }) => { - return ( - - ); -}; - -export default Menu; diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index ac9bf87..f830c80 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -3,8 +3,7 @@ /* eslint-disable react/button-has-type */ /* eslint-disable arrow-body-style */ /* eslint-disable react/function-component-definition */ -import React, { useState } from 'react'; -import { GiHamburgerMenu } from 'react-icons/gi'; +import React from 'react'; import { Nav, Button, @@ -12,88 +11,149 @@ import { Container, Col, } from 'react-bootstrap'; -import { - navbarLocal, - containerLocal, - linksLocal, - linkLocal, - buttonRightLocal, - buttonLocal, - buttonNavLocal, -} from '../styles/components/Navbar.module.scss'; -import Menu from './Menu'; +import styled from 'styled-components'; +import { Link } from 'gatsby'; import logo from '../images/logo.svg'; -const Navbar: React.FC = () => { - const [link, setLink] = useState('home'); - const [isOpen, setIsOpen] = useState(false); +interface LinkProps { + href?: string; +} - function handleClick() { - setIsOpen(!isOpen); - } +interface NavbarProps { + path: string; +} + +const Navbar: React.FC = ({ path }) => { return ( - <> - {isOpen && handleClick()} />} - - - - React Bootstrap logo - - - - - - + + + + React Bootstrap logo + + + + + Home + + + Blog + + + A ÇUÇ + + + + + Conhecer + + + + ); }; +const NavbarBaseStyled = styled(NavbarBase)` + width: 100%; + height: 85px; + background-color: #131313 !important; + padding: 0 !important; + display: flex; + flex-direction: column; + filter: drop-shadow(0px 0px 12px #000000); + + @media (max-width: 768px) { + height: 70px; + } +`; + +const LogoStyled = styled(NavbarBaseStyled.Brand)` + @media (max-width: 768px) { + display: none; + } +`; + +const ContainerStyled = styled(Container)` + display: flex; + width: 100%; + height: 100%; + justify-content: space-between; + + align-items: center; + margin: 0 auto; +`; + +const NavStyled = styled(Nav)` + display: flex; + height: 100%; + padding-top: 25px; + justify-content: space-around; + align-items: center; + + @media (max-width: 768px) { + padding-top: 20px; + } +`; + +const NavLinkStyled = styled(Link)` + font-family: Righteous; + font-style: normal; + font-weight: bold; + font-size: 24px; + line-height: 26px; + height: 100%; + text-align: center; + text-shadow: 0px 0px 12px #cf721c; + cursor: pointer; + text-decoration: none; + + &:first-child { + color: ${props => (props.href === '' ? '#cf721c' : '#ffffff')}; + border-bottom: ${props => + props.href === '' ? '4px solid #cf721c' : 'none'}; + } + + &:nth-child(0n + 2) { + color: ${props => (props.href === 'blog' ? '#cf721c' : '#ffffff')}; + border-bottom: ${props => + props.href === 'blog' ? '4px solid #cf721c' : 'none'}; + } + + &:last-child { + color: ${props => (props.href === 'acuc' ? '#cf721c' : '#ffffff')}; + border-bottom: ${props => + props.href === 'acuc' ? '4px solid #cf721c' : 'none'}; + } + &:hover { + color: #cf721c !important; + border-bottom: 4px solid #cf721c !important; + } +`; + +const NavButtonStyled = styled(Nav)` + display: flex; + justify-content: flex-end; + + @media (max-width: 768px) { + display: none; + } +`; + +const ButtonStyled = styled(Button)` + width: 199px; + height: 49px; + background-color: #cf721c !important; + color: #fff !important; + border: none !important; + border-radius: 5px; + font-size: 1.2rem; + font-weight: bold !important; + box-shadow: 0px 0px 12px #cf721c; +`; + export default Navbar; diff --git a/src/images/cucIcon.svg b/src/images/cucIcon.svg new file mode 100644 index 0000000..11be70f --- /dev/null +++ b/src/images/cucIcon.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/pages/acuc.tsx b/src/pages/acuc.tsx new file mode 100644 index 0000000..3b8d18b --- /dev/null +++ b/src/pages/acuc.tsx @@ -0,0 +1,8 @@ +import * as React from 'react'; +import { Main } from '../templates/main'; + +function ACUC() { + return
; +} + +export default ACUC; diff --git a/src/pages/blog.tsx b/src/pages/blog.tsx new file mode 100644 index 0000000..7b4542d --- /dev/null +++ b/src/pages/blog.tsx @@ -0,0 +1,8 @@ +import * as React from 'react'; +import { Main } from '../templates/main'; + +function Blog() { + return
; +} + +export default Blog; diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 4371416..2fb4466 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,15 +1,12 @@ import * as React from 'react'; -import Navbar from '../components/Navbar'; import VslSection from '../components/VslSection'; - -import { container } from '../styles/pages/index.module.scss'; +import { Main } from '../templates/main'; function IndexPage() { return ( -
- +
-
+
); } diff --git a/src/styles/components/Menu.module.scss b/src/styles/components/Menu.module.scss deleted file mode 100644 index 2f9aa3e..0000000 --- a/src/styles/components/Menu.module.scss +++ /dev/null @@ -1,38 +0,0 @@ -.navLocal { - width: 90%; - height: 100%; - display: flex; - padding: 20px; - flex-direction: column; - justify-content: space-between; - position: fixed; - background-color: #293241; - z-index: 100; -} - -.containerMenuLocal { - display: flex; - flex-direction: column; - height: 80%; -} - -.linkMenuLocal { - color: #fff; - font-size: 1.2rem; - font-weight: bold; - text-decoration: none; - margin-bottom: 10px; - transition: all 0.3s; - cursor: pointer; -} - -.buttonMenuLocal { - display: flex; - align-items: center; - justify-content: center; - border: none; - width: 100%; - height: 50px; - background-color: #cf721c; - box-shadow: 0px 0px 12px #cf721c; -} diff --git a/src/styles/components/Navbar.module.scss b/src/styles/components/Navbar.module.scss deleted file mode 100644 index eea0d42..0000000 --- a/src/styles/components/Navbar.module.scss +++ /dev/null @@ -1,95 +0,0 @@ -.navbarLocal { - width: 100%; - height: 85px; - background-color: #0b132b !important; - padding: 0 !important; - border-bottom: 1px solid #bfbfcc; -} -.containerLocal { - display: flex; - width: 100%; - height: 100%; - justify-content: space-between; - align-items: center; - margin: 0 auto; -} - -.linksLocal { - display: flex; - height: 100%; - justify-content: space-around; - align-items: center; -} - -.linkLocal { - color: #bfbfcc !important; - height: 100%; - padding-top: 30px; - text-decoration: none; - font-size: 1.2rem; - font-weight: bold; - cursor: pointer; -} - -.linkLocal:hover { - color: #fff !important; - border-bottom: 4px solid #bfbfcc; -} - -.buttonRightLocal { - display: flex; - justify-content: flex-end; -} - -.buttonLocal { - width: 199px; - height: 49px; - background-color: #cf721c; - color: #fff; - border: none; - border-radius: 5px; - font-size: 1.2rem; - font-weight: bold; -} - -.buttonLocal:hover { - opacity: 0.8; - color: #fff; - background-color: #cf721c; -} - -.buttonNavLocal { - display: none; -} - -@media screen and (max-width: 768px) { - .navbarLocal { - height: auto; - padding: 0; - } - .linksLocal { - display: none; - } - .linkLocal { - padding-top: 0; - font-size: 1rem; - } - .buttonLocal { - display: none; - } - .buttonNavLocal { - display: flex; - align-items: center; - justify-content: center; - width: 50px; - height: 50px; - border: none; - background-color: #cf721c; - box-shadow: 0px 0px 12px #cf721c; - } - - .buttonNavLocal:hover { - background-color: #cf721c; - box-shadow: 0px 0px 12px #cf721c; - } -} diff --git a/src/styles/pages/index.module.scss b/src/styles/pages/index.module.scss deleted file mode 100644 index 83d136f..0000000 --- a/src/styles/pages/index.module.scss +++ /dev/null @@ -1,5 +0,0 @@ -.container { - width: 100%; - height: 100%; - background-color: #0b132b; -} diff --git a/src/templates/main.tsx b/src/templates/main.tsx new file mode 100644 index 0000000..d90d094 --- /dev/null +++ b/src/templates/main.tsx @@ -0,0 +1,22 @@ +import React, { useMemo } from 'react'; +import styled from 'styled-components'; +import Navbar from '../components/Navbar'; + +export const Main: React.FC = ({ children }) => { + const href = useMemo(() => (window ? window.location.href : ''), [window]); + + const path = href.slice(href.lastIndexOf('/') + 1); + + return ( + + + {children} + + ); +}; + +const Container = styled.div` + width: 100%; + height: 100%; + background-color: #131313; +`;