diff --git a/package.json b/package.json index 3ebfe60..8b1ae86 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,9 @@ "astro": "^3.2.3", "react": "^18.0.0", "react-dom": "^18.0.0", + "react-icons": "^4.12.0", "react-sliding-pane": "^7.3.0", + "sharp": "^0.33.0", "tailwindcss": "^3.0.24" }, "devDependencies": { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 5518f1b..5dc3034 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -35,9 +35,15 @@ dependencies: react-dom: specifier: ^18.0.0 version: 18.2.0(react@18.2.0) + react-icons: + specifier: ^4.12.0 + version: 4.12.0(react@18.2.0) react-sliding-pane: specifier: ^7.3.0 version: 7.3.0(react-dom@18.2.0)(react@18.2.0) + sharp: + specifier: ^0.33.0 + version: 0.33.0 tailwindcss: specifier: ^3.0.24 version: 3.3.3 @@ -415,6 +421,14 @@ packages: to-fast-properties: 2.0.0 dev: false + /@emnapi/runtime@0.44.0: + resolution: {integrity: sha512-ZX/etZEZw8DR7zAB1eVQT40lNo0jeqpb6dCgOvctB6FIQ5PoXfMuNY8+ayQfu8tNQbAB8gQWSSJupR8NxeiZXw==} + requiresBuild: true + dependencies: + tslib: 2.6.2 + dev: false + optional: true + /@emotion/babel-plugin@11.11.0: resolution: {integrity: sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==} dependencies: @@ -955,6 +969,194 @@ packages: resolution: {integrity: sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==} dev: false + /@img/sharp-darwin-arm64@0.33.0: + resolution: {integrity: sha512-070tEheekI1LJWTGPC9WlQEa5UoKTXzzlORBHMX4TbfUxMiL336YHR8vBEUNsjse0RJCX8dZ4ZXwT595aEF1ug==} + engines: {glibc: '>=2.26', node: ^18.17.0 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [arm64] + os: [darwin] + requiresBuild: true + optionalDependencies: + '@img/sharp-libvips-darwin-arm64': 1.0.0 + dev: false + optional: true + + /@img/sharp-darwin-x64@0.33.0: + resolution: {integrity: sha512-pu/nvn152F3qbPeUkr+4e9zVvEhD3jhwzF473veQfMPkOYo9aoWXSfdZH/E6F+nYC3qvFjbxbvdDbUtEbghLqw==} + engines: {glibc: '>=2.26', node: ^18.17.0 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [x64] + os: [darwin] + requiresBuild: true + optionalDependencies: + '@img/sharp-libvips-darwin-x64': 1.0.0 + dev: false + optional: true + + /@img/sharp-libvips-darwin-arm64@1.0.0: + resolution: {integrity: sha512-VzYd6OwnUR81sInf3alj1wiokY50DjsHz5bvfnsFpxs5tqQxESoHtJO6xyksDs3RIkyhMWq2FufXo6GNSU9BMw==} + engines: {macos: '>=11', npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [arm64] + os: [darwin] + requiresBuild: true + dev: false + optional: true + + /@img/sharp-libvips-darwin-x64@1.0.0: + resolution: {integrity: sha512-dD9OznTlHD6aovRswaPNEy8dKtSAmNo4++tO7uuR4o5VxbVAOoEQ1uSmN4iFAdQneTHws1lkTZeiXPrcCkh6IA==} + engines: {macos: '>=10.13', npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [x64] + os: [darwin] + requiresBuild: true + dev: false + optional: true + + /@img/sharp-libvips-linux-arm64@1.0.0: + resolution: {integrity: sha512-xTYThiqEZEZc0PRU90yVtM3KE7lw1bKdnDQ9kCTHWbqWyHOe4NpPOtMGy27YnN51q0J5dqRrvicfPbALIOeAZA==} + engines: {glibc: '>=2.26', npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [arm64] + os: [linux] + requiresBuild: true + dev: false + optional: true + + /@img/sharp-libvips-linux-arm@1.0.0: + resolution: {integrity: sha512-VwgD2eEikDJUk09Mn9Dzi1OW2OJFRQK+XlBTkUNmAWPrtj8Ly0yq05DFgu1VCMx2/DqCGQVi5A1dM9hTmxf3uw==} + engines: {glibc: '>=2.28', npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [arm] + os: [linux] + requiresBuild: true + dev: false + optional: true + + /@img/sharp-libvips-linux-s390x@1.0.0: + resolution: {integrity: sha512-o9E46WWBC6JsBlwU4QyU9578G77HBDT1NInd+aERfxeOPbk0qBZHgoDsQmA2v9TbqJRWzoBPx1aLOhprBMgPjw==} + engines: {glibc: '>=2.28', npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [s390x] + os: [linux] + requiresBuild: true + dev: false + optional: true + + /@img/sharp-libvips-linux-x64@1.0.0: + resolution: {integrity: sha512-naldaJy4hSVhWBgEjfdBY85CAa4UO+W1nx6a1sWStHZ7EUfNiuBTTN2KUYT5dH1+p/xij1t2QSXfCiFJoC5S/Q==} + engines: {glibc: '>=2.26', npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [x64] + os: [linux] + requiresBuild: true + dev: false + optional: true + + /@img/sharp-libvips-linuxmusl-arm64@1.0.0: + resolution: {integrity: sha512-OdorplCyvmSAPsoJLldtLh3nLxRrkAAAOHsGWGDYfN0kh730gifK+UZb3dWORRa6EusNqCTjfXV4GxvgJ/nPDQ==} + engines: {musl: '>=1.2.2', npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [arm64] + os: [linux] + requiresBuild: true + dev: false + optional: true + + /@img/sharp-libvips-linuxmusl-x64@1.0.0: + resolution: {integrity: sha512-FW8iK6rJrg+X2jKD0Ajhjv6y74lToIBEvkZhl42nZt563FfxkCYacrXZtd+q/sRQDypQLzY5WdLkVTbJoPyqNg==} + engines: {musl: '>=1.2.2', npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [x64] + os: [linux] + requiresBuild: true + dev: false + optional: true + + /@img/sharp-linux-arm64@0.33.0: + resolution: {integrity: sha512-dcomVSrtgF70SyOr8RCOCQ8XGVThXwe71A1d8MGA+mXEVRJ/J6/TrCbBEJh9ddcEIIsrnrkolaEvYSHqVhswQw==} + engines: {glibc: '>=2.26', node: ^18.17.0 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [arm64] + os: [linux] + requiresBuild: true + optionalDependencies: + '@img/sharp-libvips-linux-arm64': 1.0.0 + dev: false + optional: true + + /@img/sharp-linux-arm@0.33.0: + resolution: {integrity: sha512-4horD3wMFd5a0ddbDY8/dXU9CaOgHjEHALAddXgafoR5oWq5s8X61PDgsSeh4Qupsdo6ycfPPSSNBrfVQnwwrg==} + engines: {glibc: '>=2.28', node: ^18.17.0 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [arm] + os: [linux] + requiresBuild: true + optionalDependencies: + '@img/sharp-libvips-linux-arm': 1.0.0 + dev: false + optional: true + + /@img/sharp-linux-s390x@0.33.0: + resolution: {integrity: sha512-TiVJbx38J2rNVfA309ffSOB+3/7wOsZYQEOlKqOUdWD/nqkjNGrX+YQGz7nzcf5oy2lC+d37+w183iNXRZNngQ==} + engines: {glibc: '>=2.28', node: ^18.17.0 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [s390x] + os: [linux] + requiresBuild: true + optionalDependencies: + '@img/sharp-libvips-linux-s390x': 1.0.0 + dev: false + optional: true + + /@img/sharp-linux-x64@0.33.0: + resolution: {integrity: sha512-PaZM4Zi7/Ek71WgTdvR+KzTZpBqrQOFcPe7/8ZoPRlTYYRe43k6TWsf4GVH6XKRLMYeSp8J89RfAhBrSP4itNA==} + engines: {glibc: '>=2.26', node: ^18.17.0 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [x64] + os: [linux] + requiresBuild: true + optionalDependencies: + '@img/sharp-libvips-linux-x64': 1.0.0 + dev: false + optional: true + + /@img/sharp-linuxmusl-arm64@0.33.0: + resolution: {integrity: sha512-1QLbbN0zt+32eVrg7bb1lwtvEaZwlhEsY1OrijroMkwAqlHqFj6R33Y47s2XUv7P6Ie1PwCxK/uFnNqMnkd5kg==} + engines: {musl: '>=1.2.2', node: ^18.17.0 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [arm64] + os: [linux] + requiresBuild: true + optionalDependencies: + '@img/sharp-libvips-linuxmusl-arm64': 1.0.0 + dev: false + optional: true + + /@img/sharp-linuxmusl-x64@0.33.0: + resolution: {integrity: sha512-CecqgB/CnkvCWFhmfN9ZhPGMLXaEBXl4o7WtA6U3Ztrlh/s7FUKX4vNxpMSYLIrWuuzjiaYdfU3+Tdqh1xaHfw==} + engines: {musl: '>=1.2.2', node: ^18.17.0 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [x64] + os: [linux] + requiresBuild: true + optionalDependencies: + '@img/sharp-libvips-linuxmusl-x64': 1.0.0 + dev: false + optional: true + + /@img/sharp-wasm32@0.33.0: + resolution: {integrity: sha512-Hn4js32gUX9qkISlemZBUPuMs0k/xNJebUNl/L6djnU07B/HAA2KaxRVb3HvbU5fL242hLOcp0+tR+M8dvJUFw==} + engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [wasm32] + requiresBuild: true + dependencies: + '@emnapi/runtime': 0.44.0 + dev: false + optional: true + + /@img/sharp-win32-ia32@0.33.0: + resolution: {integrity: sha512-5HfcsCZi3l5nPRF2q3bllMVMDXBqEWI3Q8KQONfzl0TferFE5lnsIG0A1YrntMAGqvkzdW6y1Ci1A2uTvxhfzg==} + engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [ia32] + os: [win32] + requiresBuild: true + dev: false + optional: true + + /@img/sharp-win32-x64@0.33.0: + resolution: {integrity: sha512-i3DtP/2ce1yKFj4OzOnOYltOEL/+dp4dc4dJXJBv6god1AFTcmkaA99H/7SwOmkCOBQkbVvA3lCGm3/5nDtf9Q==} + engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0', yarn: '>=3.2.0'} + cpu: [x64] + os: [win32] + requiresBuild: true + dev: false + optional: true + /@jridgewell/gen-mapping@0.3.3: resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==} engines: {node: '>=6.0.0'} @@ -1682,7 +1884,6 @@ packages: dependencies: color-name: 1.1.4 dev: false - optional: true /color-name@1.1.3: resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==} @@ -1692,7 +1893,6 @@ packages: resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==} requiresBuild: true dev: false - optional: true /color-string@1.9.1: resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==} @@ -1701,7 +1901,6 @@ packages: color-name: 1.1.4 simple-swizzle: 0.2.2 dev: false - optional: true /color@4.2.3: resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==} @@ -1711,7 +1910,6 @@ packages: color-convert: 2.0.1 color-string: 1.9.1 dev: false - optional: true /comma-separated-tokens@2.0.3: resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==} @@ -1839,7 +2037,6 @@ packages: engines: {node: '>=8'} requiresBuild: true dev: false - optional: true /devalue@4.3.2: resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==} @@ -2336,7 +2533,6 @@ packages: resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==} requiresBuild: true dev: false - optional: true /is-binary-path@2.1.0: resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==} @@ -3529,6 +3725,14 @@ packages: scheduler: 0.23.0 dev: false + /react-icons@4.12.0(react@18.2.0): + resolution: {integrity: sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==} + peerDependencies: + react: '*' + dependencies: + react: 18.2.0 + dev: false + /react-is@16.13.1: resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==} dev: false @@ -3845,6 +4049,36 @@ packages: dev: false optional: true + /sharp@0.33.0: + resolution: {integrity: sha512-99DZKudjm/Rmz+M0/26t4DKpXyywAOJaayGS9boEn7FvgtG0RYBi46uPE2c+obcJRtA3AZa0QwJot63gJQ1F0Q==} + engines: {libvips: '>=8.15.0', node: ^18.17.0 || ^20.3.0 || >=21.0.0} + requiresBuild: true + dependencies: + color: 4.2.3 + detect-libc: 2.0.2 + semver: 7.5.4 + optionalDependencies: + '@img/sharp-darwin-arm64': 0.33.0 + '@img/sharp-darwin-x64': 0.33.0 + '@img/sharp-libvips-darwin-arm64': 1.0.0 + '@img/sharp-libvips-darwin-x64': 1.0.0 + '@img/sharp-libvips-linux-arm': 1.0.0 + '@img/sharp-libvips-linux-arm64': 1.0.0 + '@img/sharp-libvips-linux-s390x': 1.0.0 + '@img/sharp-libvips-linux-x64': 1.0.0 + '@img/sharp-libvips-linuxmusl-arm64': 1.0.0 + '@img/sharp-libvips-linuxmusl-x64': 1.0.0 + '@img/sharp-linux-arm': 0.33.0 + '@img/sharp-linux-arm64': 0.33.0 + '@img/sharp-linux-s390x': 0.33.0 + '@img/sharp-linux-x64': 0.33.0 + '@img/sharp-linuxmusl-arm64': 0.33.0 + '@img/sharp-linuxmusl-x64': 0.33.0 + '@img/sharp-wasm32': 0.33.0 + '@img/sharp-win32-ia32': 0.33.0 + '@img/sharp-win32-x64': 0.33.0 + dev: false + /shebang-command@2.0.0: resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==} engines: {node: '>=8'} @@ -3897,7 +4131,6 @@ packages: dependencies: is-arrayish: 0.3.2 dev: false - optional: true /sisteransi@1.0.5: resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==} @@ -4185,6 +4418,12 @@ packages: type-fest: 0.13.1 dev: false + /tslib@2.6.2: + resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==} + requiresBuild: true + dev: false + optional: true + /tunnel-agent@0.6.0: resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==} requiresBuild: true diff --git a/public/home/headerbg.png b/public/home/headerbg.png deleted file mode 100644 index 38df952..0000000 Binary files a/public/home/headerbg.png and /dev/null differ diff --git a/public/home/headerbg.webp b/public/home/headerbg.webp new file mode 100644 index 0000000..bb4cdfb Binary files /dev/null and b/public/home/headerbg.webp differ diff --git a/public/people/emil.png b/public/people/emil.png new file mode 100644 index 0000000..74718d6 Binary files /dev/null and b/public/people/emil.png differ diff --git a/public/testimonial/background.png b/public/testimonial/background.png deleted file mode 100644 index eedc39b..0000000 Binary files a/public/testimonial/background.png and /dev/null differ diff --git a/public/testimonial/background.webp b/public/testimonial/background.webp new file mode 100644 index 0000000..683bdeb Binary files /dev/null and b/public/testimonial/background.webp differ diff --git a/public/testimonial/bitcoin.png b/src/assets/testimonial/bitcoin.png similarity index 100% rename from public/testimonial/bitcoin.png rename to src/assets/testimonial/bitcoin.png diff --git a/public/testimonial/goku.png b/src/assets/testimonial/goku.png similarity index 100% rename from public/testimonial/goku.png rename to src/assets/testimonial/goku.png diff --git a/public/testimonial/person1.png b/src/assets/testimonial/person1.png similarity index 100% rename from public/testimonial/person1.png rename to src/assets/testimonial/person1.png diff --git a/src/components/cohort/Checkerboard.astro b/src/components/cohort/Checkerboard.astro index 628eca1..c4e84cd 100644 --- a/src/components/cohort/Checkerboard.astro +++ b/src/components/cohort/Checkerboard.astro @@ -19,6 +19,7 @@ Cohort Community @@ -29,6 +30,7 @@ Structured Cohort
diff --git a/src/components/cohort/CohortCard.astro b/src/components/cohort/CohortCard.astro index c1346f0..58aef9e 100644 --- a/src/components/cohort/CohortCard.astro +++ b/src/components/cohort/CohortCard.astro @@ -9,7 +9,7 @@ const cardsList = [ { name: "Mastering Bitcoin by Andreas M. ", img: "/website-v2/cohort/masteringBitcoin.png", - desc: "Donec laoreet congue justo at rhoncus. Nam aliquet suscipit feugiat...", + desc: "Donec laoreet congue justo at rhoncus. Nam aliquet suscipit feugiat... am aliquet suscipit feugiat... am aliquet suscipit feugiat... am aliquet suscipit feugiat...", url: "/website-v2/cohorts/lbtcl", }, { @@ -28,38 +28,36 @@ const cardsList = [ ---
{ cardsList.map((card, index) => ( -
-
- -
-

- cohort #0{index + 1} -

-

- {card.name} -

-

{card.desc}

-
- - - +
+ +
+

+ cohort #0{index + 1} +

+

+ {card.name} +

+

{card.desc}

+ + +
)) } diff --git a/src/components/cohort/CollapseList.tsx b/src/components/cohort/CollapseList.tsx index de453a3..bc018ea 100644 --- a/src/components/cohort/CollapseList.tsx +++ b/src/components/cohort/CollapseList.tsx @@ -31,16 +31,16 @@ export const CollapseList = ({ return (
  • + +
  • +
    +
    + ); + })} + + ); +}; + +function Carousel() { + const [currentIndex, setCurrentIndex] = useState(0); + + const prevSlide = () => { + const isFirstSlide = currentIndex === 0; + const newIndex = isFirstSlide + ? slides.length - 1 + : currentIndex - 1; + setCurrentIndex(newIndex); + }; + + const nextSlide = () => { + const isLastSlide = currentIndex === slides.length - 1; + const newIndex = isLastSlide ? 0 : currentIndex + 1; + setCurrentIndex(newIndex); + }; + + const goToSlide = (slideIndex) => { + setCurrentIndex(slideIndex); + }; + + return ( + <> + +
    +

    + {slides[currentIndex].title} +

    +

    + {slides[currentIndex].title} +

    +
    + + +
    +
    + {slides[currentIndex].content} +
    + + + +
    +
    + +
    + +
    +
    + +
    +
    + {slides.map((slide, slideIndex) => ( +
    goToSlide(slideIndex)} + className={`cursor-pointer p-2 text-3xl ${ + currentIndex == slideIndex + ? "" + : "hover:text-4xl" + }`} + > + {currentIndex == slideIndex ? "⚪" : "⚫"} +
    + ))} +
    +
    + + ); +} + +export default Carousel; diff --git a/src/components/common/Carousel.tsx b/src/components/common/Carousel.tsx deleted file mode 100644 index 48aa2d8..0000000 --- a/src/components/common/Carousel.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import { useState } from "react"; - -export type CarouselConfigType = { - img: string; - title: string; - content: string; -}[]; - -const defaultConfig = [ - { - img: "/website-v2/activities/cohort.png", - title: "Bitcoin Study Cohorts", - content: - "You, with fellow learners collectively explore selected texts over several weeks in a structured self-study format. You gain hands-on experience and in-depth insights into Bitcoin’s technical aspects. And also receive certificates to celebrate your wins!", - }, - { - img: "/website-v2/activities/cohort.png", - title: "Bitcoin Deep Dive", - content: - "Here, for you, we decode the technical intricacies of the Bitcoin protocol layer. Deep Dive is a recorded series for you to explore specific technical topics around Bitcoin. Be ready to geek out during your self-study sessions.", - }, - { - img: "/website-v2/activities/cohort.png", - title: "Bitcoin Talk", - content: - "You get to listen to insightful conversations with experienced Bitcoin developers as they share their journeys, provide valuable advice, and offer suggestions for newcomers in the exciting world of Bitcoin development.", - }, - { - img: "/website-v2/activities/cohort.png", - title: "Bitcoin Core Review Club", - content: - "You get hand-on experience into the inner workings of Bitcoin Core and understand how experienced contributors review PRs. You’ll also develop a deeper understanding of Bitcoin’s design principles while sharpening your adversarial-thinking skills.", - }, - { - img: "/website-v2/activities/cohort.png", - title: "Discord Community", - content: - "Come and become a part of our vibrant community of Bitcoin enthusiasts. Here, you can engage in discussions, challenge ideas, and explore Bitcoin opportunities with like-minded peers passionate about shaping the future of decentralized finance.", - }, -]; -const Carousel = ({ - config = defaultConfig, -}: { - config?: CarouselConfigType; -}) => { - const [page, setPage] = useState(4); - return ( -
    -

    - {config[page].title} -

    -
    - -
    -
    {config[page].content}
    - -
    -
    -
    - {config.map((page, index) => { - return ( -
    -
    - ); -}; - -export default Carousel; diff --git a/src/components/common/Footer.astro b/src/components/common/Footer.astro index db7b901..25c4891 100644 --- a/src/components/common/Footer.astro +++ b/src/components/common/Footer.astro @@ -38,12 +38,6 @@ const list2 = [ ]; const list3 = [ - /* - { - name: "Register for Cohort", - link: "", - }, - */ { name: "Bitcoin Study Cohort", link: "/website-v2/cohorts", @@ -56,12 +50,6 @@ const list3 = [ name: "Bitcoin Talks", link: "/website-v2/talks", }, - /* - { - name: " Bitcoin Deep Dive", - link: "", - }, - */ ]; --- @@ -79,7 +67,7 @@ const list3 = [
    Ahh.. I think I'll fit right in
    @@ -94,6 +82,7 @@ const list3 = [ Bitshala Logo
    Copyright © 2023 Bitshala
    @@ -101,7 +90,7 @@ const list3 = [ { list1.map((li) => (
    -
    +
    {li.name}
    @@ -112,7 +101,7 @@ const list3 = [ { list2.map((li) => ( -
    +
    {li.name}
    @@ -123,7 +112,7 @@ const list3 = [ { list3.map((li) => ( -
    +
    {li.name}
    @@ -132,7 +121,7 @@ const list3 = [
    diff --git a/src/components/common/Header.astro b/src/components/common/Header.astro index 36f34f4..c73ec0f 100644 --- a/src/components/common/Header.astro +++ b/src/components/common/Header.astro @@ -1,5 +1,4 @@ --- -import Hamburger from "./hamburger"; export interface Props { heading: string; subheading: string; @@ -24,15 +23,8 @@ const { backgroundRepeat: "no-repeat", backgroundPosition: "center", }} - class="m-auto flex min-h-[90vh] flex-col items-center justify-between gap-12 rounded-lg bg-black px-5 py-[10%] pt-4" + class="m-auto flex min-h-[90vh] flex-col items-center justify-between bg-black px-5 pb-12 pt-32 md:rounded-lg" > -
    - - - - -
    -

    diff --git a/src/components/common/hamburger.tsx b/src/components/common/hamburger.tsx index fe603cb..dab1fd8 100644 --- a/src/components/common/hamburger.tsx +++ b/src/components/common/hamburger.tsx @@ -1,11 +1,17 @@ import { useState } from "react"; import SlidingPane from "react-sliding-pane"; import "./sliding-pane.css"; +import { + FaTwitter, + FaGithub, + FaYoutube, + FaLinkedin, +} from "react-icons/fa"; const Hamburger = () => { const [open, setOpen] = useState(false); const handleClick = () => { - setOpen(true); + setOpen(!open); }; const handleClose = () => { setOpen(false); @@ -14,7 +20,7 @@ const Hamburger = () => { return ( <>

    diff --git a/src/components/talks/VideoCard.astro b/src/components/talks/VideoCard.astro index 126ec6f..f736d41 100644 --- a/src/components/talks/VideoCard.astro +++ b/src/components/talks/VideoCard.astro @@ -10,7 +10,7 @@ const { video } = Astro.props as { href={video.link} target="_blank" > - + {video.title}
    diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index ae0cabb..930efd8 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,4 +1,5 @@ --- +import Hamburger from "../components/common/hamburger"; interface Props { title: string; } @@ -24,33 +25,48 @@ const { title } = Astro.props; {title} - - + +
    + +
    +
    - - + + diff --git a/src/pages/index.astro b/src/pages/index.astro index a2c2392..73f4a1f 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -12,7 +12,7 @@ import Header from "../components/common/Header.astro";
    @@ -39,21 +39,22 @@ import Header from "../components/common/Header.astro"; Join Our Community Check our Study Cohorts
    - - - - - +
    + + + + +