Merge branch 'dev' of https://github.com/POSUA-NITS/Posua-2024 into hero

POSUA-NITS · Mar 28, 2024 · 2f235e6 · 2f235e6
2 parents 3f3fbbc + 7182e1a
commit 2f235e6
Show file tree

Hide file tree

Showing 10 changed files with 148 additions and 77 deletions.
diff --git a/src/Components/Artist/ArtistBigCard.jsx b/src/Components/Artist/ArtistBigCard.jsx
@@ -1,15 +1,13 @@
 import React from "react";
 
-const ArtistBigCard = ({ photoLink, name }) => {
+const ArtistBigCard = ({ photoLink, name, desc, profession = "Singer" }) => {
   const frame =
     "https://res.cloudinary.com/dhpqjrbha/image/upload/c_pad,b_auto:predominant,fl_preserve_transparency/v1711056519/Group_2608667_reshtk.jpg?_s=public-apps";
 
-  const desc =
-    "Spring has finally arrived, and the anticipation has culminated in the sounds of Bihu beats all around the corner. And with this, NIT Silchar is all set to host performance of 'Deusila Bihudol', a renowned folk group whose mesmerizing shows have captivated audiences and made them groove to the beats of Bihu. Brace yourselves for a magnificent cultural event as 'Deusila Bihudal' takes the stage with their drums, pepas, gaganas and various other musical instruments, ready to win the hearts of many. Hoping to see you all there promptly!";
   return (
     <div>
       <div
-        className="w-[90vw] h-[12rem] gap-[1rem] flex items-center px-2 border-[.4rem]"
+        className="w-[90vw] py-4 gap-[1rem] flex items-center px-2 border-[.4rem]"
         style={{ backgroundColor: "#F1E4D0", borderColor: "#C7A158" }}
       >
         <div className="w-[6.5rem] h-[75%] flex items-center justify-center relative">
@@ -23,16 +21,24 @@ const ArtistBigCard = ({ photoLink, name }) => {
             alt="Artist img"
             className="absolute h-full w-full object-cover"
           />
+          <div className="absolute flex flex-col justify-center items-center bottom-[.8rem] z-[20000] leading-[.6rem]">
+            <div className="text-[.7rem] font-semibold" style={{ color: "#B02227" }}>
+              {name}
+            </div>
+            <div className="text-[.4rem]" style={{ color: "#B02227" }}>
+              {profession}
+            </div>
+          </div>
         </div>
-        <div className="flex-[3] h-[100%] flex flex-col justify-center gap-[.6rem] py-2 items-center ">
+        <div className="flex-[3] h-[100%] flex flex-col justify-center gap-[.6rem] py-2 items-center px-3">
           <div
             className=" font-semibold text-[1.2rem]"
             style={{ color: "#B02227", fontFamily: "Abril Fatface" }}
           >
             {name}
           </div>
           <div
-            className="text-[.45rem] text-center"
+            className="text-[.5rem] text-center"
             style={{ color: "#5F1516", fontFamily: "Alata" }}
           >
             {desc}

diff --git a/src/Components/Artist/ArtistCard.jsx b/src/Components/Artist/ArtistCard.jsx
@@ -4,9 +4,11 @@ const ArtistCard = ({
   clickk,
   setClickk,
   setCross,
-  photoLink = "https://res.cloudinary.com/dhpqjrbha/image/upload/c_pad,b_auto:predominant,fl_preserve_transparency/v1710876326/sf7py4kekiyxmzcndxqp.jpg?_s=public-apps",
+  photoLink,
   name,
-  profession = "Singer",
+  profession,
+  assameseContent,
+  englishContent,
 }) => {
   //  const [clickk, setClickk] = useState(false);
   // console.log(clickk);
@@ -18,7 +20,7 @@ const ArtistCard = ({
   //   "https://res.cloudinary.com/dhpqjrbha/image/upload/c_pad,b_auto:predominant,fl_preserve_transparency/v1710876326/sf7py4kekiyxmzcndxqp.jpg?_s=public-apps";
   return (
     <div
-      className={`flex items-center transition-all duration-[1000ms] ease-in-out ${clickk ? "w-[95vw] md:w-[60rem] h-[25rem] border-[.5rem] shadow-md justify-between" : "w-[12.8rem] h-[16rem] justify-center"}`}
+      className={`flex items-center transition-all duration-[1000ms] ease-in-out ${clickk ? "w-[95vw] md:w-[60rem] h-[auto] border-[.5rem] shadow-md justify-between pb-8" : "w-[12.8rem] h-[16rem] justify-center"}`}
       style={{ borderColor: "#C7A158", backgroundColor: "#F1E4D0" }}
     >
       <div
@@ -63,25 +65,13 @@ const ArtistCard = ({
           className={`text-[.8rem] text-center transition-all ease-in-out duration-[3000ms] ${clickk ? "opacity-100" : "opacity-0"}`}
           style={{ color: "#5F1516", fontFamily: "Alata" }}
         >
-          অসমৰ গাঁৱে-ভূঞে, চহৰে-নগৰে অসমীয়াৰ হুচৰিক মঞ্চত উপস্থাপন কৰি দৰ্শকৰ অপূৰ্ব
-          খ্যাতি লাভ কৰিবলৈ সক্ষম হোৱা &quot;দেউচিলা বিহুদল&quot; আহি আজি এন. আই. টি. ৰ
-          বাকৰি শুৱনি কৰিছেহি। এন. আই. টি. ৰ বিহুবলীয়া ৰাইজৰ মন প্ৰাণ জিনিবলৈ নিজৰ ঢোল,
-          পেঁপা, গগনাৰ লগতে বিভিন্ন বাদ্যযন্ত্ৰৰ সুৰেৰে আপ্লুত কৰি তুলিবলৈ সাজু
-          &quot;দেউচিলা বিহুদল&quot;। ঢোলৰ চাপৰত হুঁচৰিৰ চেঁৱত আকৌ এবাৰ কঁকাল ভাঙি
-          নাচিবলৈ, এতিয়া মাথোঁ অপেক্ষা ৫ মাৰ্চ তাৰিখলৈ
+          {assameseContent}
         </div>
         <div
           className={`text-[.8rem] text-center transition-all ease-in-out duration-[3000ms]  ${clickk ? "opacity-100" : "opacity-0"}`}
           style={{ color: "#5F1516", fontFamily: "Alata" }}
         >
-          Spring has finally arrived, and the anticipation has culminated in the sounds of
-          Bihu beats all around the corner. And with this, NIT Silchar is all set to host
-          performance of &apos;Deusila Bihudol&apos;, a renowned folk group whose
-          mesmerizing shows have captivated audiences and made them groove to the beats of
-          Bihu. Brace yourselves for a magnificent cultural event as &apos;Deusila
-          Bihudal&apos; takes the stage with their drums, pepas, gaganas and various other
-          musical instruments, ready to win the hearts of many. Hoping to see you all
-          there promptly!
+          {englishContent}
         </div>
         <div
           className="absolute top-[-.4rem] right-3 text-[2rem] text-red-600 font-bold cursor-pointer z-[100]"

diff --git a/src/Components/Artist/ArtistPageAnimation.jsx b/src/Components/Artist/ArtistPageAnimation.jsx
@@ -7,19 +7,51 @@ const ArtistPageAnimation = ({ first, second, third, setfirst, setsecond, setthi
 
   const [secondCross, setsecondCross] = useState(true);
 
-  const [thirdCross, setthirdCross] = useState(true);
-  const name = "Zubeen Garg";
-  const assameseDesc = "";
-  const englishDesc = "";
+  // const [thirdCross, setthirdCross] = useState(true);
+  const name1 = "Nilotpal Bora";
+  const assameseDesc1 = `ঐ গধূলি গধূলি 
+  ফুৰো ৰহিমলা
+  বাঘে খাই ঘোঙে খাই খাঁওক
+  তোমাৰে কাৰণে
+  ঐ হ'লো মই পগলা
+  জীৱনটো গ'লেও
+  যাঁওক ৰহিমলা
+  ৰৈ ৰৈ ধেমালি কৰা, ৰহিমলা
+  ৰৈ ৰৈ ধেমালি
+  ৰৈ ৰৈ ধেমালি কৰা 
+  এই বিহুগীত ফাকি চিনাকী যেন লাগিছেনে? নিশ্চয় লাগিব। ব'হাগ আহি পালেহি মানে এই বিহুগীতটিত ককাঁল ভাঙি নাচিবলৈ সাজু হ'বই হ'ল। পিছে আমি যদি কওঁ, এই বিহুগীতটিৰ শিল্পীগৰাকী এইবেলি আমাৰ সকলোৰে মাজত উপস্থিত থাকি আমাক বিহু নচুৱাবলৈ আহি আছে, আপোনাৰ বাৰু শুনি ভাল নালাগিবনে? হয় আপুনি ঠিকে ধৰিছে। মাজুলীৰ আকাশত ৰাঙলী হৈ জিলিকা বেলিটিৰ কথা ক'বলৈ, ঘৰমুৱা পখীৰ বতৰা লৈ  এইবেলি পছোৱা'২৪-ৰ মঞ্চ শুৱনি কৰিবলৈ আহি আছে অসমৰ সাংস্কৃতিক জগতৰ জিলিকা তৰা স্বৰূপ কণ্ঠশিল্পী নিলোৎপল বৰা। সেয়হে সাজু হওক ৰাইজ, এইবেলিৰ বসন্তোৎসৱত ঢোলৰ চাপৰত আত্মহাৰা হ'বলৈ, সুৰৰ মায়াজালত মন্ত্ৰমুগ্ধ হ'বলৈ।
+  #শিমলু_ফুলিছে_ৰঙচুৱা_পদূলিত_হেঁপাহৰ_পছোৱা
+  #বসন্তৰ_পদূলিত_পছোৱাৰ_সুহুৰি`;
+  const englishDesc1 = `𝑅𝑖𝑛𝑖𝑘𝑖 𝑟𝑖𝑛𝑘𝑖 𝑟𝑎𝑛𝑔𝑜𝑙𝑖 𝑏𝑒𝑙𝑖𝑡𝑖
+  𝑗𝑖𝑙𝑖𝑘𝑒 𝑚𝑎𝑗𝑢𝑙𝑖𝑡𝑒 𝑜𝑖
+  𝑗𝑒𝑡ℎ𝑜𝑟𝑒 𝑗𝑢𝑟𝑢𝑙𝑎 𝑘ℎ𝑎𝑢𝑛𝑒 𝑥𝑜ℎ𝑢𝑎
+  𝑏𝑢𝑘𝑢𝑡𝑒 𝑏𝑜𝑛𝑔𝑒𝑒𝑡 ℎ𝑜𝑖
+  Get ready to be swept off your feet!  We're thrilled to announce that the incredibly talented 𝐍𝐈𝐋𝐎𝐓𝐏𝐀𝐋 𝐁𝐎𝐑𝐀 will be gracing our stage for the night!  Join us for an unforgettable evening filled with soulful melodies and electrifying performances.  Experience the magic as 𝐍𝐈𝐋𝐎𝐓𝐏𝐀𝐋 𝐁𝐎𝐑𝐀 captivates hearts and souls with his mesmerizing voice and captivating presence.
+  #arrival_of_the_flâneur_wind_of_spring_aroma 
+  #posua_singing_serenade_of_spring`;
+  const photoLink1 =
+    "https://res.cloudinary.com/dp92qug2f/image/upload/v1711634914/Runway-2024-03-28T13_53_53.448Z-Upscale-Image-Upscaled-Image-2550-x-1920-min_bvkkf6.webp";
+  const profession1 = "Singer";
+
+  const profession2 = "Folk Group";
+  const name2 = "Xomonnoy Gushti";
+  const assameseDesc2 = `লোকসংস্কৃতি বুলিয়েই মনলৈ আহে এটি জাতিৰ স্বকীয় পৰিচয়। লোকসংস্কৃতিয়ে দি আহিছে একো একোটি জাতিক নিজস্বতাৰ স্বীকৃতি। ঠিক তেনেদৰেই আমাৰ অসমীয়া লোকসংস্কৃতিৰ ভঁৰালটোও তেনেই চহকী। ইতিহাসে ঢুকি নোপোৱা সময়ৰ পৰাই অসমৰ লোকসংস্কৃতিয়ে কৈ আহিছে চহা অসমীয়াৰ হৰ্ষ - বিষাদৰ কথা, জীৱন প্ৰণালীৰ নিয়ম আৰু শতাধিক সময়ৰ গৌৰৱময় গাথা। অসমৰ এই লোকজীৱনৰ জীৱনচৰ্চাৰ কলাত্মক প্ৰকাশত এক গুৰুত্বপূৰ্ণ ভূমিকা পালন কৰি আহিছে লোক সাংস্কৃতিক সংগঠন 'সমন্বয় এনাজৰী সাংস্কৃতিক গোষ্ঠীয়ে'। সবাতোকৈ আনন্দৰ কথা এয়া যে, লোকসংস্কৃতিৰ ধ্বজাবাহক এই শিল্পীসকল আহি আছে 'পছোৱা'২৪' মঞ্চ শুৱনি কৰিবলৈ। সেয়েহে আপোনালোকো সাজু হওক, লোকসংস্কৃতিৰ এই ন-ৰূপৰ উপস্থাপনৰ আনন্দত বিলীন হ'বলৈ।
+  #শিমলু_ফুলিছে_ৰঙচুৱা_পদূলিত_হেঁপাহৰ_পছোৱা 
+  #বসন্তৰ_পদূলিত_পছোৱাৰ_সুহুৰি `;
+  const englishDesc2 = `Folk culture narrates the unexplored realms of history and serves as the acknowledgment of a community's intrinsic identity. Culture validates the sovereignty of each ethnicity. Similarly, the rich tapestry of our Assamese culture resonates profoundly. It is precisely through the richness of our Assamese cultural heritage that our identity is portrayed: the unexplored realms of history narrate the tales of joy and sorrow, the societal norms, and the glorious sagas of bygone eras within Assamese culture. Embracing the artistic expression of the indigenous Assamese, the "𝑿𝒐𝒎𝒐𝒏𝒏𝒐𝒚 𝑬𝒏𝒂𝒋𝒐𝒓𝒊 𝑺𝒂𝒏𝒔𝒌𝒓𝒊𝒕𝒊𝒌 𝑮𝒖𝒔𝒉𝒕𝒊" has played a significant role in representing the diverseness of this land.  It's a matter of great joy that the flag bearers of our cultural heritage, these artists, are set to grace the Posua'24 stage. So, let's come together and revel in the presentation of Assamese culture in its myriad forms, for it's a celebration that promises to immerse us in joy and enlightenment.
+  #arrival_of_the_flâneur_wind_of_spring_aroma 
+  #posua_singing_serenade_of_spring`;
+  const photoLink2 =
+    "https://res.cloudinary.com/dp92qug2f/image/upload/v1711635199/Runway-2024-03-28T14_07_15.809Z-Upscale-Image-Upscaled-Image-2396-x-1920-min_gvp6bp.webp";
   return (
     <div
-      className={`relative w-[100%] transition-all duration-[1000ms] ease-in-out ${first || second || third ? "h-[50rem]" : " h-[25rem]"}`}
+      className={`relative w-[100%] transition-all duration-[1000ms] ease-in-out ${first || second || third ? "h-[55rem]" : " h-[25rem]"}`}
     >
       <div
-        className={`flex h-[30rem] w-[100%] justify-center gap-[8rem] transition-all duration-[1500] ease-in-out ${first || second || third ? "top-[30rem]" : "top-[0rem]"} absolute`}
+        className={`flex w-[100%] justify-center gap-[8rem] transition-all duration-[1500] ease-in-out ${first || second || third ? "top-[37rem]" : "top-[0rem]"} absolute`}
       >
         <div
-          className={`transition-all duration-[1500ms] ease-in-out ${first ? "absolute top-[-30rem]" : "top-[0rem]"}`}
+          className={`transition-all duration-[1500ms] ease-in-out ${first ? "absolute top-[-37rem]" : "top-[0rem]"}`}
           onClick={() => {
             setsecond(false);
             setthird(false);
@@ -32,13 +64,15 @@ const ArtistPageAnimation = ({ first, second, third, setfirst, setsecond, setthi
             clickk={first}
             setClickk={setfirst}
             setCross={setfirstCross}
-            name={name}
-            assameseDesc={assameseDesc}
-            englishDesc={englishDesc}
+            name={name1}
+            photoLink={photoLink1}
+            assameseContent={assameseDesc1}
+            englishContent={englishDesc1}
+            profession={profession1}
           />
         </div>
         <div
-          className={`transition-all duration-[1500ms] ease-in-out ${second ? "absolute top-[-30rem]" : "top-[0rem]"}`}
+          className={`transition-all duration-[1500ms] ease-in-out ${second ? "absolute top-[-37rem]" : "top-[0rem]"}`}
           onClick={() => {
             setfirst(false);
             setthird(false);
@@ -51,12 +85,15 @@ const ArtistPageAnimation = ({ first, second, third, setfirst, setsecond, setthi
             clickk={second}
             setClickk={setsecond}
             setCross={setsecondCross}
-            name={name}
-            assameseDesc={assameseDesc}
-            englishDesc={englishDesc}
+            photoLink={photoLink2}
+            name={name2}
+            assameseContent={assameseDesc2}
+            englishContent={englishDesc2}
+            profession={profession2}
           />
         </div>
-        <div
+
+        {/* <div
           className={`transition-all duration-[1500ms] ease-in-out ${third ? "absolute top-[-30rem]" : "top-[0rem]"}`}
           onClick={() => {
             setfirst(false);
@@ -71,10 +108,10 @@ const ArtistPageAnimation = ({ first, second, third, setfirst, setsecond, setthi
             setClickk={setthird}
             setCross={setthirdCross}
             name={name}
-            assameseDesc={assameseDesc}
-            englishDesc={englishDesc}
+            assameseContent={assameseDesc}
+            englishContent={englishDesc}
           />
-        </div>
+        </div> */}
       </div>
     </div>
   );

diff --git a/src/Components/Borhomthuri/Borhomthuri.jsx b/src/Components/Borhomthuri/Borhomthuri.jsx
@@ -113,21 +113,21 @@ const Borhomthuri = () => {
               <img
                 alt="Camera"
                 src=""
-                data-src="https://res.cloudinary.com/dp92qug2f/image/upload/v1711607582/camera_posua24_l7ndyp-min_o41997.webp"
+                data-src="https://res.cloudinary.com/dp92qug2f/image/upload/v1711653138/Projectorkela-2-ezgif.com-crop_r8g8ee.gif"
                 className={loaded ? "loadedClass" : "loadingClass"}
                 onLoad={() => setIsLoaded(true)}
               />
             </div>
 
-            <div id={styles.camerafoucs}>
+            {/* <div id={styles.camerafoucs}>
               <img
                 src=""
                 data-src="https://res.cloudinary.com/dp92qug2f/image/upload/v1711607671/camera_focus_posua24_orhnta-min_o0quzy.webp"
                 className={loaded ? "loadedClass" : "loadingClass"}
                 onLoad={() => setIsLoaded(true)}
                 alt=""
               />
-            </div>
+            </div> */}
           </div>
         </div>
 

diff --git a/src/Components/Borhomthuri/Borhomthuri.module.scss b/src/Components/Borhomthuri/Borhomthuri.module.scss
@@ -89,17 +89,26 @@
 }
 
 .cameraImg {
-  width: 20vw;
+  width: 28vw;
   height: auto;
   // margin: -3vw 19vh 0 30vw;
-  margin: 0 0 0 25%;
+  user-select: none;
+  margin: 0 0 0 27%;
+  @media (max-width: 1000px) {
+    margin: 0 0 0 24%;
+  }
+  @media (max-width: 900px) {
+    margin: 0 0 0 18%;
+  }
   padding-bottom: 10%;
   // position: relative;
+  transform: rotate(-9deg);
   img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     mix-blend-mode: multiply;
+    pointer-events: none;
   }
 }
 
@@ -259,10 +268,6 @@ $n: 6; /* number of images*/
     top: 19vh;
     scale: 0.8;
   }
-  .cameraImg {
-    // margin-bottom: 30%;
-    margin-left: 30%;
-  }
 }
 @media screen and (min-width: 1000px) {
   .ParentClass {
@@ -281,10 +286,10 @@ $n: 6; /* number of images*/
     top: 15vh;
     scale: 0.8;
   }
-  .cameraImg {
-    // margin-bottom: 30%;
-    margin-left: 30%;
-  }
+  // .cameraImg {
+  //   // margin-bottom: 30%;
+  //   margin-left: 30%;
+  // }
 }
 
 #random {