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() {
<Route path="/">
<Route index element={<Hero />} />
<Route path="team" element={<AllTeams />} />
+ <Route path="achievements" element={<Achievements />} />
<Route path="events" element={<AllEvents />} />
<Route path="programs" element={<Programs />} />
<Route path="projects" element={<Projects />} />
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 (
+ <div className="bg-blue-1000 text-white min-h-screen p-8">
+
+ <h2 className="text-3xl font-bold leading-tight text-transparent bg-clip-text bg-gradient-to-r from-teal-400 to-yellow-200 sm:text-4xl lg:text-5xl mt-16 items-center text-center">
+ OUR ACHIEVERS
+ </h2>
+
+ <div className="flex flex-wrap justify-center">
+ {achievements.map((event, index) => (
+ <div
+ key={index}
+ className="w-full md:w-1/2 p-4 flex justify-center"
+ >
+ <div
+ className={`w-full max-w-2xl ${
+ index % 2 === 0 ? 'text-left' : 'text-right'
+ }`}
+ >
+ <AnimatedCard
+ img={event.img}
+ title={event.name}
+ date={event.batch}
+ description={event.achievements}
+ imageAlignment={index % 2 === 0 ? 'flex-row-reverse' : 'flex-row'}
+ />
+ </div>
+ </div>
+ ))}
+ </div>
+ </div>
+ );
+};
+
+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.
<br />
<br />
- ~ <a href="https://pradeeptosarkar.netlify.app/" target="_blank" style={{ color: 'lightblue', textDecoration: 'underline', fontSize: '18px' }}>Pradeepto Sarkar</a>
+ ~ <a href="https://pradeeptosarkar.netlify.app/" target="_blank" without rel="noreferrer" style={{ color: 'lightblue', textDecoration: 'underline', fontSize: '18px' }}>Pradeepto Sarkar</a>
</Desc>
</Left>
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 (
+ <motion.div
+ className={`bg-blue-900 shadow-card rounded-lg p-6 my-4 w-full min-h-[400px] flex flex-col items-center text-center transition duration-300 ease-in-out transform hover:scale-105 hover:shadow-glow-white`}
+ style={{ width: '600px', height: '85%' }}
+ initial={{ opacity: 0, y: -50 }}
+ animate={{ opacity: 1, y: 0 }}
+ transition={{ duration: 0.9 }}
+ >
+ {/* Image */}
+ {img && (
+ <div>
+ <img src={img} alt={title} className="w-32 h-36 object-cover rounded-full mx-auto" />
+ </div>
+ )}
+
+ {/* Content */}
+ <div className="flex-grow flex flex-col justify-between">
+ <h3 className="text-center text-4xl font-semibold mt-4 text-white">{title}</h3>
+ <p className="text-center text-lg text-gray-400">{date}</p>
+ <div
+ className="text-center text-white mt-4 text-xl"
+ dangerouslySetInnerHTML={{ __html: description }}
+ />
+ </div>
+ </motion.div>
+ );
+};
+
+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() {
)}
</div>
</NavbarLink>
+
+ <NavbarLink
+ to="/achievements"
+ className={activeNavLink === "/achievements" ? "active" : ""}
+ >
+ <div>
+ Achievements
+ {activeNavLink === "/achievements" && (
+ <hr className="border-3 rounded-full" />
+ )}
+ </div>
+ </NavbarLink>
<NavbarLink
to="#"
className={activeNavLink === "/events" ? "active" : ""}
@@ -260,7 +272,7 @@ function Navbar() {
</NavbarLink>
<NavbarLink
to="http://blog.namespacecomm.in/"
- target="_blank"
+ target="_blank" without rel="noreferrer"
className={
activeNavLink === "/http://blog.namespacecomm.in/"
? "active"
@@ -324,6 +336,7 @@ function Navbar() {
<a
href="https://linktr.ee/namespacecomm"
target="_blank"
+ without rel="noreferrer"
className="w-full"
>
<Button className="w-full">Connect with us</Button>
@@ -343,7 +356,7 @@ function Navbar() {
<NavbarLinkExtended to="/programs">Programs</NavbarLinkExtended>
<NavbarLinkExtended to="/team">Team</NavbarLinkExtended>
<NavbarLinkExtended to="/resources">Resources</NavbarLinkExtended>
- <NavbarLinkExtended to="http://blog.nsccbpit.tech/" target="_blank">
+ <NavbarLinkExtended to="http://blog.nsccbpit.tech/" target="_blank" without rel="noreferrer" >
Blog
</NavbarLinkExtended>
<NavbarLinkExtended to="/techx">TechXcelerate</NavbarLinkExtended>
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: `
+ <ul>
+ <li>Technical Program Associate @ Major League Hacking</li>
+ <li>MLH SWE Fellow Fall ‘23</li>
+ <li>2x GSoC Accepted</li>
+ <li>Harvard Aspire Global Semis</li>
+ <li>4* Codechef</li>
+ <li>Specialist CodeForces</li>
+ </ul>
+ <br />
+ `
+ },
+ {
+ img:"https://user-images.githubusercontent.com/75252077/236657010-53641de3-591f-4a61-87c6-c94d2209d52f.jpg",
+ name: "Kartik Sharma",
+ batch: "2020-24",
+ achievements: `
+ <ul>
+ <li>SDE @ Physics Wallah</li>
+ <li>5* Codechef</li>
+ <li>Expert CodeForces</li>
+ </ul>
+ <br />
+ `
+ },
+ {
+ img:"https://user-images.githubusercontent.com/75252077/236658748-0dd5a22a-52eb-471c-8662-36efa310a38e.jpg",
+ name: "Vaibhav Goyal",
+ batch: "2021-25",
+ achievements: `
+ <ul>
+ <li>ICPC Regionalist 2023-24</li>
+ <li>Expert @ Codeforces</li>
+ <li>5* Codechef</li>
+ <li>Ex- VP @ The nameSpace Community</li>
+ </ul>
+ <br />
+ `
+ },
+ {
+ name: "Rishi",
+ batch: "2021-25",
+ achievements: `
+ <ul>
+ <li>ICPC Regionalist 2023-24</li>
+ <li>Expert @ Codeforces</li>
+ <li>[Dont know] Codechef</li>
+ <li>Ex- JC @ The nameSpace Community</li>
+ </ul>
+ <br />
+ `
+ },
+ {
+ name: "Jaskirat Singh",
+ batch: "2021-25",
+ achievements: `
+ <ul>
+ <li>MITACS GRI’24</li>
+ <li>Blockchain Educator @ Decentraclasses</li>
+ <li>Building OpinioNect</li>
+ <li>Hackathon Aficionado</li>
+ </ul>
+ <br />
+ `
+ },
+ {
+ img:"https://res.cloudinary.com/df5hitkbj/image/upload/v1693238094/shivank_hglloc.jpg",
+ name: "Shivank Kapur",
+ batch: "2022-26",
+ achievements: `
+ <ul>
+ <li>Developer Relations Intern @ Router Protocol</li>
+ <li>Web3 & Blockchain Head @ The nameSpace Community</li>
+ <li>Ex- DogeCapital, Ex-PushProtocol</li>
+ </ul>
+ <br />
+ `
+ },
+ {
+ name: "Ankur Sharma",
+ batch: "2022-26",
+ achievements: `
+ <ul>
+ <li>Security intern @ Delhi Police</li>
+ <li>Security intern @ Gurugram Police</li>
+ <li>2nd @ Hackathon Reckon 5.0</li>
+ <li>3rd @ Hackathon HackHaxards</li>
+ </ul>
+
+ `
+ }
+];
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