Skip to content

Commit

Permalink
fix: activities card design improvd and card broke fixed"
Browse files Browse the repository at this point in the history 
activities card design improvd and card broke fixed
  • Loading branch information
@devvsakib
devvsakib committed Jan 17, 2023
1 parent a663419 commit 12c1ce7
Show file tree
Hide file tree
Showing 2 changed files with 47 additions and 45 deletions.
52 changes: 27 additions & 25 deletions src/components/GetActivities.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,37 +6,39 @@ const events = eventList.events
const styles = "transition-all ease-in cursor-pointer"

const GetActivities = () => (
<div className="flex flex-col items-center">
<Title heading="Activities" />
<section className="flex w-full flex-wrap items-center justify-center p-4 sm:p-10">
{events.map((event, idx) => {
return (
event.isActive && (
<div key={idx} className='hov-bg-theme m-5 h-[500px] rounded-xl bg-[#f1f5f9] p-5 text-black shadow-md relative transition-all ease-out xl:w-[380px]'>
<div>
<h2 className="title mt-5 text-2xl">{event.name}</h2>
<p className="text-md text-right text-[16px] font-light">By {event.organizer}</p>
<h4 className="text-xl font-semibold">{event.date}</h4>
<img src={event?.image} alt={event.name} className='max-h-[20rem] rounded-md object-contain my-4' />
<div className="flex flex-col items-center">
<Title heading="Activities" />
<section className="flex w-full flex-wrap items-center justify-center p-4 sm:p-10">
{events.map((event, idx) => {
return (
event.isActive && (
<div key={idx} className='hov-bg-theme m-5 h-auto rounded-xl bg-[#f1f5f9] p-5 text-black shadow-md relative transition-all ease-out xl:w-[380px]'>
<div>
<h2 className="title mt-5 text-2xl">{event.name}</h2>
<div className="flex justify-between flex-col sm:flex-row items-start sm:items-center w-full">
<p className="text-md text-right text-[14px] text-gray-600">By {event.organizer}</p>
<h6 className="text-sm">{event.date}</h6>
</div>
<img src={event?.image} alt={event.name} className='w-full mb-4 rounded-md object-contain my-4' />

<div className="flex justify-between text-2xl absolute bottom-1 w-[90%]">
<a href={event.link} target='_blank' className="bg-theme my-4 flex h-14 w-full items-center justify-center bg-[#70b7e6] text-4xl text-white" rel="noreferrer">
{event.venue === "Twitter"
? (
<div className="flex justify-between text-2xl bottom-1 w-[100%]">
<a href={event.link} target='_blank' className="bg-theme my-4 rounded-md flex h-14 w-full items-center justify-center bg-[#70b7e6] text-4xl text-white" rel="noreferrer">
{event.venue === "Twitter"
? (
<FaTwitter className={styles} />
)
: (
)
: (
<FaDiscord className={styles} />
)}
</a>
</div>
)}
</a>
</div>
</div>
)
</div>
)
})}
</section>
</div>
)
})}
</section>
</div>
)

export default GetActivities
40 changes: 20 additions & 20 deletions yarn.lock
View file
Original file line number Diff line number Diff line change
Expand Up @@ -579,7 +579,7 @@
dependencies:
"@octokit/types" "^8.0.0"

"@octokit/core@^4.1.0", "@octokit/core@>=3", "@octokit/core@>=4":
"@octokit/core@^4.1.0":
version "4.1.0"
resolved "https://registry.npmjs.org/@octokit/core/-/core-4.1.0.tgz"
integrity sha512-Czz/59VefU+kKDy+ZfDwtOIYIkFjExOKf+HA92aiTZJ6EfWpFzYQWw0l54ji8bVmyhc+mGaLUbSUmXazG7z5OQ==
Expand Down Expand Up @@ -936,7 +936,7 @@
resolved "https://registry.npmjs.org/@types/semver/-/semver-7.3.13.tgz"
integrity sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==

"@typescript-eslint/eslint-plugin@^5.0.0", "@typescript-eslint/eslint-plugin@^5.48.0":
"@typescript-eslint/eslint-plugin@^5.48.0":
version "5.48.0"
resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.48.0.tgz"
integrity sha512-SVLafp0NXpoJY7ut6VFVUU9I+YeFsDzeQwtK0WZ+xbRN3mtxJ08je+6Oi2N89qDn087COdO0u3blKZNv9VetRQ==
Expand Down Expand Up @@ -1048,16 +1048,16 @@ acorn-walk@^8.1.1:
resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz"
integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==

"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^8.4.1, acorn@^8.8.0:
version "8.8.1"
resolved "https://registry.npmjs.org/acorn/-/acorn-8.8.1.tgz"
integrity sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==

acorn@^7.0.0:
version "7.4.1"
resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz"
integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==

acorn@^8.4.1, acorn@^8.8.0:
version "8.8.1"
resolved "https://registry.npmjs.org/acorn/-/acorn-8.8.1.tgz"
integrity sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==

agent-base@^6.0.2, agent-base@6:
version "6.0.2"
resolved "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz"
Expand Down Expand Up @@ -1517,7 +1517,7 @@ braces@^3.0.2, braces@~3.0.2:
dependencies:
fill-range "^7.0.1"

browserslist@^4.21.4, "browserslist@>= 4.21.0":
browserslist@^4.21.4:
version "4.21.4"
resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz"
integrity sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==
Expand Down Expand Up @@ -2040,7 +2040,7 @@ cosmiconfig@^7.0.0:
path-type "^4.0.0"
yaml "^1.10.0"

cosmiconfig@^8.0.0, cosmiconfig@>=7:
cosmiconfig@^8.0.0:
version "8.0.0"
resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.0.0.tgz"
integrity sha512-da1EafcpH6b/TD8vDRaWV7xFINlHlF6zKsGwS1TsuVJTZRkquaS5HTMq7uq6h31619QjbsYl21gVDOm32KM1vQ==
Expand Down Expand Up @@ -2838,7 +2838,7 @@ eslint-plugin-filenames@^1.3.2:
lodash.snakecase "4.1.1"
lodash.upperfirst "4.3.1"

eslint-plugin-import@*, eslint-plugin-import@^2.25.2, eslint-plugin-import@^2.26.0:
eslint-plugin-import@^2.26.0:
version "2.26.0"
resolved "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.26.0.tgz"
integrity sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==
Expand Down Expand Up @@ -2994,7 +2994,7 @@ eslint-visitor-keys@^3.3.0:
resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz"
integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==

eslint@*, "eslint@^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8", "eslint@^3 || ^4 || ^5 || ^6 || ^7 || ^8", "eslint@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0", "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^7.0.0 || ^8.0.0", "eslint@^7.23.0 || ^8.0.0", eslint@^8.0.1, eslint@^8.31.0, "eslint@>= 3.2.1", eslint@>=4.19.1, eslint@>=5, eslint@>=5.0.0, eslint@>=6.7.0, eslint@>=7.0.0:
eslint@^8.0.1, eslint@^8.31.0:
version "8.31.0"
resolved "https://registry.npmjs.org/eslint/-/eslint-8.31.0.tgz"
integrity sha512-0tQQEVdmPZ1UtUKXjX7EMm9BlgJ08G90IhWh0PKDCb3ZLsgAOHI8fYSIzYVZej92zsgq+ft0FGsxhJ3xo2tbuA==
Expand Down Expand Up @@ -4909,7 +4909,7 @@ marked-terminal@^5.0.0:
node-emoji "^1.11.0"
supports-hyperlinks "^2.2.0"

"marked@^1.0.0 || ^2.0.0 || ^3.0.0 || ^4.0.0", marked@^4.0.10:
marked@^4.0.10:
version "4.2.5"
resolved "https://registry.npmjs.org/marked/-/marked-4.2.5.tgz"
integrity sha512-jPueVhumq7idETHkb203WDD4fMA3yV9emQ5vLwop58lu8bTclMghBWcYAavlDqIEMaisADinV1TooIFCfqOsYQ==
Expand Down Expand Up @@ -5191,7 +5191,7 @@ next-seo@^5.15.0:
resolved "https://registry.npmjs.org/next-seo/-/next-seo-5.15.0.tgz"
integrity sha512-LGbcY91yDKGMb7YI+28n3g+RuChUkt6pXNpa8FkfKkEmNiJkeRDEXTnnjVtwT9FmMhG6NH8qwHTelGrlYm9rgg==

next@^13.1.1, "next@^8.1.1-canary.54 || >=9.0.0":
next@^13.1.1:
version "13.1.1"
resolved "https://registry.npmjs.org/next/-/next-13.1.1.tgz"
integrity sha512-R5eBAaIa3X7LJeYvv1bMdGnAVF4fVToEjim7MkflceFPuANY3YyvFxXee/A+acrSYwYPvOvf7f6v/BM/48ea5w==
Expand Down Expand Up @@ -6042,7 +6042,7 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==

postcss@^8.0.0, postcss@^8.1.0, postcss@^8.2.14, postcss@^8.3.3, postcss@^8.4.18, postcss@^8.4.20, postcss@^8.4.4, postcss@>=8.0.9:
postcss@^8.4.18, postcss@^8.4.20, postcss@^8.4.4:
version "8.4.20"
resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.20.tgz"
integrity sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==
Expand Down Expand Up @@ -6237,7 +6237,7 @@ rc@^1.2.7, rc@^1.2.8, rc@1.2.8:
minimist "^1.2.0"
strip-json-comments "~2.0.1"

react-dom@^18.0.0, react-dom@^18.2.0, react-dom@>=16, react-dom@>=16.0.0:
react-dom@^18.2.0:
version "18.2.0"
resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz"
integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
Expand Down Expand Up @@ -6267,7 +6267,7 @@ react-toastify@^9.1.1:
dependencies:
clsx "^1.1.1"

react@*, "react@^16.7.0 || ^17.0.0 || ^18.0.0", react@^18.0.0, react@^18.2.0, "react@>= 16.8.0 || 17.x.x || ^18.0.0-0", react@>=16, react@>=16.0.0, react@>=16.8.0:
react@^18.2.0:
version "18.2.0"
resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
Expand Down Expand Up @@ -6631,7 +6631,7 @@ seek-bzip@^1.0.5:
dependencies:
commander "^2.8.1"

semantic-release@^19.0.5, semantic-release@>=18.0.0, semantic-release@>=18.0.0-beta.1, semantic-release@>=19.0.0:
semantic-release@^19.0.5:
version "19.0.5"
resolved "https://registry.npmjs.org/semantic-release/-/semantic-release-19.0.5.tgz"
integrity sha512-NMPKdfpXTnPn49FDogMBi36SiBfXkSOJqCkk0E4iWOY1tusvvgBwqUmxTX1kmlT6kIYed9YwNKD1sfPpqa5yaA==
Expand Down Expand Up @@ -7188,7 +7188,7 @@ synckit@^0.8.4:
"@pkgr/utils" "^2.3.1"
tslib "^2.4.0"

tailwindcss@^3.2.2, tailwindcss@^3.2.4, "tailwindcss@>=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1", "tailwindcss@>=3.0.0 || insiders":
tailwindcss@^3.2.2, tailwindcss@^3.2.4:
version "3.2.4"
resolved "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.4.tgz"
integrity sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==
Expand Down Expand Up @@ -7421,7 +7421,7 @@ trim-repeated@^1.0.0:
dependencies:
escape-string-regexp "^1.0.2"

ts-node@^10.8.1, ts-node@>=10, ts-node@>=9.0.0:
ts-node@^10.8.1:
version "10.9.1"
resolved "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz"
integrity sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==
Expand Down Expand Up @@ -7530,7 +7530,7 @@ typed-array-length@^1.0.4:
for-each "^0.3.3"
is-typed-array "^1.1.9"

typescript@*, typescript@^4.6.4, typescript@^4.9.4, typescript@>=2.7, "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta", typescript@>=3, typescript@>=3.3.1:
typescript@^4.6.4, typescript@^4.9.4:
version "4.9.4"
resolved "https://registry.npmjs.org/typescript/-/typescript-4.9.4.tgz"
integrity sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==
Expand Down

0 comments on commit 12c1ce7

Please sign in to comment.