Organizations Section

[TeeWrath]

• [ ] Find a better way to depict orgs in Orgs Section
• [ ] Add hover effect on orgs
• [ ] cursor pointer on hover
• [ ] Work on responsiveness
• [ ] add animations

[rajanarahul93]

I want to take on the task of improving the Orgs Section in the project. Here's the plan:

1. Depict Orgs Better:

   • Use logos or images for organizations.
   • Add a background image or color for visual appeal.

2. Hover Effect and Cursor Pointer:

   • Implement a hover effect with a change in background color.
   • Set the cursor to a pointer on hover for a more interactive feel.

3. Work on Responsiveness:

   • Apply media queries to ensure a seamless experience on various devices.
   • Adjust the layout for smaller screens.

4. Add Animations:

   • Use the AOS library for fade-up animations on organization elements.

I am looking forward to contributing to these improvements!

[nandita27iitp]

I would like to work on the given task. I have done most of these earlier, so I have the required experience. Please consider me assigning. Here is the basic overview:

1. Revamp Orgs Section:

   • I would like to implement a grid system, organize organizations in a grid layout to provide a visually appealing and structured view.
   • I will add the required organization logos and links for cleaner and more professional appearance.
   • I can also create a separate page to add information about that organization and links to reach out.

2. Hover Effects:

   • I will add hover effects on the organization logos to provide visual feedback and also set the cursor to change to a pointer on hover, indicating interactivity.

3. Responsiveness:

   • Test the website on various devices and screen sizes to identify areas that need improvement.
   • Apply responsive design techniques using CSS media queries to ensure a seamless user experience across devices.
   • Ensure compatibility with major browsers to guarantee a consistent experience for all users.

4. Animations:

   • Incorporate smooth and subtle animations using CSS or JavaScript to add a dynamic element to the website.
   • Ensure that animations do not negatively impact page loading times or user experience, especially on slower connections.

5. Documentation:

   • Update the project documentation to reflect the changes made to the website.
   • Establish a style guide for future development to maintain consistency in design and functionality.

[Tymnspayce]

Just added some enhanced animations and many more things.

https://github.com/The-MindSpace/MindSpace-Web/assets/138722584/9c6d185b-5601-4aa8-a626-30115b803d99

[Y-ash-h]

Hi @TeeWrath ! I'm interested in fixing this issue. Please assign this issue to me.

[TeeWrath]

@nandita27iitp @rajanarahul93 Can you please provide a visual depiction of your idea ?

[TeeWrath]

@rajanarahul93 @nandita27iitp will assign the issue. Give a visual depiction of your respective ideas please.

[rajanarahul93]

@TeeWrath

In bringing my vision to life for the enhanced Orgs Section, imagine strolling through a beautifully revamped space that not only catches your eye but also elevates your entire user experience. Picture each organization represented with its distinct logo or image, vividly displayed in crystal-clear quality, making them easily recognizable and memorable. Adding to the charm, a carefully chosen background image or color will serve as the canvas, enhancing the visual allure without stealing the spotlight from the essential content.

But it doesn't stop there – we're infusing a delightful interactive touch. As you hover over each organization, witness a subtle yet engaging change in the background color, accompanied by a friendly cursor pointer, inviting you to explore further. The transition is so smooth, it's like a virtual handshake, creating a seamless dance between you and the Orgs Section.

Worried about how it looks on your favorite device? Fear not! We've put extra thought into ensuring a cozy fit on every screen size. Crafted with love and care, our media queries make sure the Orgs Section is your trusted companion, whether you're on a desktop, tablet, or smartphone.

And for that extra dash of elegance, we're tapping into the magic of the AOS library. Imagine the organizations gracefully fading in as you scroll – a touch of sophistication that adds a dynamic rhythm to the whole experience. These enhancements aren't just about visual appeal; they're about crafting a space that's inviting, engaging, and downright friendly. The Orgs Section is not just a visual feast but a warm welcome into a more user-friendly and captivating digital world.