Merge pull request #50 from alfiyafatima09/main

pbdsce · Aug 17, 2024 · 656978f · 656978f
2 parents 5661f99 + 5defe42
commit 656978f
Showing 1 changed file with 41 additions and 10 deletions.
diff --git a/components/activities.tsx b/components/activities.tsx
@@ -10,12 +10,22 @@ export default function Activities() {
       </div>
 
       {/* CP Post */}
-      <div className="flex flex-col md:flex-row w-full h-full" data-aos="zoom-y-out" data-aos-delay="150">
+      <div
+        className="flex flex-col md:flex-row w-full h-full"
+        data-aos="zoom-y-out"
+        data-aos-delay="150"
+      >
         <div className="highlight flex-1 flex items-center justify-center bg-black-800 p-8">
           <div className="p-8 md:p-16">
-            <HyperText className="text-3xl font-bold mb-4 text-green-500" text="CP" />
+            {/* <HyperText className="text-3xl font-bold mb-4 text-green-500 " text="Competitive Programming" /> */}
+            <div className="w-full max-w-[90%] mx-auto ">
+              <HyperText
+                className="text-3xl font-bold mb-4 text-green-500 text-center whitespace-nowrap overflow-hidden text-ellipsis"
+                text="Competitive Programming"
+              />
+            </div>
             <h2 className="text-2xl font-bold mb-4 px-10">PB Hustle</h2>
-            <p className="text-lg text-justify px-16">
+            <p className="text-lg text-justify px-16">  
               Point Blank has organized over 40+ editions of its PB Hustle
               coding contest, where participants solve 5-7 increasingly
               difficult problems in their preferred programming language. The
@@ -41,7 +51,11 @@ export default function Activities() {
       </div>
 
       {/* Development Post */}
-      <div className="flex flex-col-reverse items-center justify-center md:flex-row w-full h-full" data-aos="zoom-y-out" data-aos-delay="150">
+      <div
+        className="flex flex-col-reverse items-center justify-center md:flex-row w-full h-full"
+        data-aos="zoom-y-out"
+        data-aos-delay="150"
+      >
         <div className="highlight flex-1 flex items-center justify-center bg-black-500 h-full">
           <div className="h-96 flex items-center justify-center bg-black-900">
             <Image
@@ -55,7 +69,10 @@ export default function Activities() {
         </div>
         <div className="highlight flex-1 flex items-center justify-center p-8 bg-black-800">
           <div className="p-8 md:p-16 text-justify">
-            <HyperText className="text-3xl font-bold mb-4 text-green-500" text="Development" />
+            <HyperText
+              className="text-3xl font-bold mb-4 text-green-500"
+              text="Development"
+            />
             <h2 className="text-2xl font-bold mb-4">PB Chronicles</h2>
             <p className="text-lg text-justify">
               Point Blank has hosted over 100+ workshops, covering a wide range
@@ -71,10 +88,17 @@ export default function Activities() {
       </div>
 
       {/* Hackathon Post */}
-      <div className="flex flex-col md:flex-row w-full h-full" data-aos="zoom-y-out" data-aos-delay="150">
+      <div
+        className="flex flex-col md:flex-row w-full h-full"
+        data-aos="zoom-y-out"
+        data-aos-delay="150"
+      >
         <div className="highlight flex-1 flex items-center justify-center bg-black-800 p-8">
           <div className="p-8 md:p-16">
-            <HyperText className="text-3xl font-bold mb-4 text-green-500" text="Hackathons" />
+            <HyperText
+              className="text-3xl font-bold mb-4 text-green-500"
+              text="Hackathons"
+            />
             <h2 className="text-2xl font-bold mb-4">Smart India Hackathon</h2>
             <p className="text-lg text-justify">
               Each year, we organize the internal round of the Smart India
@@ -100,7 +124,11 @@ export default function Activities() {
       </div>
 
       {/* CyberSec Post */}
-      <div className="flex flex-col-reverse items-center justify-center md:flex-row w-full h-full" data-aos="zoom-y-out" data-aos-delay="150">
+      <div
+        className="flex flex-col-reverse items-center justify-center md:flex-row w-full h-full"
+        data-aos="zoom-y-out"
+        data-aos-delay="150"
+      >
         <div className="highlight flex-1 flex items-center justify-center bg-black-900 h-full">
           <div className="w-96 h-96 flex items-center justify-center bg-black-900">
             <Image
@@ -115,7 +143,10 @@ export default function Activities() {
 
         <div className="highlight flex-1 flex items-center justify-center p-8 bg-black-800">
           <div className="p-8 md:p-16">
-            <HyperText className="text-3xl font-bold mb-4 text-green-500" text="Cybersecurity" />
+            <HyperText
+              className="text-3xl font-bold mb-4 text-green-500"
+              text="Cybersecurity"
+            />
             <h2 className="text-2xl font-bold mb-4">PB CTF</h2>
             <p className="text-lg text-justify">
               We organize workshops and sessions on various topics in
@@ -128,4 +159,4 @@ export default function Activities() {
       </div>
     </>
   );
-}
+}