Merge branch 'main' into fixing-blogs

Author: Adez017

blog/spark-performance-optimizations/img/01_suffle.png

@@ -482,14 +482,7 @@ body {
   * Hide all navbar items on small screens except the toggle, brand,
   * and the Clerk auth control.
   */
-<<<<<<< HEAD
   .navbar__items .navbar__item:not(.navbar__toggle):not(.navbar__brand):not( :has(#firebase-auth-github-navbar)) {
-=======
-  .navbar__items
-    .navbar__item:not(.navbar__toggle):not(.navbar__brand):not(
-      :has(#clerk-auth-navbar)
-    ) {
->>>>>>> upstream/main
     display: none !important;
   }
 
@@ -1970,4 +1963,46 @@ h2:first-child,
 h3:first-child {
   margin-top: 0;
   margin-bottom: 1rem;
-}
+}
+
+/* --- CUSTOM MODERN SCROLLBAR --- */
+
+::-webkit-scrollbar {
+  width: 6px !important;
+  height: 6px !important;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent !important;
+}
+
+/* --- LIGHT THEME --- */
+html[data-theme="light"] ::-webkit-scrollbar-thumb {
+  background-color: rgba(203, 213, 225, 1) !important;
+  border-radius: 10px !important;
+}
+
+html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(148, 163, 184, 1) !important;
+}
+
+/* --- DARK THEME --- */
+html[data-theme="dark"] ::-webkit-scrollbar-thumb {
+  background-color: rgba(51, 65, 85, 0.8) !important;
+  border-radius: 10px !important;
+}
+
+html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
+  background-color: #06b6d4 !important;
+}
+
+/* --- FIREFOX CORRECTIONS --- */
+html[data-theme="light"] {
+  scrollbar-width: thin !important;
+  scrollbar-color: #cbd5e1 transparent !important;
+}
+
+html[data-theme="dark"] {
+  scrollbar-width: thin !important;
+  scrollbar-color: #334155 transparent !important;
+}

blog/spark-performance-optimizations/img/caching_pipeline.png

@@ -89,17 +89,6 @@ const blogs: Blog[] = [
     category: "data engineering",
     tags: ["Microsoft", "Azure", "Data Engineering", "Certification"],
   },
-  {
-    id: 9,
-    title: "How SSO Actually Works",
-    image: "/img/blogs/sso_cover.png",
-    description:
-      "SSO lets you log into dozens of apps with a single set of credentials. But how does it actually work under the hood? A beginner-friendly walkthrough of the full flow — from clicking 'Sign in with Google' to getting access — step by step.",
-    slug: "single-sign-on",
-    authors: ["Aditya-Singh-Rathore", "sanjay-kv"],
-    category: "security",
-    tags: ["SSO", "Authentication", "Security", "OAuth", "OpenID Connect", "SAML"],
-  },
   {
     id: 8,
     title: "Microsoft Fabric: One Platform, One Lake, Every Data Workload",
@@ -111,6 +100,17 @@ const blogs: Blog[] = [
     category: "data engineering",
     tags: ["Microsoft", "Azure", "Data Engineering", "Certification", "Fabric", "OneLake", "Data Workloads", "Unified Analytics"],
   },
+  {
+    id: 9,
+    title: "How SSO Actually Works",
+    image: "/img/blogs/sso_cover.png",
+    description:
+      "SSO lets you log into dozens of apps with a single set of credentials. But how does it actually work under the hood? A beginner-friendly walkthrough of the full flow — from clicking 'Sign in with Google' to getting access — step by step.",
+    slug: "single-sign-on",
+    authors: ["Aditya-Singh-Rathore", "sanjay-kv"],
+    category: "security",
+    tags: ["SSO", "Authentication", "Security", "OAuth", "OpenID Connect", "SAML"],
+  },
   {
     id: 10,
     title: "Lakehouse vs Data Warehouse: A Comprehensive Comparison",
@@ -166,17 +166,6 @@ const blogs: Blog[] = [
     category: "data engineering",
     tags: ["Medallion Architecture", "Data Pipeline", "Data Management", "Data Quality", "Data Governance", "Scalability", "Data Engineering"],
   },
-  {
-    id: 16,
-    title: "Why We Rolled Back Our Kafka Pipeline to Batch After 6 Months",
-    image: "/img/blogs/batch-vs-stream-cover.png",
-    description:
-      "Streaming pipelines are powerful for real-time data processing, but they come with hidden costs that are often overlooked. These costs include increased complexity, higher resource consumption, and potential challenges in maintaining data consistency and reliability. This article explores these hidden costs and provides insights on how to mitigate them.",
-    slug: "batch-vs-stream-processing",
-    authors: ["Aditya-Singh-Rathore"],
-    category: "data engineering",
-    tags: ["Streaming Pipelines", "Real-Time Data Processing", "Data Consistency", "Data Reliability", "Resource Consumption", "Complexity", "Data Engineering"],
-  },
   {
     id: 15,
     title: "Azure Synapse Analytics: When to Use It (And When to Choose Fabric Instead)",
@@ -188,6 +177,18 @@ const blogs: Blog[] = [
     category: "data engineering",
     tags: ["Azure", "Synapse Analytics", "Data Warehousing", "Big Data", "Unified Analytics", "Fabric", "Data Engineering"],
   },
+  {
+    id: 16,
+    title: "Why We Rolled Back Our Kafka Pipeline to Batch After 6 Months",
+    image: "/img/blogs/batch-vs-stream-cover.png",
+    description:
+      "Streaming pipelines are powerful for real-time data processing, but they come with hidden costs that are often overlooked. These costs include increased complexity, higher resource consumption, and potential challenges in maintaining data consistency and reliability. This article explores these hidden costs and provides insights on how to mitigate them.",
+    slug: "batch-vs-stream-processing",
+    authors: ["Aditya-Singh-Rathore"],
+    category: "data engineering",
+    tags: ["Streaming Pipelines", "Real-Time Data Processing", "Data Consistency", "Data Reliability", "Resource Consumption", "Complexity", "Data Engineering"],
+  },
+
   {
     id: 17,
     title: "Azure Data Pipeline Cost Optimization: How We Cut a $4,200 Bill by 73%",
@@ -199,6 +200,17 @@ const blogs: Blog[] = [
     category: "data engineering",
     tags: ["Azure", "Data Pipeline", "Cost Optimization", "Data Engineering"],
   },
+  {
+    id: 18,
+    title: "PySpark Optimization Techniques: 6 Mistakes That Slow Down Every Beginner's Pipeline",
+    image: "/img/blogs/pyspark_optimization_cover.png",
+    description:
+      "PySpark is a powerful tool for big data processing, but it can be challenging to optimize for performance. In this article, we discuss six common mistakes that beginners make when optimizing their PySpark pipelines, which can lead to slow performance and increased costs. We provide practical tips and techniques to help you avoid these pitfalls and improve the efficiency of your PySpark applications.",
+    slug: "spark-performance-optimizations",
+    authors: ["Aditya-Singh-Rathore"],
+    category: "data engineering",
+    tags: ["PySpark", "Optimization", "Big Data", "Performance", "Data Engineering"],
+  },
 
 ];
 

blog/spark-performance-optimizations/img/python_udf_vs_built_in.png

@@ -534,10 +534,10 @@
 }
 
 .tableWrapper {
+  width: max-content;
+  max-width: 100%;
+  margin: 0 auto 32px auto;
   overflow-x: auto;
-  margin-bottom: 32px;
-  display: flex;
-  justify-content: center;
 }
 
 .achievementsTable,

blog/spark-performance-optimizations/img/sort_vs_merge_join.png

@@ -76,9 +76,8 @@ const GithubBadgesContent = (): React.ReactElement => {
       description="Complete guide to GitHub achievements and badges. Learn how to unlock and showcase your GitHub contributions with the recode hive community."
     >
       <div
-        className={`${styles["github-badges-page"]} transition-colors duration-300 ${
-          isDark ? "dark-bg-primary dark-text-primary" : "bg-white text-black"
-        }`}
+        className={`${styles["github-badges-page"]} transition-colors duration-300 ${isDark ? "dark-bg-primary dark-text-primary" : "bg-white text-black"
+          }`}
       >
         {/* Hero section */}
         <Head>
@@ -1320,6 +1319,36 @@ const GithubBadgesContent = (): React.ReactElement => {
               />
             </div>{" "}
           </motion.div>
+
+          <motion.div
+            className={`${styles.certCard}`}
+            initial={{ opacity: 0, x: 50 }}
+            whileInView={{ opacity: 1, x: 0 }}
+            viewport={{ once: true }}
+            transition={{ duration: 0.5, delay: 0.5 }}
+          >
+            <div className={styles.certBadge}>
+              <img
+                src="/img/agentic-badge.png"
+                alt="GitHub Agentic AI Developer Badge"
+                style={{ borderRadius: "50px" }}
+              />
+            </div>
+            <div className={styles.cardContent}>
+              <h2>GitHub Agentic AI Developer</h2>
+              <p>
+                The GitHub Certified: Agentic AI Developer certification validates your expertise in creating intelligent automated workflows, building AI-powered agents, and extending GitHub's capabilities.
+              </p>
+              <a
+                href="https://learn.github.com/certification/AGENTIC"
+                className={styles.certLink}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                Prepare for the GitHub Agentic AI Developer exam
+              </a>
+            </div>
+          </motion.div>
         </div>
       </div>
     </Layout>