From 7f05400c9ef191f87a6a302ca01a92ff57e6ea8d Mon Sep 17 00:00:00 2001 From: Lavavarshney Date: Wed, 7 Aug 2024 14:48:19 +0530 Subject: [PATCH] Added achievements page --- package-lock.json | 302 +++++++++++++++---- package.json | 6 +- src/App.js | 2 + src/Pages/Achievements/Achievements.jsx | 39 +++ src/Sections/Founder/Founder.jsx | 2 +- src/components/AnimatedCard/AnimatedCard.jsx | 33 ++ src/components/Navbar/Navbar.jsx | 17 +- src/constants/constants.js | 98 +++++- src/index.css | 6 +- tailwind.config.js | 13 +- 10 files changed, 454 insertions(+), 64 deletions(-) create mode 100644 src/Pages/Achievements/Achievements.jsx create mode 100644 src/components/AnimatedCard/AnimatedCard.jsx diff --git a/package-lock.json b/package-lock.json index dfed41e6..0e02fb78 100644 --- a/package-lock.json +++ b/package-lock.json @@ -20,7 +20,7 @@ "@types/three": "^0.149.0", "@vercel/analytics": "^1.1.1", "dotenv": "^16.0.1", - "framer-motion": "^10.0.1", + "framer-motion": "^10.18.0", "hamburger-react": "^2.5.0", "lottie-react": "^2.4.0", "lucide-react": "^0.301.0", @@ -45,6 +45,10 @@ "devDependencies": { "@babel/plugin-proposal-private-property-in-object": "^7.0.0", "autoprefixer": "^10.4.14", + "css-loader": "^7.1.2", + "postcss-loader": "^8.1.1", + "source-map-loader": "^5.0.0", + "style-loader": "^4.0.0", "tailwindcss": "^3.3.0" } }, @@ -6675,28 +6679,39 @@ } }, "node_modules/css-loader": { - "version": "6.8.1", - "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.8.1.tgz", - "integrity": "sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==", + "version": "7.1.2", + "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-7.1.2.tgz", + "integrity": "sha512-6WvYYn7l/XEGN8Xu2vWFt9nVzrCn39vKyTEFf/ExEyoksJjjSZV/0/35XPlMbpnr6VGhZIUg5yJrL8tGfes/FA==", + "dev": true, + "license": "MIT", "dependencies": { "icss-utils": "^5.1.0", - "postcss": "^8.4.21", - "postcss-modules-extract-imports": "^3.0.0", - "postcss-modules-local-by-default": "^4.0.3", - "postcss-modules-scope": "^3.0.0", + "postcss": "^8.4.33", + "postcss-modules-extract-imports": "^3.1.0", + "postcss-modules-local-by-default": "^4.0.5", + "postcss-modules-scope": "^3.2.0", "postcss-modules-values": "^4.0.0", "postcss-value-parser": "^4.2.0", - "semver": "^7.3.8" + "semver": "^7.5.4" }, "engines": { - "node": ">= 12.13.0" + "node": ">= 18.12.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/webpack" }, "peerDependencies": { - "webpack": "^5.0.0" + "@rspack/core": "0.x || 1.x", + "webpack": "^5.27.0" + }, + "peerDependenciesMeta": { + "@rspack/core": { + "optional": true + }, + "webpack": { + "optional": true + } } }, "node_modules/css-mediaquery": { @@ -7524,6 +7539,16 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, + "node_modules/env-paths": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", + "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, "node_modules/error-ex": { "version": "1.3.2", "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", @@ -8821,9 +8846,10 @@ } }, "node_modules/framer-motion": { - "version": "10.16.4", - "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.16.4.tgz", - "integrity": "sha512-p9V9nGomS3m6/CALXqv6nFGMuFOxbWsmaOrdmhyQimMIlLl3LC7h7l86wge/Js/8cRu5ktutS/zlzgR7eBOtFA==", + "version": "10.18.0", + "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.18.0.tgz", + "integrity": "sha512-oGlDh1Q1XqYPksuTD/usb0I70hq95OUzmL9+6Zd+Hs4XV0oaISBa/UUMSjYiq6m8EUF32132mOJ8xVZS+I0S6w==", + "license": "MIT", "dependencies": { "tslib": "^2.4.0" }, @@ -12761,15 +12787,16 @@ } }, "node_modules/nanoid": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", - "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", + "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", "funding": [ { "type": "github", "url": "https://github.com/sponsors/ai" } ], + "license": "MIT", "bin": { "nanoid": "bin/nanoid.cjs" }, @@ -13264,9 +13291,10 @@ "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==" }, "node_modules/picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz", + "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==", + "license": "ISC" }, "node_modules/picomatch": { "version": "2.3.1", @@ -13422,9 +13450,9 @@ } }, "node_modules/postcss": { - "version": "8.4.31", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz", - "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==", + "version": "8.4.41", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz", + "integrity": "sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==", "funding": [ { "type": "opencollective", @@ -13439,10 +13467,11 @@ "url": "https://github.com/sponsors/ai" } ], + "license": "MIT", "dependencies": { - "nanoid": "^3.3.6", - "picocolors": "^1.0.0", - "source-map-js": "^1.0.2" + "nanoid": "^3.3.7", + "picocolors": "^1.0.1", + "source-map-js": "^1.2.0" }, "engines": { "node": "^10 || ^12 || >=14" @@ -13914,24 +13943,82 @@ } }, "node_modules/postcss-loader": { - "version": "6.2.1", - "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-6.2.1.tgz", - "integrity": "sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==", + "version": "8.1.1", + "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.1.1.tgz", + "integrity": "sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==", + "dev": true, + "license": "MIT", "dependencies": { - "cosmiconfig": "^7.0.0", - "klona": "^2.0.5", - "semver": "^7.3.5" + "cosmiconfig": "^9.0.0", + "jiti": "^1.20.0", + "semver": "^7.5.4" }, "engines": { - "node": ">= 12.13.0" + "node": ">= 18.12.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/webpack" }, "peerDependencies": { + "@rspack/core": "0.x || 1.x", "postcss": "^7.0.0 || ^8.0.1", "webpack": "^5.0.0" + }, + "peerDependenciesMeta": { + "@rspack/core": { + "optional": true + }, + "webpack": { + "optional": true + } + } + }, + "node_modules/postcss-loader/node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true, + "license": "Python-2.0" + }, + "node_modules/postcss-loader/node_modules/cosmiconfig": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz", + "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==", + "dev": true, + "license": "MIT", + "dependencies": { + "env-paths": "^2.2.1", + "import-fresh": "^3.3.0", + "js-yaml": "^4.1.0", + "parse-json": "^5.2.0" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/d-fischer" + }, + "peerDependencies": { + "typescript": ">=4.9.5" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/postcss-loader/node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "dev": true, + "license": "MIT", + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" } }, "node_modules/postcss-logical": { @@ -14049,9 +14136,10 @@ } }, "node_modules/postcss-modules-extract-imports": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz", - "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz", + "integrity": "sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==", + "license": "ISC", "engines": { "node": "^10 || ^12 || >= 14" }, @@ -14060,9 +14148,10 @@ } }, "node_modules/postcss-modules-local-by-default": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz", - "integrity": "sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==", + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.5.tgz", + "integrity": "sha512-6MieY7sIfTK0hYfafw1OMEG+2bg8Q1ocHCpoWLqOKj3JXlKu4G7btkmM/B7lFubYkYWmRSPLZi5chid63ZaZYw==", + "license": "MIT", "dependencies": { "icss-utils": "^5.0.0", "postcss-selector-parser": "^6.0.2", @@ -14076,9 +14165,10 @@ } }, "node_modules/postcss-modules-scope": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz", - "integrity": "sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.2.0.tgz", + "integrity": "sha512-oq+g1ssrsZOsx9M96c5w8laRmvEu9C3adDSjI8oTcbfkrTE8hx/zfyobUoWIxaKPO8bt6S62kxpw5GqypEw1QQ==", + "license": "ISC", "dependencies": { "postcss-selector-parser": "^6.0.4" }, @@ -15183,6 +15273,41 @@ } } }, + "node_modules/react-scripts/node_modules/css-loader": { + "version": "6.11.0", + "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.11.0.tgz", + "integrity": "sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==", + "license": "MIT", + "dependencies": { + "icss-utils": "^5.1.0", + "postcss": "^8.4.33", + "postcss-modules-extract-imports": "^3.1.0", + "postcss-modules-local-by-default": "^4.0.5", + "postcss-modules-scope": "^3.2.0", + "postcss-modules-values": "^4.0.0", + "postcss-value-parser": "^4.2.0", + "semver": "^7.5.4" + }, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "@rspack/core": "0.x || 1.x", + "webpack": "^5.0.0" + }, + "peerDependenciesMeta": { + "@rspack/core": { + "optional": true + }, + "webpack": { + "optional": true + } + } + }, "node_modules/react-scripts/node_modules/dotenv": { "version": "10.0.0", "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-10.0.0.tgz", @@ -15191,6 +15316,65 @@ "node": ">=10" } }, + "node_modules/react-scripts/node_modules/postcss-loader": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-6.2.1.tgz", + "integrity": "sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==", + "license": "MIT", + "dependencies": { + "cosmiconfig": "^7.0.0", + "klona": "^2.0.5", + "semver": "^7.3.5" + }, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "postcss": "^7.0.0 || ^8.0.1", + "webpack": "^5.0.0" + } + }, + "node_modules/react-scripts/node_modules/source-map-loader": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-3.0.2.tgz", + "integrity": "sha512-BokxPoLjyl3iOrgkWaakaxqnelAJSS+0V+De0kKIq6lyWrXuiPgYTGp6z3iHmqljKAaLXwZa+ctD8GccRJeVvg==", + "license": "MIT", + "dependencies": { + "abab": "^2.0.5", + "iconv-lite": "^0.6.3", + "source-map-js": "^1.0.1" + }, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.0.0" + } + }, + "node_modules/react-scripts/node_modules/style-loader": { + "version": "3.3.4", + "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz", + "integrity": "sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==", + "license": "MIT", + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.0.0" + } + }, "node_modules/react-scroll-trigger": { "version": "0.6.14", "resolved": "https://registry.npmjs.org/react-scroll-trigger/-/react-scroll-trigger-0.6.14.tgz", @@ -16150,31 +16334,33 @@ } }, "node_modules/source-map-js": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", - "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz", + "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==", + "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" } }, "node_modules/source-map-loader": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-3.0.2.tgz", - "integrity": "sha512-BokxPoLjyl3iOrgkWaakaxqnelAJSS+0V+De0kKIq6lyWrXuiPgYTGp6z3iHmqljKAaLXwZa+ctD8GccRJeVvg==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-5.0.0.tgz", + "integrity": "sha512-k2Dur7CbSLcAH73sBcIkV5xjPV4SzqO1NJ7+XaQl8if3VODDUj3FNchNGpqgJSKbvUfJuhVdv8K2Eu8/TNl2eA==", + "dev": true, + "license": "MIT", "dependencies": { - "abab": "^2.0.5", "iconv-lite": "^0.6.3", - "source-map-js": "^1.0.1" + "source-map-js": "^1.0.2" }, "engines": { - "node": ">= 12.13.0" + "node": ">= 18.12.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/webpack" }, "peerDependencies": { - "webpack": "^5.0.0" + "webpack": "^5.72.1" } }, "node_modules/source-map-support": { @@ -16565,18 +16751,20 @@ } }, "node_modules/style-loader": { - "version": "3.3.3", - "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.3.tgz", - "integrity": "sha512-53BiGLXAcll9maCYtZi2RCQZKa8NQQai5C4horqKyRmHj9H7QmcUyucrH+4KW/gBQbXM2AsB0axoEcFZPlfPcw==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-4.0.0.tgz", + "integrity": "sha512-1V4WqhhZZgjVAVJyt7TdDPZoPBPNHbekX4fWnCJL1yQukhCeZhJySUL+gL9y6sNdN95uEOS83Y55SqHcP7MzLA==", + "dev": true, + "license": "MIT", "engines": { - "node": ">= 12.13.0" + "node": ">= 18.12.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/webpack" }, "peerDependencies": { - "webpack": "^5.0.0" + "webpack": "^5.27.0" } }, "node_modules/styled-components": { diff --git a/package.json b/package.json index 85141b3a..9e97035f 100644 --- a/package.json +++ b/package.json @@ -15,7 +15,7 @@ "@types/three": "^0.149.0", "@vercel/analytics": "^1.1.1", "dotenv": "^16.0.1", - "framer-motion": "^10.0.1", + "framer-motion": "^10.18.0", "hamburger-react": "^2.5.0", "lottie-react": "^2.4.0", "lucide-react": "^0.301.0", @@ -64,6 +64,10 @@ "devDependencies": { "@babel/plugin-proposal-private-property-in-object": "^7.0.0", "autoprefixer": "^10.4.14", + "css-loader": "^7.1.2", + "postcss-loader": "^8.1.1", + "source-map-loader": "^5.0.0", + "style-loader": "^4.0.0", "tailwindcss": "^3.3.0" } } diff --git a/src/App.js b/src/App.js index 02c3a50c..702f328f 100644 --- a/src/App.js +++ b/src/App.js @@ -1,6 +1,7 @@ import { BrowserRouter, Route, Routes } from "react-router-dom"; import styled from "styled-components"; import AllEvents from "./Pages/AllEvents/AllEvents"; +import Achievements from "./Pages/Achievements/Achievements"; import { Web } from "./Pages/AllResources/Web"; import { HTML } from "./Pages/AllResources/webALL/html"; import { Github } from "./Pages/AllResources/webALL/github"; @@ -118,6 +119,7 @@ function App() { } /> } /> + } /> } /> } /> } /> diff --git a/src/Pages/Achievements/Achievements.jsx b/src/Pages/Achievements/Achievements.jsx new file mode 100644 index 00000000..07c003d8 --- /dev/null +++ b/src/Pages/Achievements/Achievements.jsx @@ -0,0 +1,39 @@ +import React from 'react'; +import AnimatedCard from '../../components/AnimatedCard/AnimatedCard'; +import { achievements } from "../../constants/constants"; + +const Achievements = () => { + return ( +
+ +

+ OUR ACHIEVERS +

+ +
+ {achievements.map((event, index) => ( +
+
+ +
+
+ ))} +
+
+ ); +}; + +export default Achievements; diff --git a/src/Sections/Founder/Founder.jsx b/src/Sections/Founder/Founder.jsx index 2d2b6de8..89902a7d 100644 --- a/src/Sections/Founder/Founder.jsx +++ b/src/Sections/Founder/Founder.jsx @@ -97,7 +97,7 @@ const Founder = () => { Looking ahead, we are excited to continue expanding our reach and impact. We are exploring new initiatives, enhancing our existing programs, and constantly seeking ways to better serve our community members. Your feedback and participation are invaluable to us, and I encourage you to stay engaged, share your ideas, and help us shape the future of the nameSpace Community. Thank you for being an integral part of this journey. Together, we will continue to learn, grow, and make a difference in the tech world.

- ~ Pradeepto Sarkar + ~ Pradeepto Sarkar diff --git a/src/components/AnimatedCard/AnimatedCard.jsx b/src/components/AnimatedCard/AnimatedCard.jsx new file mode 100644 index 00000000..5e1777c6 --- /dev/null +++ b/src/components/AnimatedCard/AnimatedCard.jsx @@ -0,0 +1,33 @@ +import React from 'react'; +import { motion } from 'framer-motion'; + +const AnimatedCard = ({ img, title, date, description, imageAlignment }) => { + return ( + + {/* Image */} + {img && ( +
+ {title} +
+ )} + + {/* Content */} +
+

{title}

+

{date}

+
+
+ + ); +}; + +export default AnimatedCard; diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx index 4c040e36..088a6ac0 100644 --- a/src/components/Navbar/Navbar.jsx +++ b/src/components/Navbar/Navbar.jsx @@ -208,6 +208,18 @@ function Navbar() { )}
+ + +
+ Achievements + {activeNavLink === "/achievements" && ( +
+ )} +
+ @@ -343,7 +356,7 @@ function Navbar() { Programs Team Resources - + Blog TechXcelerate diff --git a/src/constants/constants.js b/src/constants/constants.js index 2c94ffb7..0be391ac 100644 --- a/src/constants/constants.js +++ b/src/constants/constants.js @@ -1144,4 +1144,100 @@ export const allmembers = [ instagram: "null", twitter: "https://twitter.com/__vxibhxv", }, -]; \ No newline at end of file +]; +export const achievements = [ + {img: "https://res.cloudinary.com/df5hitkbj/image/upload/v1693141355/WhatsApp_Image_2023-08-27_at_18.31.44_bcdpq4.jpg", + name: "Pradeepto Sarkar", + batch: "2020-24", + achievements: ` +
    +
  • Technical Program Associate @ Major League Hacking
    • +
  • MLH SWE Fellow Fall ‘23
    • +
  • 2x GSoC Accepted
    • +
  • Harvard Aspire Global Semis
    • +
  • 4* Codechef
    • +
  • Specialist CodeForces
    • +
+
+ ` + }, + { + img:"https://user-images.githubusercontent.com/75252077/236657010-53641de3-591f-4a61-87c6-c94d2209d52f.jpg", + name: "Kartik Sharma", + batch: "2020-24", + achievements: ` +
    +
  • SDE @ Physics Wallah
    • +
  • 5* Codechef
    • +
  • Expert CodeForces
    • +
+
+ ` + }, + { + img:"https://user-images.githubusercontent.com/75252077/236658748-0dd5a22a-52eb-471c-8662-36efa310a38e.jpg", + name: "Vaibhav Goyal", + batch: "2021-25", + achievements: ` +
    +
  • ICPC Regionalist 2023-24
    • +
  • Expert @ Codeforces
    • +
  • 5* Codechef
    • +
  • Ex- VP @ The nameSpace Community
    • +
+
+ ` + }, + { + name: "Rishi", + batch: "2021-25", + achievements: ` +
    +
  • ICPC Regionalist 2023-24
    • +
  • Expert @ Codeforces
    • +
  • [Dont know] Codechef
    • +
  • Ex- JC @ The nameSpace Community
    • +
+
+ ` + }, + { + name: "Jaskirat Singh", + batch: "2021-25", + achievements: ` +
    +
  • MITACS GRI’24
    • +
  • Blockchain Educator @ Decentraclasses
    • +
  • Building OpinioNect
    • +
  • Hackathon Aficionado
    • +
+
+ ` + }, + { + img:"https://res.cloudinary.com/df5hitkbj/image/upload/v1693238094/shivank_hglloc.jpg", + name: "Shivank Kapur", + batch: "2022-26", + achievements: ` +
    +
  • Developer Relations Intern @ Router Protocol
    • +
  • Web3 & Blockchain Head @ The nameSpace Community
    • +
  • Ex- DogeCapital, Ex-PushProtocol
    • +
+
+ ` + }, + { + name: "Ankur Sharma", + batch: "2022-26", + achievements: ` +
    +
  • Security intern @ Delhi Police
    • +
  • Security intern @ Gurugram Police
    • +
  • 2nd @ Hackathon Reckon 5.0
    • +
  • 3rd @ Hackathon HackHaxards
    • +
+ + ` + } +]; diff --git a/src/index.css b/src/index.css index 37926ea7..d750c6bc 100644 --- a/src/index.css +++ b/src/index.css @@ -79,4 +79,8 @@ body { .no-scrollbar::-webkit-scrollbar { display: none; -} \ No newline at end of file +} +.hover\:shadow-glow-white:hover { + box-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.5), 0 0 30px rgba(255, 255, 255, 0.5), 0 0 40px rgba(255, 255, 255, 0.5); + transition: box-shadow 0.3s ease-in-out; +} diff --git a/tailwind.config.js b/tailwind.config.js index 78be5258..af29ad8f 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -4,7 +4,7 @@ module.exports = { "./app/**/*.{js,jsx}", "./pages/**/*.{js,jsx}", "./components/**/*.{js,jsx}", - + // Or if using `src` directory: "./src/**/*.{js,jsx}", ], @@ -20,6 +20,11 @@ module.exports = { }, boxShadow: { card: "0px 35px 120px -15px #211e35", + // 'glow-blue': '0 0 10px rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 255, 0.5), 0 0 30px rgba(0, 0, 255, 0.5), 0 0 40px rgba(0, 0, 255, 0.5)', // custom shadow + + + + }, fontFamily :{ Inter : ['Inter', 'sans-serif'], @@ -30,6 +35,12 @@ module.exports = { }, }, + variants: { + extend: { + boxShadow: ['hover'], // ensure hover variant is enabled for boxShadow + transform: ['hover'], // ensure hover variant is enabled for transform + }, }, plugins: [], +} } \ No newline at end of file