diff --git a/web/app/components/Navbar.tsx b/web/app/components/Navbar.tsx new file mode 100644 index 0000000..b14dff7 --- /dev/null +++ b/web/app/components/Navbar.tsx @@ -0,0 +1,122 @@ + +import Image from 'next/image' +import React from 'react' +import styles from './navbar.module.css' +import { CiViewTable } from 'react-icons/ci'; +import { BsToggleOn, BsSearch } from 'react-icons/bs'; +import { RxEyeClosed, RxEyeOpen } from 'react-icons/rx'; +import { TbArrowWaveRightDown } from 'react-icons/tb'; +import { CgProfile } from 'react-icons/cg'; +import { RiBillLine } from 'react-icons/ri'; +import { AiOutlineHome, AiOutlineBank } from 'react-icons/ai'; + + + +export default function Navbar() { + return ( + + ) +} diff --git a/web/app/components/navbar.module.css b/web/app/components/navbar.module.css new file mode 100644 index 0000000..620771e --- /dev/null +++ b/web/app/components/navbar.module.css @@ -0,0 +1,103 @@ + +.navbar { + display: flex; + justify-content: space-between; + width: 100vw; + max-width: 90vw; + margin-top: 50px; +} + +.left { + display: flex; + align-items: center; +} + +.logoDiv { + display: flex; + justify-content: center; + align-items: center; + background: #EBEBF0; + height: 70px; + border-radius: 50%; + aspect-ratio: 1; +} + +.actionsDiv { + display: flex; + border-radius: 20px; + align-items: center; + margin-left: 20px; + margin-right: 20px; + background: #E9E8F2; + height: 70px; + padding: 0 5px; +} + +.tabButtonIcon { + color: #726D8E; + margin-right: 10px; +} + +.holder { + border-radius: 10px; + background: #FFFFFF; + margin: 5px; +} + +.calendarLogo { + margin: 10px; + vertical-align: middle; +} + +.search { + border-radius: 10px; + background: #F0F1F5; + display: flex; + align-items: center; + border: 2px solid #DDDDE4; +} + +.input { + border: 0; + outline: 0; + background: #F0F1F5; +} + +.guidingButton { + background: #FEFFFF; + outline: 0; + height: 30px; + box-shadow: 0; + width: 45px; + border-radius: 10px; + border: 1px solid #20284C; + margin: 2px; +} + +.tabButton { + background: #FEFFFF; + color: #726D8E; + outline: 0; + height: 50px; + box-shadow: 0; + border-radius: 10px; + border: 1px solid #20284C; + margin: 2px; + text-transform: uppercase; + padding: 10px 20px; + display: flex; + align-items: center; + margin: 5px; + font-size: 18px; + font-weight: bold; +} + +.right { + display: flex; + align-items: center; +} + +.foldLogo { + vertical-align: middle; + margin: 5px; +} diff --git a/web/app/globals.css b/web/app/globals.css index d4f491e..687682e 100644 --- a/web/app/globals.css +++ b/web/app/globals.css @@ -1,77 +1,3 @@ -:root { - --max-width: 1100px; - --border-radius: 12px; - --font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono', - 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro', - 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace; - - --foreground-rgb: 0, 0, 0; - --background-start-rgb: 214, 219, 220; - --background-end-rgb: 255, 255, 255; - - --primary-glow: conic-gradient( - from 180deg at 50% 50%, - #16abff33 0deg, - #0885ff33 55deg, - #54d6ff33 120deg, - #0071ff33 160deg, - transparent 360deg - ); - --secondary-glow: radial-gradient( - rgba(255, 255, 255, 1), - rgba(255, 255, 255, 0) - ); - - --tile-start-rgb: 239, 245, 249; - --tile-end-rgb: 228, 232, 233; - --tile-border: conic-gradient( - #00000080, - #00000040, - #00000030, - #00000020, - #00000010, - #00000010, - #00000080 - ); - - --callout-rgb: 238, 240, 241; - --callout-border-rgb: 172, 175, 176; - --card-rgb: 180, 185, 188; - --card-border-rgb: 131, 134, 135; -} - -@media (prefers-color-scheme: dark) { - :root { - --foreground-rgb: 255, 255, 255; - --background-start-rgb: 0, 0, 0; - --background-end-rgb: 0, 0, 0; - - --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0)); - --secondary-glow: linear-gradient( - to bottom right, - rgba(1, 65, 255, 0), - rgba(1, 65, 255, 0), - rgba(1, 65, 255, 0.3) - ); - - --tile-start-rgb: 2, 13, 46; - --tile-end-rgb: 2, 5, 19; - --tile-border: conic-gradient( - #ffffff80, - #ffffff40, - #ffffff30, - #ffffff20, - #ffffff10, - #ffffff10, - #ffffff80 - ); - - --callout-rgb: 20, 20, 20; - --callout-border-rgb: 108, 108, 108; - --card-rgb: 100, 100, 100; - --card-border-rgb: 200, 200, 200; - } -} * { box-sizing: border-box; @@ -82,26 +8,12 @@ html, body { max-width: 100vw; - overflow-x: hidden; } body { - color: rgb(var(--foreground-rgb)); - background: linear-gradient( - to bottom, - transparent, - rgb(var(--background-end-rgb)) - ) - rgb(var(--background-start-rgb)); + display: flex; + flex-direction: column; + align-items: center; + background: #F0F1F5; } -a { - color: inherit; - text-decoration: none; -} - -@media (prefers-color-scheme: dark) { - html { - color-scheme: dark; - } -} diff --git a/web/app/layout.tsx b/web/app/layout.tsx index 3d9d723..139c549 100644 --- a/web/app/layout.tsx +++ b/web/app/layout.tsx @@ -1,8 +1,10 @@ + import './globals.css' +import Navbar from './components/Navbar' export const metadata = { - title: 'Create Next App', - description: 'Generated by create next app', + title: 'Fold Bank - Dashboard', + description: 'Be painfully aware.', } export default function RootLayout({ @@ -12,7 +14,10 @@ export default function RootLayout({ }) { return ( - {children} + + + {children} + ) } diff --git a/web/app/page.module.css b/web/app/page.module.css index 4732b55..544ff6f 100644 --- a/web/app/page.module.css +++ b/web/app/page.module.css @@ -1,3 +1,4 @@ + .main { display: flex; flex-direction: column; @@ -7,265 +8,3 @@ min-height: 100vh; } -.description { - display: inherit; - justify-content: inherit; - align-items: inherit; - font-size: 0.85rem; - max-width: var(--max-width); - width: 100%; - z-index: 2; - font-family: var(--font-mono); -} - -.description a { - display: flex; - align-items: center; - justify-content: center; - gap: 0.5rem; -} - -.description p { - position: relative; - margin: 0; - padding: 1rem; - background-color: rgba(var(--callout-rgb), 0.5); - border: 1px solid rgba(var(--callout-border-rgb), 0.3); - border-radius: var(--border-radius); -} - -.code { - font-weight: 700; - font-family: var(--font-mono); -} - -.grid { - display: grid; - grid-template-columns: repeat(3, minmax(33%, auto)); - width: var(--max-width); - max-width: 100%; -} - -.card { - padding: 1rem 1.2rem; - border-radius: var(--border-radius); - background: rgba(var(--card-rgb), 0); - border: 1px solid rgba(var(--card-border-rgb), 0); - transition: background 200ms, border 200ms; -} - -.card span { - display: inline-block; - transition: transform 200ms; -} - -.card h2 { - font-weight: 600; - margin-bottom: 0.7rem; -} - -.card p { - margin: 0; - opacity: 0.6; - font-size: 0.9rem; - line-height: 1.5; - max-width: 34ch; -} - -.center { - display: flex; - justify-content: center; - align-items: center; - position: relative; - padding: 4rem 0; -} - -.center::before { - background: var(--secondary-glow); - border-radius: 50%; - width: 480px; - height: 360px; - margin-left: -400px; -} - -.center::after { - background: var(--primary-glow); - width: 240px; - height: 180px; - z-index: -1; -} - -.center::before, -.center::after { - content: ''; - left: 50%; - position: absolute; - filter: blur(45px); - transform: translateZ(0); -} - -.logo, -.thirteen { - position: relative; -} - -.thirteen { - display: flex; - justify-content: center; - align-items: center; - width: 75px; - height: 75px; - padding: 25px 10px; - margin-left: 16px; - transform: translateZ(0); - border-radius: var(--border-radius); - overflow: hidden; - box-shadow: 0px 2px 8px -1px #0000001a; -} - -.thirteen::before, -.thirteen::after { - content: ''; - position: absolute; - z-index: -1; -} - -/* Conic Gradient Animation */ -.thirteen::before { - animation: 6s rotate linear infinite; - width: 200%; - height: 200%; - background: var(--tile-border); -} - -/* Inner Square */ -.thirteen::after { - inset: 0; - padding: 1px; - border-radius: var(--border-radius); - background: linear-gradient( - to bottom right, - rgba(var(--tile-start-rgb), 1), - rgba(var(--tile-end-rgb), 1) - ); - background-clip: content-box; -} - -/* Enable hover only on non-touch devices */ -@media (hover: hover) and (pointer: fine) { - .card:hover { - background: rgba(var(--card-rgb), 0.1); - border: 1px solid rgba(var(--card-border-rgb), 0.15); - } - - .card:hover span { - transform: translateX(4px); - } -} - -@media (prefers-reduced-motion) { - .thirteen::before { - animation: none; - } - - .card:hover span { - transform: none; - } -} - -/* Mobile and Tablet */ -@media (max-width: 1023px) { - .content { - padding: 4rem; - } - - .grid { - grid-template-columns: 1fr; - margin-bottom: 120px; - max-width: 320px; - text-align: center; - } - - .card { - padding: 1rem 2.5rem; - } - - .card h2 { - margin-bottom: 0.5rem; - } - - .center { - padding: 8rem 0 6rem; - } - - .center::before { - transform: none; - height: 300px; - } - - .description { - font-size: 0.8rem; - } - - .description a { - padding: 1rem; - } - - .description p, - .description div { - display: flex; - justify-content: center; - position: fixed; - width: 100%; - } - - .description p { - align-items: center; - inset: 0 0 auto; - padding: 2rem 1rem 1.4rem; - border-radius: 0; - border: none; - border-bottom: 1px solid rgba(var(--callout-border-rgb), 0.25); - background: linear-gradient( - to bottom, - rgba(var(--background-start-rgb), 1), - rgba(var(--callout-rgb), 0.5) - ); - background-clip: padding-box; - backdrop-filter: blur(24px); - } - - .description div { - align-items: flex-end; - pointer-events: none; - inset: auto 0 0; - padding: 2rem; - height: 200px; - background: linear-gradient( - to bottom, - transparent 0%, - rgb(var(--background-end-rgb)) 40% - ); - z-index: 1; - } -} - -@media (prefers-color-scheme: dark) { - .vercelLogo { - filter: invert(1); - } - - .logo, - .thirteen img { - filter: invert(1) drop-shadow(0 0 0.3rem #ffffff70); - } -} - -@keyframes rotate { - from { - transform: rotate(360deg); - } - to { - transform: rotate(0deg); - } -} diff --git a/web/app/page.tsx b/web/app/page.tsx index 965f40e..2ec8b18 100644 --- a/web/app/page.tsx +++ b/web/app/page.tsx @@ -1,90 +1,11 @@ -import Image from 'next/image' -import { Inter } from 'next/font/google' -import styles from './page.module.css' -const inter = Inter({ subsets: ['latin'] }) +import styles from './page.module.css' export default function Home() { return (
-
-

- Get started by editing  - app/page.tsx -

-
- - By{' '} - Vercel Logo - -
-
- -
- Next.js Logo -
- 13 -
-
- -
- -

- Docs -> -

-

- Find in-depth information about Next.js features and API. -

-
- - -

- Templates -> -

-

Explore the Next.js 13 playground.

-
- - -

- Deploy -> -

-

- Instantly deploy your Next.js site to a shareable URL with Vercel. -

-
+
+ Hi, Hello
) diff --git a/web/package-lock.json b/web/package-lock.json index a156d9e..db68be6 100644 --- a/web/package-lock.json +++ b/web/package-lock.json @@ -13,9 +13,10 @@ "@types/react-dom": "18.0.11", "eslint": "8.35.0", "eslint-config-next": "13.2.1", - "next": "13.2.1", + "next": "^13.2.3", "react": "18.2.0", "react-dom": "18.2.0", + "react-icons": "^4.7.1", "typescript": "4.9.5" } }, @@ -91,9 +92,9 @@ "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==" }, "node_modules/@next/env": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/env/-/env-13.2.1.tgz", - "integrity": "sha512-Hq+6QZ6kgmloCg8Kgrix+4F0HtvLqVK3FZAnlAoS0eonaDemHe1Km4kwjSWRE3JNpJNcKxFHF+jsZrYo0SxWoQ==" + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/env/-/env-13.2.3.tgz", + "integrity": "sha512-FN50r/E+b8wuqyRjmGaqvqNDuWBWYWQiigfZ50KnSFH0f+AMQQyaZl+Zm2+CIpKk0fL9QxhLxOpTVA3xFHgFow==" }, "node_modules/@next/eslint-plugin-next": { "version": "13.2.1", @@ -104,9 +105,9 @@ } }, "node_modules/@next/swc-android-arm-eabi": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.2.1.tgz", - "integrity": "sha512-Yua7mUpEd1wzIT6Jjl3dpRizIfGp9NR4F2xeRuQv+ae+SDI1Em2WyM9m46UL+oeW5GpMiEHoaBagr47RScZFmQ==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.2.3.tgz", + "integrity": "sha512-mykdVaAXX/gm+eFO2kPeVjnOCKwanJ9mV2U0lsUGLrEdMUifPUjiXKc6qFAIs08PvmTMOLMNnUxqhGsJlWGKSw==", "cpu": [ "arm" ], @@ -119,9 +120,9 @@ } }, "node_modules/@next/swc-android-arm64": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.2.1.tgz", - "integrity": "sha512-Bifcr2f6VwInOdq1uH/9lp8fH7Nf7XGkIx4XceVd32LPJqG2c6FZU8ZRBvTdhxzXVpt5TPtuXhOP4Ij9UPqsVw==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.2.3.tgz", + "integrity": "sha512-8XwHPpA12gdIFtope+n9xCtJZM3U4gH4vVTpUwJ2w1kfxFmCpwQ4xmeGSkR67uOg80yRMuF0h9V1ueo05sws5w==", "cpu": [ "arm64" ], @@ -134,9 +135,9 @@ } }, "node_modules/@next/swc-darwin-arm64": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.2.1.tgz", - "integrity": "sha512-gvqm+fGMYxAkwBapH0Vvng5yrb6HTkIvZfY4oEdwwYrwuLdkjqnJygCMgpNqIFmAHSXgtlWxfYv1VC8sjN81Kw==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.2.3.tgz", + "integrity": "sha512-TXOubiFdLpMfMtaRu1K5d1I9ipKbW5iS2BNbu8zJhoqrhk3Kp7aRKTxqFfWrbliAHhWVE/3fQZUYZOWSXVQi1w==", "cpu": [ "arm64" ], @@ -149,9 +150,9 @@ } }, "node_modules/@next/swc-darwin-x64": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.2.1.tgz", - "integrity": "sha512-HGqVqmaZWj6zomqOZUVbO5NhlABL0iIaxTmd0O5B0MoMa5zpDGoaHSG+fxgcWMXcGcxmUNchv1NfNOYiTKoHOg==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.2.3.tgz", + "integrity": "sha512-GZctkN6bJbpjlFiS5pylgB2pifHvgkqLAPumJzxnxkf7kqNm6rOGuNjsROvOWVWXmKhrzQkREO/WPS2aWsr/yw==", "cpu": [ "x64" ], @@ -164,9 +165,9 @@ } }, "node_modules/@next/swc-freebsd-x64": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.2.1.tgz", - "integrity": "sha512-N/a4JarAq+E+g+9K2ywJUmDIgU2xs2nA+BBldH0oq4zYJMRiUhL0iaN9G4e72VmGOJ61L/3W6VN8RIUOwTLoqQ==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.2.3.tgz", + "integrity": "sha512-rK6GpmMt/mU6MPuav0/M7hJ/3t8HbKPCELw/Uqhi4732xoq2hJ2zbo2FkYs56y6w0KiXrIp4IOwNB9K8L/q62g==", "cpu": [ "x64" ], @@ -179,9 +180,9 @@ } }, "node_modules/@next/swc-linux-arm-gnueabihf": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.2.1.tgz", - "integrity": "sha512-WaFoerF/eRbhbE57TaIGJXbQAERADZ/RZ45u6qox9beb5xnWsyYgzX+WuN7Tkhyvga0/aMuVYFzS9CEay7D+bw==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.2.3.tgz", + "integrity": "sha512-yeiCp/Odt1UJ4KUE89XkeaaboIDiVFqKP4esvoLKGJ0fcqJXMofj4ad3tuQxAMs3F+qqrz9MclqhAHkex1aPZA==", "cpu": [ "arm" ], @@ -194,9 +195,9 @@ } }, "node_modules/@next/swc-linux-arm64-gnu": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.2.1.tgz", - "integrity": "sha512-R+Jhc1/RJTnncE9fkePboHDNOCm1WJ8daanWbjKhfPySMyeniKYRwGn5SLYW3S8YlRS0QVdZaaszDSZWgUcsmA==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.2.3.tgz", + "integrity": "sha512-/miIopDOUsuNlvjBjTipvoyjjaxgkOuvlz+cIbbPcm1eFvzX2ltSfgMgty15GuOiR8Hub4FeTSiq3g2dmCkzGA==", "cpu": [ "arm64" ], @@ -209,9 +210,9 @@ } }, "node_modules/@next/swc-linux-arm64-musl": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.2.1.tgz", - "integrity": "sha512-oI1UfZPidGAVddlL2eOTmfsuKV9EaT1aktIzVIxIAgxzQSdwsV371gU3G55ggkurzfdlgF3GThFePDWF0d8dmw==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.2.3.tgz", + "integrity": "sha512-sujxFDhMMDjqhruup8LLGV/y+nCPi6nm5DlFoThMJFvaaKr/imhkXuk8uCTq4YJDbtRxnjydFv2y8laBSJVC2g==", "cpu": [ "arm64" ], @@ -224,9 +225,9 @@ } }, "node_modules/@next/swc-linux-x64-gnu": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.2.1.tgz", - "integrity": "sha512-PCygPwrQmS+7WUuAWWioWMZCzZm4PG91lfRxToLDg7yIm/3YfAw5N2EK2TaM9pzlWdvHQAqRMX/oLvv027xUiA==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.2.3.tgz", + "integrity": "sha512-w5MyxPknVvC9LVnMenAYMXMx4KxPwXuJRMQFvY71uXg68n7cvcas85U5zkdrbmuZ+JvsO5SIG8k36/6X3nUhmQ==", "cpu": [ "x64" ], @@ -239,9 +240,9 @@ } }, "node_modules/@next/swc-linux-x64-musl": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.2.1.tgz", - "integrity": "sha512-sUAKxo7CFZYGHNxheGh9nIBElLYBM6md/liEGfOTwh/xna4/GTTcmkGWkF7PdnvaYNgcPIQgHIMYiAa6yBKAVw==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.2.3.tgz", + "integrity": "sha512-CTeelh8OzSOVqpzMFMFnVRJIFAFQoTsI9RmVJWW/92S4xfECGcOzgsX37CZ8K982WHRzKU7exeh7vYdG/Eh4CA==", "cpu": [ "x64" ], @@ -254,9 +255,9 @@ } }, "node_modules/@next/swc-win32-arm64-msvc": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.2.1.tgz", - "integrity": "sha512-qDmyEjDBpl/vBXxuOOKKWmPQOcARcZIMach1s7kjzaien0SySut/PHRlj56sosa81Wt4hTGhfhZ1R7g1n7+B8w==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.2.3.tgz", + "integrity": "sha512-7N1KBQP5mo4xf52cFCHgMjzbc9jizIlkTepe9tMa2WFvEIlKDfdt38QYcr9mbtny17yuaIw02FXOVEytGzqdOQ==", "cpu": [ "arm64" ], @@ -269,9 +270,9 @@ } }, "node_modules/@next/swc-win32-ia32-msvc": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.2.1.tgz", - "integrity": "sha512-2joqFQ81ZYPg6DcikIzQn3DgjKglNhPAozx6dL5sCNkr1CPMD0YIkJgT3CnYyMHQ04Qi3Npv0XX3MD6LJO8OCA==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.2.3.tgz", + "integrity": "sha512-LzWD5pTSipUXTEMRjtxES/NBYktuZdo7xExJqGDMnZU8WOI+v9mQzsmQgZS/q02eIv78JOCSemqVVKZBGCgUvA==", "cpu": [ "ia32" ], @@ -284,9 +285,9 @@ } }, "node_modules/@next/swc-win32-x64-msvc": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.2.1.tgz", - "integrity": "sha512-r3+0fSaIZT6N237iMzwUhfNwjhAFvXjqB+4iuW+wcpxW+LHm1g/IoxN8eSRcb8jPItC86JxjAxpke0QL97qd6g==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.2.3.tgz", + "integrity": "sha512-aLG2MaFs4y7IwaMTosz2r4mVbqRyCnMoFqOcmfTi7/mAS+G4IMH0vJp4oLdbshqiVoiVuKrAfqtXj55/m7Qu1Q==", "cpu": [ "x64" ], @@ -2368,11 +2369,11 @@ "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==" }, "node_modules/next": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/next/-/next-13.2.1.tgz", - "integrity": "sha512-qhgJlDtG0xidNViJUPeQHLGJJoT4zDj/El7fP3D3OzpxJDUfxsm16cK4WTMyvSX1ciIfAq05u+0HqFAa+VJ+Hg==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/next/-/next-13.2.3.tgz", + "integrity": "sha512-nKFJC6upCPN7DWRx4+0S/1PIOT7vNlCT157w9AzbXEgKy6zkiPKEt5YyRUsRZkmpEqBVrGgOqNfwecTociyg+w==", "dependencies": { - "@next/env": "13.2.1", + "@next/env": "13.2.3", "@swc/helpers": "0.4.14", "caniuse-lite": "^1.0.30001406", "postcss": "8.4.14", @@ -2385,19 +2386,19 @@ "node": ">=14.6.0" }, "optionalDependencies": { - "@next/swc-android-arm-eabi": "13.2.1", - "@next/swc-android-arm64": "13.2.1", - "@next/swc-darwin-arm64": "13.2.1", - "@next/swc-darwin-x64": "13.2.1", - "@next/swc-freebsd-x64": "13.2.1", - "@next/swc-linux-arm-gnueabihf": "13.2.1", - "@next/swc-linux-arm64-gnu": "13.2.1", - "@next/swc-linux-arm64-musl": "13.2.1", - "@next/swc-linux-x64-gnu": "13.2.1", - "@next/swc-linux-x64-musl": "13.2.1", - "@next/swc-win32-arm64-msvc": "13.2.1", - "@next/swc-win32-ia32-msvc": "13.2.1", - "@next/swc-win32-x64-msvc": "13.2.1" + "@next/swc-android-arm-eabi": "13.2.3", + "@next/swc-android-arm64": "13.2.3", + "@next/swc-darwin-arm64": "13.2.3", + "@next/swc-darwin-x64": "13.2.3", + "@next/swc-freebsd-x64": "13.2.3", + "@next/swc-linux-arm-gnueabihf": "13.2.3", + "@next/swc-linux-arm64-gnu": "13.2.3", + "@next/swc-linux-arm64-musl": "13.2.3", + "@next/swc-linux-x64-gnu": "13.2.3", + "@next/swc-linux-x64-musl": "13.2.3", + "@next/swc-win32-arm64-msvc": "13.2.3", + "@next/swc-win32-ia32-msvc": "13.2.3", + "@next/swc-win32-x64-msvc": "13.2.3" }, "peerDependencies": { "@opentelemetry/api": "^1.4.0", @@ -2758,6 +2759,14 @@ "react": "^18.2.0" } }, + "node_modules/react-icons": { + "version": "4.7.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.7.1.tgz", + "integrity": "sha512-yHd3oKGMgm7zxo3EA7H2n7vxSoiGmHk5t6Ou4bXsfcgWyhfDKMpyKfhHR6Bjnn63c+YXBLBPUql9H4wPJM6sXw==", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", @@ -3371,9 +3380,9 @@ "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==" }, "@next/env": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/env/-/env-13.2.1.tgz", - "integrity": "sha512-Hq+6QZ6kgmloCg8Kgrix+4F0HtvLqVK3FZAnlAoS0eonaDemHe1Km4kwjSWRE3JNpJNcKxFHF+jsZrYo0SxWoQ==" + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/env/-/env-13.2.3.tgz", + "integrity": "sha512-FN50r/E+b8wuqyRjmGaqvqNDuWBWYWQiigfZ50KnSFH0f+AMQQyaZl+Zm2+CIpKk0fL9QxhLxOpTVA3xFHgFow==" }, "@next/eslint-plugin-next": { "version": "13.2.1", @@ -3384,81 +3393,81 @@ } }, "@next/swc-android-arm-eabi": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.2.1.tgz", - "integrity": "sha512-Yua7mUpEd1wzIT6Jjl3dpRizIfGp9NR4F2xeRuQv+ae+SDI1Em2WyM9m46UL+oeW5GpMiEHoaBagr47RScZFmQ==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.2.3.tgz", + "integrity": "sha512-mykdVaAXX/gm+eFO2kPeVjnOCKwanJ9mV2U0lsUGLrEdMUifPUjiXKc6qFAIs08PvmTMOLMNnUxqhGsJlWGKSw==", "optional": true }, "@next/swc-android-arm64": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.2.1.tgz", - "integrity": "sha512-Bifcr2f6VwInOdq1uH/9lp8fH7Nf7XGkIx4XceVd32LPJqG2c6FZU8ZRBvTdhxzXVpt5TPtuXhOP4Ij9UPqsVw==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.2.3.tgz", + "integrity": "sha512-8XwHPpA12gdIFtope+n9xCtJZM3U4gH4vVTpUwJ2w1kfxFmCpwQ4xmeGSkR67uOg80yRMuF0h9V1ueo05sws5w==", "optional": true }, "@next/swc-darwin-arm64": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.2.1.tgz", - "integrity": "sha512-gvqm+fGMYxAkwBapH0Vvng5yrb6HTkIvZfY4oEdwwYrwuLdkjqnJygCMgpNqIFmAHSXgtlWxfYv1VC8sjN81Kw==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.2.3.tgz", + "integrity": "sha512-TXOubiFdLpMfMtaRu1K5d1I9ipKbW5iS2BNbu8zJhoqrhk3Kp7aRKTxqFfWrbliAHhWVE/3fQZUYZOWSXVQi1w==", "optional": true }, "@next/swc-darwin-x64": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.2.1.tgz", - "integrity": "sha512-HGqVqmaZWj6zomqOZUVbO5NhlABL0iIaxTmd0O5B0MoMa5zpDGoaHSG+fxgcWMXcGcxmUNchv1NfNOYiTKoHOg==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.2.3.tgz", + "integrity": "sha512-GZctkN6bJbpjlFiS5pylgB2pifHvgkqLAPumJzxnxkf7kqNm6rOGuNjsROvOWVWXmKhrzQkREO/WPS2aWsr/yw==", "optional": true }, "@next/swc-freebsd-x64": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.2.1.tgz", - "integrity": "sha512-N/a4JarAq+E+g+9K2ywJUmDIgU2xs2nA+BBldH0oq4zYJMRiUhL0iaN9G4e72VmGOJ61L/3W6VN8RIUOwTLoqQ==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.2.3.tgz", + "integrity": "sha512-rK6GpmMt/mU6MPuav0/M7hJ/3t8HbKPCELw/Uqhi4732xoq2hJ2zbo2FkYs56y6w0KiXrIp4IOwNB9K8L/q62g==", "optional": true }, "@next/swc-linux-arm-gnueabihf": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.2.1.tgz", - "integrity": "sha512-WaFoerF/eRbhbE57TaIGJXbQAERADZ/RZ45u6qox9beb5xnWsyYgzX+WuN7Tkhyvga0/aMuVYFzS9CEay7D+bw==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.2.3.tgz", + "integrity": "sha512-yeiCp/Odt1UJ4KUE89XkeaaboIDiVFqKP4esvoLKGJ0fcqJXMofj4ad3tuQxAMs3F+qqrz9MclqhAHkex1aPZA==", "optional": true }, "@next/swc-linux-arm64-gnu": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.2.1.tgz", - "integrity": "sha512-R+Jhc1/RJTnncE9fkePboHDNOCm1WJ8daanWbjKhfPySMyeniKYRwGn5SLYW3S8YlRS0QVdZaaszDSZWgUcsmA==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.2.3.tgz", + "integrity": "sha512-/miIopDOUsuNlvjBjTipvoyjjaxgkOuvlz+cIbbPcm1eFvzX2ltSfgMgty15GuOiR8Hub4FeTSiq3g2dmCkzGA==", "optional": true }, "@next/swc-linux-arm64-musl": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.2.1.tgz", - "integrity": "sha512-oI1UfZPidGAVddlL2eOTmfsuKV9EaT1aktIzVIxIAgxzQSdwsV371gU3G55ggkurzfdlgF3GThFePDWF0d8dmw==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.2.3.tgz", + "integrity": "sha512-sujxFDhMMDjqhruup8LLGV/y+nCPi6nm5DlFoThMJFvaaKr/imhkXuk8uCTq4YJDbtRxnjydFv2y8laBSJVC2g==", "optional": true }, "@next/swc-linux-x64-gnu": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.2.1.tgz", - "integrity": "sha512-PCygPwrQmS+7WUuAWWioWMZCzZm4PG91lfRxToLDg7yIm/3YfAw5N2EK2TaM9pzlWdvHQAqRMX/oLvv027xUiA==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.2.3.tgz", + "integrity": "sha512-w5MyxPknVvC9LVnMenAYMXMx4KxPwXuJRMQFvY71uXg68n7cvcas85U5zkdrbmuZ+JvsO5SIG8k36/6X3nUhmQ==", "optional": true }, "@next/swc-linux-x64-musl": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.2.1.tgz", - "integrity": "sha512-sUAKxo7CFZYGHNxheGh9nIBElLYBM6md/liEGfOTwh/xna4/GTTcmkGWkF7PdnvaYNgcPIQgHIMYiAa6yBKAVw==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.2.3.tgz", + "integrity": "sha512-CTeelh8OzSOVqpzMFMFnVRJIFAFQoTsI9RmVJWW/92S4xfECGcOzgsX37CZ8K982WHRzKU7exeh7vYdG/Eh4CA==", "optional": true }, "@next/swc-win32-arm64-msvc": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.2.1.tgz", - "integrity": "sha512-qDmyEjDBpl/vBXxuOOKKWmPQOcARcZIMach1s7kjzaien0SySut/PHRlj56sosa81Wt4hTGhfhZ1R7g1n7+B8w==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.2.3.tgz", + "integrity": "sha512-7N1KBQP5mo4xf52cFCHgMjzbc9jizIlkTepe9tMa2WFvEIlKDfdt38QYcr9mbtny17yuaIw02FXOVEytGzqdOQ==", "optional": true }, "@next/swc-win32-ia32-msvc": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.2.1.tgz", - "integrity": "sha512-2joqFQ81ZYPg6DcikIzQn3DgjKglNhPAozx6dL5sCNkr1CPMD0YIkJgT3CnYyMHQ04Qi3Npv0XX3MD6LJO8OCA==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.2.3.tgz", + "integrity": "sha512-LzWD5pTSipUXTEMRjtxES/NBYktuZdo7xExJqGDMnZU8WOI+v9mQzsmQgZS/q02eIv78JOCSemqVVKZBGCgUvA==", "optional": true }, "@next/swc-win32-x64-msvc": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.2.1.tgz", - "integrity": "sha512-r3+0fSaIZT6N237iMzwUhfNwjhAFvXjqB+4iuW+wcpxW+LHm1g/IoxN8eSRcb8jPItC86JxjAxpke0QL97qd6g==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.2.3.tgz", + "integrity": "sha512-aLG2MaFs4y7IwaMTosz2r4mVbqRyCnMoFqOcmfTi7/mAS+G4IMH0vJp4oLdbshqiVoiVuKrAfqtXj55/m7Qu1Q==", "optional": true }, "@nodelib/fs.scandir": { @@ -4947,24 +4956,24 @@ "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==" }, "next": { - "version": "13.2.1", - "resolved": "https://registry.npmjs.org/next/-/next-13.2.1.tgz", - "integrity": "sha512-qhgJlDtG0xidNViJUPeQHLGJJoT4zDj/El7fP3D3OzpxJDUfxsm16cK4WTMyvSX1ciIfAq05u+0HqFAa+VJ+Hg==", + "version": "13.2.3", + "resolved": "https://registry.npmjs.org/next/-/next-13.2.3.tgz", + "integrity": "sha512-nKFJC6upCPN7DWRx4+0S/1PIOT7vNlCT157w9AzbXEgKy6zkiPKEt5YyRUsRZkmpEqBVrGgOqNfwecTociyg+w==", "requires": { - "@next/env": "13.2.1", - "@next/swc-android-arm-eabi": "13.2.1", - "@next/swc-android-arm64": "13.2.1", - "@next/swc-darwin-arm64": "13.2.1", - "@next/swc-darwin-x64": "13.2.1", - "@next/swc-freebsd-x64": "13.2.1", - "@next/swc-linux-arm-gnueabihf": "13.2.1", - "@next/swc-linux-arm64-gnu": "13.2.1", - "@next/swc-linux-arm64-musl": "13.2.1", - "@next/swc-linux-x64-gnu": "13.2.1", - "@next/swc-linux-x64-musl": "13.2.1", - "@next/swc-win32-arm64-msvc": "13.2.1", - "@next/swc-win32-ia32-msvc": "13.2.1", - "@next/swc-win32-x64-msvc": "13.2.1", + "@next/env": "13.2.3", + "@next/swc-android-arm-eabi": "13.2.3", + "@next/swc-android-arm64": "13.2.3", + "@next/swc-darwin-arm64": "13.2.3", + "@next/swc-darwin-x64": "13.2.3", + "@next/swc-freebsd-x64": "13.2.3", + "@next/swc-linux-arm-gnueabihf": "13.2.3", + "@next/swc-linux-arm64-gnu": "13.2.3", + "@next/swc-linux-arm64-musl": "13.2.3", + "@next/swc-linux-x64-gnu": "13.2.3", + "@next/swc-linux-x64-musl": "13.2.3", + "@next/swc-win32-arm64-msvc": "13.2.3", + "@next/swc-win32-ia32-msvc": "13.2.3", + "@next/swc-win32-x64-msvc": "13.2.3", "@swc/helpers": "0.4.14", "caniuse-lite": "^1.0.30001406", "postcss": "8.4.14", @@ -5187,6 +5196,12 @@ "scheduler": "^0.23.0" } }, + "react-icons": { + "version": "4.7.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.7.1.tgz", + "integrity": "sha512-yHd3oKGMgm7zxo3EA7H2n7vxSoiGmHk5t6Ou4bXsfcgWyhfDKMpyKfhHR6Bjnn63c+YXBLBPUql9H4wPJM6sXw==", + "requires": {} + }, "react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", diff --git a/web/package.json b/web/package.json index 2030c7e..fdcff1b 100644 --- a/web/package.json +++ b/web/package.json @@ -14,9 +14,10 @@ "@types/react-dom": "18.0.11", "eslint": "8.35.0", "eslint-config-next": "13.2.1", - "next": "13.2.1", + "next": "^13.2.3", "react": "18.2.0", "react-dom": "18.2.0", + "react-icons": "^4.7.1", "typescript": "4.9.5" } } diff --git a/web/public/foldlogo.svg b/web/public/foldlogo.svg new file mode 100644 index 0000000..e7d35ff --- /dev/null +++ b/web/public/foldlogo.svg @@ -0,0 +1,4 @@ + + \ No newline at end of file