|
|
@ -3,69 +3,23 @@ import Layout from "../layouts/Layout.astro";
|
|
|
|
import Menu from "../components/Menu.astro";
|
|
|
|
import Menu from "../components/Menu.astro";
|
|
|
|
import Mainfooter from "../components/Mainfooter.astro";
|
|
|
|
import Mainfooter from "../components/Mainfooter.astro";
|
|
|
|
import Header from "../components/Header.astro";
|
|
|
|
import Header from "../components/Header.astro";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const galleryImages = ["/img/gl/g1.jpg", "/img/gl/g2.jpg", "/img/gl/g3.jpg", "/img/gl/g4.jpg", "/img/gl/g5.jpg", "/img/gl/g6.jpg", "/img/gl/g7.jpg", "/img/gl/g8.jpg", "/img/gl/g9.jpg", "/img/gl/g10.jpg", "/img/gl/g11.JPG", "/img/gl/g12.jpg", "/img/gl/g13.jpg", "/img/gl/g14.jpg", "/img/gl/g15.jpg", "/img/gl/g16.jpg", "/img/gl/g17.jpg", "/img/gl/g18.jpg", "/img/gl/g19.jpg", "/img/gl/g20.jpg", "/img/gl/g21.jpg", "/img/gl/g22.jpg", "/img/gl/g23.jpg", "/img/gl/g24.jpg", "/img/gl/g25.jpg", "/img/gl/g26.jpg", "/img/gl/g27.jpg", "/img/gl/g28.jpg", "/img/gl/g29.jpg", "/img/gl/g30.jpg", "/img/gl/g31.jpg", "/img/gl/p1.jpg", "/img/gl/p2.jpg", "/img/gl/p3.jpg", "/img/gl/p4.jpg", "/img/gl/p5.jpg", "/img/gl/p6.jpg", "/img/gl/p7.jpg", "/img/gl/p8.jpg", "/img/gl/p9.jpg", "/img/gl/p10.jpg", "/img/gl/p11.jpg", "/img/gl/p12.jpg", "/img/gl/p13.jpg", "/img/gl/p14.jpg", "/img/gl/p15.jpg", "/img/gl/p16.jpg", "/img/gl/p17.jpg", "/img/gl/p18.jpg", "/img/gl/p19.jpg", "/img/gl/p20.jpg", "/img/gl/p21.jpg", "/img/gl/p22.jpg", "/img/gl/p23.jpg", "/img/gl/p24.jpg"];
|
|
|
|
---
|
|
|
|
---
|
|
|
|
<Layout title="Welcome to RGYCI - Gallery">
|
|
|
|
<Layout title="Gallery - Rajeev Gandhi Youth Computer Institute (RGYCI)"
|
|
|
|
|
|
|
|
description="Explore memorable moments from various events, workshops, training sessions, and student activities at Rajeev Gandhi Youth Computer Institute (RGYCI). Discover our vibrant learning community in action."
|
|
|
|
|
|
|
|
keywords="RGYCI gallery, student events, training sessions, workshops, institute photos, campus life, computer institute activities"
|
|
|
|
|
|
|
|
ogUrl="https://rgyci.org/gallery"
|
|
|
|
|
|
|
|
ogImage="/img/sld/8.jpg">
|
|
|
|
<Header/>
|
|
|
|
<Header/>
|
|
|
|
<Menu/>
|
|
|
|
<Menu/>
|
|
|
|
<main>
|
|
|
|
<main>
|
|
|
|
<section class="container mx-auto px-4 my-8 xl:my-16">
|
|
|
|
<section class="container mx-auto px-4 my-8 xl:my-16">
|
|
|
|
<h1 class="text-3xl text-center underline decoration-red-800 my-8 xl:my-16">Gallery</h1>
|
|
|
|
<h1 class="text-3xl text-center underline decoration-red-800 my-8 xl:my-16">Gallery</h1>
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-16 place-items-center">
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-16 place-items-center">
|
|
|
|
<img src="/img/gl/g1.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
{galleryImages.map((image) => (
|
|
|
|
<img src="/img/gl/g2.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
<img src={image} class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="Gallery image" />
|
|
|
|
<img src="/img/gl/g3.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
))}
|
|
|
|
<img src="/img/gl/g4.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g5.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g6.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g7.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g8.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g9.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g10.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g11.JPG" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g12.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g13.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g14.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g15.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g16.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g17.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g18.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g19.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g20.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g21.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g22.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g23.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g24.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g25.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g26.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g27.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g28.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g29.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g30.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/g31.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p1.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p2.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p3.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p4.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p5.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p6.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p7.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p8.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p9.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p10.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p11.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p12.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p13.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p14.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p15.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p16.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p17.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p18.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p19.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p20.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p21.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p22.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p23.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
<img src="/img/gl/p24.jpg" class="hover:shadow-2xl area transition transform hover:-translate-y-4 motion-reduce:transition-none motion-reduce:hover:transform-none" alt="">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</section>
|
|
|
|
</main>
|
|
|
|
</main>
|
|
|
@ -73,8 +27,8 @@ import Header from "../components/Header.astro";
|
|
|
|
</Layout>
|
|
|
|
</Layout>
|
|
|
|
<style scoped>
|
|
|
|
<style scoped>
|
|
|
|
.area {
|
|
|
|
.area {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
height: auto;
|
|
|
|
height: auto;
|
|
|
|
border-radius: 16px;
|
|
|
|
border-radius: 16px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|