diff --git a/src/components/Gallery.js b/src/components/Gallery.js index 86f1617..2082037 100644 --- a/src/components/Gallery.js +++ b/src/components/Gallery.js @@ -20,6 +20,11 @@ import NavBar from './Navbar'; import photo6 from "./Photo6"; import photo7 from "./Photo7"; import photo8 from "./Photo8"; +import photo9 from "./Photo9"; +import photo10 from "./Photo10"; +import photo11 from "./Photo11"; +import photo12 from "./Photo12"; +import photo13 from "./Photo13"; const slides = photos.map(({ src, width, height, images }) => ({ src, @@ -111,6 +116,56 @@ const slides8 = photo8.map(({ src, width, height, images }) => ({ height: image.height, })), })); +const slides9 = photo9.map(({ src, width, height, images }) => ({ + src, + width, + height, + srcSet: images.map((image) => ({ + src: image.src, + width: image.width, + height: image.height, + })), +})); +const slides10 = photo10.map(({ src, width, height, images }) => ({ + src, + width, + height, + srcSet: images.map((image) => ({ + src: image.src, + width: image.width, + height: image.height, + })), +})); +const slides11 = photo11.map(({ src, width, height, images }) => ({ + src, + width, + height, + srcSet: images.map((image) => ({ + src: image.src, + width: image.width, + height: image.height, + })), +})); +const slides12 = photo12.map(({ src, width, height, images }) => ({ + src, + width, + height, + srcSet: images.map((image) => ({ + src: image.src, + width: image.width, + height: image.height, + })), +})); +const slides13 = photo13.map(({ src, width, height, images }) => ({ + src, + width, + height, + srcSet: images.map((image) => ({ + src: image.src, + width: image.width, + height: image.height, + })), +})); function Gallery() { const [index, setIndex] = useState(-1); @@ -122,6 +177,11 @@ function Gallery() { const [index6, setIndex6] = useState(-1); const [index7, setIndex7] = useState(-1); const [index8, setIndex8] = useState(-1); + const [index9, setIndex9] = useState(-1); + const [index10, setIndex10] = useState(-1); + const [index11, setIndex11] = useState(-1); + const [index12, setIndex12] = useState(-1); + const [index13, setIndex13] = useState(-1); const [loading, setLoading] = useState(false); useEffect(() => { setLoading(true); @@ -292,6 +352,92 @@ function Gallery() { close={() => setIndex8(-1)} plugins={[Fullscreen, Slideshow, Thumbnails, Zoom]} /> +
+

Insights Of Semiconductor Industry

+
+ + setIndex9(index9)} + /> + = 0} + index={index9} + close={() => setIndex9(-1)} + plugins={[Fullscreen, Slideshow, Thumbnails, Zoom]} + /> +
+

Seminar on Skill development and career opportunities in steam boiler

+
+ + setIndex10(index10)} + /> + = 0} + index={index10} + close={() => setIndex10(-1)} + plugins={[Fullscreen, Slideshow, Thumbnails, Zoom]} + /> +
+

Innovative Manufacturing Process in Automotive Industry

+
+ + setIndex11(index11)} + /> + = 0} + index={index11} + close={() => setIndex11(-1)} + plugins={[Fullscreen, Slideshow, Thumbnails, Zoom]} + /> + +
+

Tertiary Graduation Ceremony (passes year 2022)

+
+ + setIndex12(index12)} + /> + = 0} + index={index12} + close={() => setIndex12(-1)} + plugins={[Fullscreen, Slideshow, Thumbnails, Zoom]} + /> +
+

Drishti 2k23

+
+ + setIndex13(index13)} + /> + = 0} + index={index13} + close={() => setIndex13(-1)} + plugins={[Fullscreen, Slideshow, Thumbnails, Zoom]} + />

Previous Year Events

diff --git a/src/components/Photo10.js b/src/components/Photo10.js new file mode 100644 index 0000000..937aaaa --- /dev/null +++ b/src/components/Photo10.js @@ -0,0 +1,53 @@ +const breakpoints = [3840, 2400, 1080, 640, 384, 256, 128, 96, 64, 48]; + +const Steam = (id: string, width: number, height: number) => + `https://i.postimg.cc/${id}`; +const SteamPhoto = [ + + + { id: "R0G507Jy/steamboiler1.webp", width: 1080, height: 780 }, + { id: "0Ntk4Rnz/steamboiler10.webp", width: 1080, height: 780 }, + { id: "tTYqQSv2/steamboiler11.webp", width: 780, height: 1080 }, + { id: "qRSkks90/steamboiler12.webp", width: 1080, height: 780 }, + { id: "gk9YQKVH/steamboiler13.webp", width: 1080, height: 780 }, + { id: "CLjFgfJT/steamboiler14.webp", width: 1080, height: 780 }, + { id: "JzxMyV9p/steamboiler15.webp", width: 1080, height: 780 }, + { id: "JzMR44dy/steamboiler16.webp", width: 1080, height: 780 }, + { id: "SKt4rLQ8/steamboiler17.webp", width: 1080, height: 780 }, + { id: "nzyJ8HDh/steamboiler18.webp", width: 1080, height: 780 }, + { id: "26bDXq3t/steamboiler19.webp", width: 1080, height: 780 }, + { id: "x8JWgBpV/steamboiler2.webp", width: 1080, height: 780 }, + { id: "s2ffKDYF/steamboiler3.webp", width: 1080, height: 780 }, + { id: "SQnswswk/steamboiler4.webp", width: 1080, height: 780 }, + { id: "ZYXRZmS3/steamboiler5.webp", width: 1080, height: 780 }, + { id: "0y02pJJd/steamboiler6.webp", width: 1080, height: 780 }, + { id: "x121JPq1/steamboiler7.webp", width: 1080, height: 780 }, + { id: "RVf0ZYSY/steamboiler8.webp", width: 1080, height: 780 }, + { id: "2ysgtTgb/steamboiler9.webp", width: 780, height: 1080 }, + + +]; + + + + +const photos = SteamPhoto.map((photo) => { + const width = breakpoints[0]; + const height = (photo.height / photo.width) * width; + + return { + src: Steam(photo.id, width, height), + width, + height, + images: breakpoints.map((breakpoint) => { + const height = Math.round((photo.height / photo.width) * breakpoint); + return { + src: Steam(photo.id, breakpoint, height), + width: breakpoint, + height, + }; + }), + }; +}); + +export default photos; \ No newline at end of file diff --git a/src/components/Photo11.js b/src/components/Photo11.js new file mode 100644 index 0000000..b526c8a --- /dev/null +++ b/src/components/Photo11.js @@ -0,0 +1,44 @@ +const breakpoints = [3840, 2400, 1080, 640, 384, 256, 128, 96, 64, 48]; + +const Innovative = (id: string, width: number, height: number) => + `https://i.postimg.cc/${id}`; +const InnovativePhoto = [ + + + { id: "2SmtM00v/innovative1.webp", width: 780, height: 1080 }, + { id: "6p9HYyQf/innovative10.webp", width: 1080, height: 780 }, + { id: "3xnt6Y45/innovative11.webp", width: 1080, height: 780 }, + { id: "Z5cQS6QQ/innovative2.webp", width: 1080, height: 780 }, + { id: "7h0BQz7m/innovative3.webp", width: 1080, height: 780 }, + { id: "Kv7qPnmY/innovative4.webp", width: 1080, height: 780 }, + { id: "cHV9mhKv/innovative5.webp", width: 1080, height: 780 }, + { id: "4dK2Vq3C/innovative6.webp", width: 1080, height: 780 }, + { id: "yYCp3f45/innovative7.webp", width: 1080, height: 780 }, + { id: "zDgPfsMK/innovative8.webp", width: 1080, height: 780 }, + { id: "N0CPyBB7/innovative9.webp", width: 1080, height: 780 }, + +]; + + + + +const photos = InnovativePhoto.map((photo) => { + const width = breakpoints[0]; + const height = (photo.height / photo.width) * width; + + return { + src: Innovative(photo.id, width, height), + width, + height, + images: breakpoints.map((breakpoint) => { + const height = Math.round((photo.height / photo.width) * breakpoint); + return { + src: Innovative(photo.id, breakpoint, height), + width: breakpoint, + height, + }; + }), + }; +}); + +export default photos; \ No newline at end of file diff --git a/src/components/Photo12.js b/src/components/Photo12.js new file mode 100644 index 0000000..1861fa0 --- /dev/null +++ b/src/components/Photo12.js @@ -0,0 +1,91 @@ +const breakpoints = [3840, 2400, 1080, 640, 384, 256, 128, 96, 64, 48]; + +const Degree = (id: string, width: number, height: number) => + `https://i.postimg.cc/${id}`; +const DegreePhoto = [ + + { id: "t4yttT5t/degree1.webp", width: 1080, height: 780 }, + { id: "Dw2L4Nvx/degree10.webp", width: 1080, height: 780 }, + { id: "6pYRrhTt/degree11.webp", width: 1080, height: 780 }, + { id: "8CcvtrrW/degree12.webp", width: 1080, height: 780 }, + { id: "QMzTPxpz/degree13.webp", width: 1080, height: 780 }, + { id: "85r6VQ4z/degree14.webp", width: 1080, height: 780 }, + { id: "Zntyb7sF/degree15.webp", width: 1080, height: 780 }, + { id: "G3Gy7R9M/degree16.webp", width: 1080, height: 780 }, + { id: "1XGVfGLx/degree17.webp", width: 1080, height: 780 }, + { id: "Hsm7FNyT/degree18.webp", width: 1080, height: 780 }, + { id: "bNR2PRxk/degree19.webp", width: 1080, height: 780 }, + { id: "FRfjsJrm/degree2.webp", width: 1080, height: 780 }, + { id: "T37LLYHP/degree20.webp", width: 1080, height: 780 }, + { id: "LsJqzKr3/degree21.webp", width: 1080, height: 780 }, + { id: "W3rhHmpD/degree22.webp", width: 1080, height: 780}, + { id: "cCSryK6F/degree23.webp", width: 1080, height: 780}, + { id: "sx41VVhs/degree24.webp", width: 1080, height: 780}, + { id: "8kR7dbn9/degree25.webp", width: 1080, height: 780}, + { id: "qMpz1CPR/degree26.webp", width: 1080, height: 780 }, + { id: "WbStC1V7/degree27.webp", width: 1080, height: 780}, + { id: "htjhBRPR/degree28.webp",width: 1080, height: 780 }, + { id: "sgNxfHvQ/degree29.webp",width: 780, height: 1080 }, + { id: "R0Z7yD2W/degree3.webp", width: 1080, height: 780 }, + { id: "8Cf57d6y/degree30.webp", width: 780, height: 1080 }, + { id: "XqLNRQRv/degree31.webp", width: 780, height: 1080 }, + { id: "1txzwg0y/degree32.webp", width: 1080, height: 780 }, + { id: "cHQLmsTw/degree33.webp", width: 780, height: 1080 }, + { id: "FzNsC2nq/degree34.webp", width: 780, height: 1080 }, + { id: "66fQ4p8N/degree35.webp", width: 780, height: 1080 }, + { id: "xTj1vVmN/degree36.webp", width: 780, height: 1080 }, + { id: "02t2ZXGW/degree37.webp", width: 780, height: 1080 }, + { id: "t4YRcd2X/degree38.webp", width: 780, height: 1080 }, + { id: "7ZdPrCWS/degree39.webp", width: 780, height: 1080 }, + { id: "k4kWVXGS/degree4.webp", width: 1080, height: 780 }, + { id: "mr9LLbvJ/degree40.webp", width: 780, height: 1080 }, + { id: "PxktNghx/degree41.webp", width: 780, height: 1080 }, + { id: "W36sZ5b7/degree42.webp", width: 780, height: 1080 }, + { id: "cCx0BfvG/degree43.webp", width: 780, height: 1080 }, + { id: "Xqs3HX5G/degree44.webp", width: 780, height: 1080 }, + { id: "Y2RpqDPr/degree45.webp", width: 780, height: 1080 }, + { id: "fTbM3j4x/degree46.webp", width: 780, height: 1080 }, + { id: "sgQymjgx/degree47.webp", width: 780, height: 1080 }, + { id: "FHMvnMYZ/degree48.webp", width: 780, height: 1080 }, + { id: "bJ8hq1HS/degree49.webp", width: 780, height: 1080 }, + { id: "66vdkRbf/degree5.webp", width: 1080, height: 780 }, + { id: "Zq6mkw3h/degree50.webp", width: 780, height: 1080 }, + { id: "qRLdqgjb/degree51.webp", width: 780, height: 1080 }, + { id: "59sVMYHj/degree52.webp", width: 780, height: 1080 }, + { id: "fyqn7p4Y/degree53.webp", width: 780, height: 1080 }, + { id: "x81VzYZ0/degree54.webp", width: 780, height: 1080 }, + { id: "GpFWgHwL/degree55.webp", width: 1080, height: 780 }, + { id: "jd9YLp4b/degree56.webp", width: 780, height: 1080 }, + { id: "QtSRswdv/degree57.webp", width: 1080, height: 780 }, + { id: "kG4L5sVG/degree58.webp", width: 1080, height: 780 }, + { id: "VNZq8FcD/degree6.webp", width: 1080, height: 780 }, + { id: "1XwwDhVj/degree7.webp", width: 1080, height: 780 }, + { id: "CLpjS1WT/degree8.webp", width: 1080, height: 780 }, + { id: "CLCb10gZ/degree9.webp", width: 1080, height: 780 }, + + +]; + + + + +const photos = DegreePhoto.map((photo) => { + const width = breakpoints[0]; + const height = (photo.height / photo.width) * width; + + return { + src: Degree(photo.id, width, height), + width, + height, + images: breakpoints.map((breakpoint) => { + const height = Math.round((photo.height / photo.width) * breakpoint); + return { + src: Degree(photo.id, breakpoint, height), + width: breakpoint, + height, + }; + }), + }; +}); + +export default photos; \ No newline at end of file diff --git a/src/components/Photo13.js b/src/components/Photo13.js new file mode 100644 index 0000000..a046261 --- /dev/null +++ b/src/components/Photo13.js @@ -0,0 +1,44 @@ +const breakpoints = [3840, 2400, 1080, 640, 384, 256, 128, 96, 64, 48]; + +const Drishti = (id: string, width: number, height: number) => + `https://i.postimg.cc/${id}`; +const DrishtiPhoto = [ + + + { id: "Z5zrcRTK/drishti1.webp", width: 1080, height: 780 }, + { id: "25m7z5JX/drishti2.webp", width: 1080, height: 780 }, + { id: "wBVc3pYx/drishti3.webp", width: 1080, height: 780 }, + { id: "PfcbCy9D/drishti4.webp", width: 1080, height: 780 }, + { id: "qRvc35ps/drishti5.webp", width: 1080, height: 780 }, + { id: "PxVWzQqB/drishti6.webp", width: 1080, height: 780 }, + { id: "4N96VtRS/drishti7.webp", width: 1080, height: 780 }, + { id: "FzfjPkd1/drishti8.webp", width: 1080, height: 780 }, + { id: "GtZv63GK/drishti9.webp", width: 1080, height: 780 }, + { id: "Hk0bPgx0/drishti10.webp", width: 1080, height: 780 }, + + +]; + + + + +const photos = DrishtiPhoto.map((photo) => { + const width = breakpoints[0]; + const height = (photo.height / photo.width) * width; + + return { + src: Drishti(photo.id, width, height), + width, + height, + images: breakpoints.map((breakpoint) => { + const height = Math.round((photo.height / photo.width) * breakpoint); + return { + src: Drishti(photo.id, breakpoint, height), + width: breakpoint, + height, + }; + }), + }; +}); + +export default photos; \ No newline at end of file diff --git a/src/components/Photo9.js b/src/components/Photo9.js new file mode 100644 index 0000000..a5a9c96 --- /dev/null +++ b/src/components/Photo9.js @@ -0,0 +1,50 @@ +const breakpoints = [3840, 2400, 1080, 640, 384, 256, 128, 96, 64, 48]; + +const Semi = (id: string, width: number, height: number) => + `https://i.postimg.cc/${id}`; +const IRONPhoto = [ + + + { id: "GmhmhPLy/semiconductor1.webp", width: 780, height: 1080 }, + { id: "ZKYSrTGk/semiconductor10.webp", width: 1080, height: 780 }, + { id: "t4YGMBR2/semiconductor11.webp", width: 780, height: 1080 }, + { id: "6qYFHvDk/semiconductor12.webp", width: 1080, height: 780 }, + { id: "T2082zpt/semiconductor13.webp", width: 1080, height: 780 }, + { id: "YqC5vdFM/semiconductor14.webp", width: 1080, height: 780 }, + { id: "qMD9y2cn/semiconductor15.webp", width: 1080, height: 780 }, + { id: "P5L04NK7/semiconductor16.webp", width: 1080, height: 780 }, + { id: "rmGBrbgF/semiconductor17.webp", width: 1080, height: 780 }, + { id: "yN3Bkvwk/semiconductor2.webp", width: 1080, height: 780 }, + { id: "GhzbNBFh/semiconductor3.webp", width: 1080, height: 780 }, + { id: "sgNsjtHk/semiconductor4.webp", width: 1080, height: 780 }, + { id: "ryNT0dYC/semiconductor5.webp", width: 1080, height: 780 }, + { id: "2yrf9m3Z/semiconductor6.webp", width: 1080, height: 780 }, + { id: "NFDvWVrP/semiconductor7.webp", width: 1080, height: 780 }, + { id: "nz8x7qJT/semiconductor8.webp", width: 1080, height: 780 }, + { id: "7Z6qyx91/semiconductor9.webp", width: 1080, height: 780 }, + +]; + + + + +const photos = IRONPhoto.map((photo) => { + const width = breakpoints[0]; + const height = (photo.height / photo.width) * width; + + return { + src: Semi(photo.id, width, height), + width, + height, + images: breakpoints.map((breakpoint) => { + const height = Math.round((photo.height / photo.width) * breakpoint); + return { + src: Semi(photo.id, breakpoint, height), + width: breakpoint, + height, + }; + }), + }; +}); + +export default photos; \ No newline at end of file diff --git a/src/components/SlideShow.js b/src/components/SlideShow.js index 0480bcc..96ce3ca 100644 --- a/src/components/SlideShow.js +++ b/src/components/SlideShow.js @@ -48,6 +48,20 @@ function SlideShow() { /> + + {/* +

Third slide label

+

+ Praesent commodo cursus magna, vel scelerisque nisl consectetur. +

+
*/} + Third slide + +
); } diff --git a/src/components/SlideShowGallery.js b/src/components/SlideShowGallery.js index 6fe27f4..d7a0e9d 100644 --- a/src/components/SlideShowGallery.js +++ b/src/components/SlideShowGallery.js @@ -22,6 +22,17 @@ function SlideShow() {

Nulla vitae elit libero, a pharetra augue mollis interdum.

*/} + + First slide + {/* +

Industrial Visit: Thermal PowerPlant

+

Nulla vitae elit libero, a pharetra augue mollis interdum.

+
*/} +