Photo-grid.tsx

/*  */

const images = [
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/badges.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/joern.jpeg",  width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/chekin.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/sinan.jpeg",  width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/party.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/hall.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/bye1.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/uni.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/talking.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/kristian.jpeg",  width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/affe.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/margburg.jpeg",  width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/dietz.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/wageningen.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/aachen.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/posterexhibition-refiba.jpg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/socializing17.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/badges.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/posterexhibition-teddy.jpg",  width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/chekin.jpeg", width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/sinan.jpeg",  width: 320, height: 212, tabs: ""},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/socializing11.jpeg", width: 320, height: 212},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/teamphotos6.jpeg", width: 320, height: 212},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/teamphotos.jpeg", width: 320, height: 212},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/teamphotos5.jpeg", width: 320, height: 212},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/socializing19.jpeg", width: 320, height: 212},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/posterexhibition-isabell-erkl-rt.jpg", width: 320, height: 212},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/j-rn3.jpeg", width: 320, height: 212},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/hall.jpeg", width: 320, height: 212},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/abend-spikeball5.jpeg", width: 320, height: 212},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/abend-interssierte.jpeg", width: 320, height: 212},
  {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
]






export default function BFHGallery() {
  let rows: JSX.Element[] = [];
  for (let i = 0; i < images.length; i++) {
    rows.push(
      <div key={i} className="bfhgal-item">
        <img src={images[i].src} alt={`Image ${i + 1}`} />
      </div>
    );
  }

  return <div className="bfhgal">{rows}</div>;
}