g-aeroastro-c / gitam-aero.astro

https://g-aeroastro-c.github.io/gitam-aero.astro/
Mozilla Public License 2.0
0 stars 5 forks source link

Add Images to the Updates Section #9

Closed vvs-basanth closed 2 months ago

vvs-basanth commented 3 months ago

Task

Add images to the updates section of the GITAM Aero Astro Club website.

Description

We need to enhance the updates section by including relevant images for each update to make it more visually appealing and informative.

Requirements

  1. Designer:

    • Select or create appropriate images for each update.
    • Ensure images are optimized for web use (compressed and properly sized).
    • Provide alt text for accessibility.
  2. Developer:

    • Implement the images in the updates section.
    • Ensure images are properly aligned and responsive on all devices.
    • Verify that alt text is included for each image.

Steps

  1. Designer:

    • Review the content of the updates section.
    • Source or design images that correspond to each update.
    • Upload the images to the repository (in a designated folder like public/updates).
    • Provide a list of image filenames and their corresponding alt text.
  2. Developer:

    • Pull the latest changes from the repository.
    • Integrate the images into the updates section in the src/components/tabs.tsx.
    • Ensure that the layout is responsive and the images are displayed correctly on different devices.
    • See if there are any changes required in the src/components/ui/tabs.tsx.
    • Commit the changes and create a pull request for review.

Additional Information

Please ensure that all images are web-optimized and do not significantly affect the page load time. The updates section should maintain its current styling and layout while incorporating the new images.