update: about and previous edition

TEDx-SJEC · Oct 16, 2024 · 5c1a44d · 5c1a44d
1 parent 050d237
commit 5c1a44d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/src/components/common/About.tsx b/src/components/common/About.tsx
@@ -32,7 +32,7 @@ const AboutSection: React.FC = () => {
         whileInView={{ y: 0, opacity: 1 }}
         transition={{ duration: 1, ease: "easeOut" }}
       >
-        <h2 className="text-4xl md:text-8xl font-black text-red-600 mb-4 md:mb-6 leading-tight">
+        <h2 className="text-4xl md:text-[89px] font-black text-red-600 mb-4 md:mb-6 leading-tight">
           About TEDxSJEC
         </h2>
         <p className="text-base md:text-3xl leading-relaxed mb-4 md:mb-6 text-gray-300">

diff --git a/src/components/common/Container-Scroll.tsx b/src/components/common/Container-Scroll.tsx
@@ -14,10 +14,15 @@ export function PreviousEdition() {
           </>
         }
       >
-        <video width="100%" height="100%" controls preload="none" poster="">
+        {/* <video width="100%" height="100%" controls preload="none" poster="">
           <source src="/path/to/video.mp4" type="video/mp4" />
           Your browser does not support the video tag.
-        </video>
+        </video> */}
+        <iframe
+          width="100%"
+          height="450"
+          src="http://www.youtube.com/embed/NCWwTsAjiys?si=xBkmPtQEYQl_tEIX"
+        ></iframe>
       </ContainerScroll>
     </div>
   );

diff --git a/src/components/ui/container-scroll-animation.tsx b/src/components/ui/container-scroll-animation.tsx
@@ -85,9 +85,9 @@ export const Card = ({
         boxShadow:
           "2px 2px #0000004d, 4px 2px 5px #0000004a, 9px 9px 9px #00000042, 12px 21px 12px #00000026, 15px 37px 15px #0000000a, 17px 58px 17px #00000003",
       }}
-      className="max-w-5xl -mt-12 mx-auto h-fit  w-full border-4 border-[#6C6C6C] p-2 md:p-6 bg-[#222222] rounded-[30px] shadow-2xl"
+      className="max-w-5xl -mt-12 mx-auto h-fit  w-full border-[#6C6C6C] p-2 md:p-4 bg-[#222222] rounded-[16px] shadow-2xl"
     >
-      <div className=" h-full w-full  overflow-hidden rounded-2xl bg-gray-100 dark:bg-zinc-900 md:rounded-2xl md:p-4 ">
+      <div className=" h-full w-full  overflow-hidden rounded-2xl bg-gray-100 dark:bg-zinc-900 md:rounded-[16px] md:p-4 ">
         {children}
       </div>
     </motion.div>