announcement added

ShiwangPande · Mar 6, 2024 · 640824e · 640824e
1 parent 16c30ee
commit 640824e
Show file tree

Hide file tree

Showing 8 changed files with 186 additions and 17 deletions.
diff --git a/src/components/Gallery.js b/src/components/Gallery.js
@@ -25,6 +25,7 @@ import photo10 from "./Photo10";
 import photo11 from "./Photo11";
 import photo12 from "./Photo12";
 import photo13 from "./Photo13";
+import photo14 from "./Photo14";
 
 const slides = photos.map(({ src, width, height, images }) => ({
     src,
@@ -166,6 +167,16 @@ const slides13 = photo13.map(({ src, width, height, images }) => ({
         height: image.height,
     })),
 }));
+const slides14 = photo14.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);
@@ -182,6 +193,7 @@ function Gallery() {
     const [index11, setIndex11] = useState(-1);
     const [index12, setIndex12] = useState(-1);
     const [index13, setIndex13] = useState(-1);
+    const [index14, setIndex14] = useState(-1);
     const [loading, setLoading] = useState(false);
     useEffect(() => {
         setLoading(true);
@@ -403,7 +415,7 @@ function Gallery() {
                         close={() => setIndex11(-1)}
                         plugins={[Fullscreen, Slideshow, Thumbnails, Zoom]}
                     />
-                
+
                     <div className="mt-5" style={{ backgroundColor: 'rgb(57 62 70)', color: "#eeeeee" }}>
                         <h2 id='Thermal-PowerPlant' className="py-3 col-md-9  m-auto fw-bolder d-flex align-items-center justify-content-center" >Tertiary Graduation Ceremony (passes year 2022)</h2>
                     </div>
@@ -438,6 +450,23 @@ function Gallery() {
                         close={() => setIndex13(-1)}
                         plugins={[Fullscreen, Slideshow, Thumbnails, Zoom]}
                     />
+                    <div className="mt-5" style={{ backgroundColor: 'rgb(57 62 70)', color: "#eeeeee" }}>
+                        <h2 id='Thermal-PowerPlant' className="py-3 col-md-9  m-auto fw-bolder d-flex align-items-center justify-content-center" >faculty and students training at V. R. Jamdar excellence centre, V. N. I. T, Nagpur</h2>
+                    </div>
+                    <Container className='p-3'>
+                        <PhotoAlbum
+                            photos={photo14}
+                            layout="rows"
+                            targetRowHeight={150}
+                            onClick={(event, photo, index14) => setIndex14(index14)}
+                        /></Container>
+                    <Lightbox
+                        slides={slides14}
+                        open={index14 >= 0}
+                        index={index14}
+                        close={() => setIndex14(-1)}
+                        plugins={[Fullscreen, Slideshow, Thumbnails, Zoom]}
+                    />
 
                     <div className="mt-5" style={{ backgroundColor: 'rgb(57 62 70)', color: "#eeeeee" }}>
                         <h2 id='Thermal-PowerPlant' className="py-3 col-md-9  m-auto fw-bolder d-flex align-items-center justify-content-center" >Previous Year Events</h2>

diff --git a/src/components/Photo10.js b/src/components/Photo10.js
@@ -3,8 +3,7 @@ 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 },

diff --git a/src/components/Photo11.js b/src/components/Photo11.js
@@ -3,7 +3,7 @@ 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 },

diff --git a/src/components/Photo14.js b/src/components/Photo14.js
@@ -0,0 +1,56 @@
+const breakpoints = [3840, 2400, 1080, 640, 384, 256, 128, 96, 64, 48];
+
+const Fst = (id: string, width: number, height: number) =>
+    `https://i.postimg.cc/${id}`;
+const FstPhoto = [
+
+    { id: "zGDqdQY4/fst10.webp", width: 1080, height: 780 },
+    { id: "PxvXW8nx/fst1.webp", width: 1080, height: 780 },
+    { id: "59w1fJxZ/fst11.webp", width: 1080, height: 780 },
+    { id: "QMHhDWtb/fst12.webp", width: 1080, height: 780 },
+    { id: "bvW8wNSj/fst13.webp", width: 1080, height: 780 },
+    { id: "JnX8DVjH/fst14.webp", width: 1080, height: 780 },
+    { id: "cCNSf9c9/fst15.webp", width: 1080, height: 780 },
+    { id: "KjryfPqZ/fst16.webp", width: 1080, height: 780 },
+    { id: "DwzKQbqT/fst17.webp", width: 1080, height: 780 },
+    { id: "LXjd4kMz/fst18.webp", width: 1080, height: 780 },
+    { id: "R065y5sp/fst19.webp", width: 1080, height: 780 },
+    { id: "28rY6ty3/fst2.webp", width: 1080, height: 780 },
+    { id: "43DkTLjf/fst20.webp", width: 1080, height: 780 },
+    { id: "3NZPmKNN/fst21.webp", width: 1080, height: 780 },
+    { id: "Bb3rj8qR/fst22.webp", width: 1080, height: 780 },
+    { id: "T3HvtY9W/fst23.webp", width: 1080, height: 780 },
+    { id: "903WJFcB/fst3.webp", width: 1080, height: 780 },
+    { id: "L6DpZVgD/fst4.webp", width: 1080, height: 780 },
+    { id: "mZMZhMSp/fst5.webp", width: 1080, height: 780 },
+    { id: "mgdBKSbk/fst6.webp", width: 1080, height: 780 },
+    { id: "5NSxSVTw/fst7.webp", width: 1080, height: 780 },
+    { id: "X7bj5JHj/fst8.webp", width: 1080, height: 780 },
+    { id: "hv9KwWjR/fst9.webp", width: 1080, height: 780 },
+
+
+];
+
+
+
+
+const photos = FstPhoto.map((photo) => {
+    const width = breakpoints[0];
+    const height = (photo.height / photo.width) * width;
+
+    return {
+        src: Fst(photo.id, width, height),
+        width,
+        height,
+        images: breakpoints.map((breakpoint) => {
+            const height = Math.round((photo.height / photo.width) * breakpoint);
+            return {
+                src: Fst(photo.id, breakpoint, height),
+                width: breakpoint,
+                height,
+            };
+        }),
+    };
+});
+
+export default photos;
diff --git a/src/components/Photo8.js b/src/components/Photo8.js
@@ -4,7 +4,7 @@ const Bis = (id: string, width: number, height: number) =>
     `https://i.postimg.cc/${id}.jpg`;
 const IRONPhoto = [
 
-
+    
     { id: "hPP8V3WC/iron1.jpg",  width: 1080, height: 780},
     { id: "k4mKGTvv/iron2.jpg",  width: 1080, height: 780},
     { id: "YSgQt5YS/iron2sad.jpg",  width: 1080, height: 780},

diff --git a/src/components/Photo9.js b/src/components/Photo9.js
@@ -3,7 +3,7 @@ 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 },

diff --git a/src/components/Scrollbar2.js b/src/components/Scrollbar2.js
@@ -151,7 +151,79 @@ export default function Scrollbar() {
                         <Button style={{ textAlign: "center" }} variant="outline-light" size="m-lg">View Report
                         </Button></a>
                 </Card></SwiperSlide>
-
+                <SwiperSlide><Card style={{ minHeight: "440px", width: '550px', backgroundColor: 'rgb(57 62 70)', color: "#eeeeee", borderRadius: "20px", border: '1.3mm ridge rgb(34 40 49)' }} >
+                    <Card.Img variant="top" src="https://i.postimg.cc/k4mKGTvv/iron2.jpg" style={{ height: "360px", borderRadius: "20px 20px 0 0" }} />
+                    <Card.Body style={{ height: "210px" }}>
+                        <Card.Title style={{ fontSize: "18px" }}>IRON & IRON CARBIDE LECTURE</Card.Title>
+                        <Card.Text style={{ fontSize: "15px" }}>
+                            During his presentation, Mr. Borekar emphasized the ubiquitous nature of semiconductors, highlighting their presence in almost every aspect of modern life, from smartphones and computers to medical devices and automobiles
+                        </Card.Text>
+                    </Card.Body>
+                    <a href="https://drive.google.com/file/d/1wff-vHrqNSfRAI06X7WUGK93RTKVAuGd/view?usp=drive_link" target={"_blank"}>
+                        <Button style={{ textAlign: "center" }} variant="outline-light" size="m-lg">View Report
+                        </Button></a>
+                </Card></SwiperSlide>
+                <SwiperSlide><Card style={{ minHeight: "440px", width: '550px', backgroundColor: 'rgb(57 62 70)', color: "#eeeeee", borderRadius: "20px", border: '1.3mm ridge rgb(34 40 49)' }} >
+                    <Card.Img variant="top" src="https://i.postimg.cc/T2082zpt/semiconductor13.webp" style={{ height: "360px", borderRadius: "20px 20px 0 0" }} />
+                    <Card.Body style={{ height: "210px" }}>
+                        <Card.Title style={{ fontSize: "18px" }}>INSIGHTS OF SEMICONDUCTOR INDUSTRY</Card.Title>
+                        <Card.Text style={{ fontSize: "15px" }}>
+                            During his presentation, Mr. Borekar emphasized the ubiquitous nature of semiconductors, highlighting their presence in almost every aspect of modern life, from smartphones and computers to medical devices and automobiles
+                        </Card.Text>
+                    </Card.Body>
+                    <a href="https://drive.google.com/file/d/1wff-vHrqNSfRAI06X7WUGK93RTKVAuGd/view?usp=drive_link" target={"_blank"}>
+                        <Button style={{ textAlign: "center" }} variant="outline-light" size="m-lg">View Report
+                        </Button></a>
+                </Card></SwiperSlide>
+                <SwiperSlide><Card style={{ minHeight: "440px", width: '550px', backgroundColor: 'rgb(57 62 70)', color: "#eeeeee", borderRadius: "20px", border: '1.3mm ridge rgb(34 40 49)' }} >
+                    <Card.Img variant="top" src="https://i.postimg.cc/gk9YQKVH/steamboiler13.webp" style={{ height: "360px", borderRadius: "20px 20px 0 0" }} />
+                    <Card.Body style={{ height: "210px" }}>
+                        <Card.Title style={{ fontSize: "18px" }}>SEMINAR ON SKILL DEVELOPMENT AND CAREER OPPORTUNITIES IN STEAM BOILER</Card.Title>
+                        <Card.Text style={{ fontSize: "15px" }}>
+                            The participants left with not only a deepened understanding of steam boilers but also a heightened motivation to pursue careers in this industry.
+                        </Card.Text>
+                    </Card.Body>
+                    <a href="https://drive.google.com/file/d/1hYyBqqb2KCF71mGoIIkU6cPKRPBGc3kb/view?usp=drive_link" target={"_blank"}>
+                        <Button style={{ textAlign: "center" }} variant="outline-light" size="m-lg">View Report
+                        </Button></a>
+                </Card></SwiperSlide>
+                <SwiperSlide><Card style={{ minHeight: "440px", width: '550px', backgroundColor: 'rgb(57 62 70)', color: "#eeeeee", borderRadius: "20px", border: '1.3mm ridge rgb(34 40 49)' }} >
+                    <Card.Img variant="top" src="https://i.postimg.cc/7h0BQz7m/innovative3.webp" style={{ height: "360px", borderRadius: "20px 20px 0 0" }} />
+                    <Card.Body style={{ height: "210px" }}>
+                        <Card.Title style={{ fontSize: "18px" }}>INNOVATIVE MANUFACTURING PROCESS IN AUTOMOTIVE INDUSTRY</Card.Title>
+                        <Card.Text style={{ fontSize: "15px" }}>
+                            Around 100 students of mechanical department were the part of this workshop. All the faculty members and students found this lecture very educative and informative.
+                        </Card.Text>
+                    </Card.Body>
+                    <a href="https://drive.google.com/file/d/1YuYrZyDwbzTvqWZXSnk_OLkiN3nTdcjN/view?usp=drive_link" target={"_blank"}>
+                        <Button style={{ textAlign: "center" }} variant="outline-light" size="m-lg">View Report
+                        </Button></a>
+                </Card></SwiperSlide>
+                <SwiperSlide><Card style={{ minHeight: "440px", width: '550px', backgroundColor: 'rgb(57 62 70)', color: "#eeeeee", borderRadius: "20px", border: '1.3mm ridge rgb(34 40 49)' }} >
+                    <Card.Img variant="top" src="https://i.postimg.cc/GpFWgHwL/degree55.webp" style={{ height: "360px", borderRadius: "20px 20px 0 0" }} />
+                    <Card.Body style={{ height: "210px" }}>
+                        <Card.Title style={{ fontSize: "18px" }}>TERTIARY GRADUATION CEREMONY (PASSES YEAR 2022)</Card.Title>
+                        <Card.Text style={{ fontSize: "15px" }}>
+                            The participants left with not only a deepened understanding of steam boilers but also a heightened motivation to pursue careers in this industry.
+                        </Card.Text>
+                    </Card.Body>
+                    <a href="https://drive.google.com/file/d/1YuYrZyDwbzTvqWZXSnk_OLkiN3nTdcjN/view?usp=drive_link" target={"_blank"}>
+                        <Button style={{ textAlign: "center" }} variant="outline-light" size="m-lg">View Report
+                        </Button></a>
+                </Card></SwiperSlide>
+                <SwiperSlide><Card style={{ minHeight: "440px", width: '550px', backgroundColor: 'rgb(57 62 70)', color: "#eeeeee", borderRadius: "20px", border: '1.3mm ridge rgb(34 40 49)' }} >
+                    <Card.Img variant="top" src="https://i.postimg.cc/Z5zrcRTK/drishti1.webp" style={{ height: "360px", borderRadius: "20px 20px 0 0" }} />
+                    <Card.Body style={{ height: "210px" }}>
+                        <Card.Title style={{ fontSize: "18px" }}>DRISHTI 2K23</Card.Title>
+                        <Card.Text style={{ fontSize: "15px" }}>
+                            Rooted in our collective spirit, Drishti symbolizes the drive for excellence achieved through teamwork. With the unity of all participants, this tech fest is coming back stronger than ever.
+                        </Card.Text>
+                    </Card.Body>
+                    <a href="https://drive.google.com/file/d/1myIrV5tsIhwyCkd1UT9-PauTm04qmw9t/view?usp=drive_link" target={"_blank"}>
+                        <Button style={{ textAlign: "center" }} variant="outline-light" size="m-lg">View Report
+                        </Button></a>
+                </Card></SwiperSlide>
+
             </Swiper>
         </>
     );

diff --git a/src/components/semiconductor.text b/src/components/semiconductor.text
@@ -1,10 +1,23 @@
-https://i.postimg.cc/Z5zrcRTK/drishti1.webp
-https://i.postimg.cc/Hk0bPgx0/drishti10.webp
-https://i.postimg.cc/25m7z5JX/drishti2.webp
-https://i.postimg.cc/wBVc3pYx/drishti3.webp
-https://i.postimg.cc/PfcbCy9D/drishti4.webp
-https://i.postimg.cc/qRvc35ps/drishti5.webp
-https://i.postimg.cc/PxVWzQqB/drishti6.webp
-https://i.postimg.cc/4N96VtRS/drishti7.webp
-https://i.postimg.cc/FzfjPkd1/drishti8.webp
-https://i.postimg.cc/GtZv63GK/drishti9.webp
+zGDqdQY4/fst10.webp
+PxvXW8nx/fst1.webp
+59w1fJxZ/fst11.webp
+QMHhDWtb/fst12.webp
+bvW8wNSj/fst13.webp
+JnX8DVjH/fst14.webp
+cCNSf9c9/fst15.webp
+KjryfPqZ/fst16.webp
+DwzKQbqT/fst17.webp
+LXjd4kMz/fst18.webp
+R065y5sp/fst19.webp
+28rY6ty3/fst2.webp
+43DkTLjf/fst20.webp
+3NZPmKNN/fst21.webp
+Bb3rj8qR/fst22.webp
+T3HvtY9W/fst23.webp
+903WJFcB/fst3.webp
+L6DpZVgD/fst4.webp
+mZMZhMSp/fst5.webp
+mgdBKSbk/fst6.webp
+5NSxSVTw/fst7.webp
+X7bj5JHj/fst8.webp
+hv9KwWjR/fst9.webp