blog button added

Author: tusharsinghbisht

public/data.json

@@ -181,6 +181,10 @@
         }
     ],
     "blogs": [
+        {
+            "name": "KASHICTF 2025 writeups",
+            "link": "https://github.com/E-HAX/writeups/tree/main/2025/kashictf"
+        },
         {
             "name": "BITSCTF 2025 writeups",
             "link": "https://github.com/E-HAX/writeups/tree/main/2025/bitsctf"

src/app/components/tabs/BlogTab.module.css

@@ -43,4 +43,31 @@
     color: var(--background);
     padding: 4px;
     text-decoration: none;
+}
+
+
+.blogTop {
+    color: var(--background);
+    background: var(--text);
+    padding: 8px;
+    margin-bottom: 18px;
+    position: relative;
+}
+.blogTop p {
+    font-size: 14px;
+    margin-top: 4px;
+    margin-bottom: 12px;
+}
+.blogTop a {
+    padding: 5px 8px;
+    text-decoration: none;
+    background: var(--background);
+    color: var(--text);
+    margin-top: 10px;
+    border-radius: 4px;
+}
+
+.blogTop:hover {
+    transform: scale(1.01);
+    cursor: pointer;
 }

src/app/components/tabs/BlogTab.tsx

@@ -1,25 +1,35 @@
 import { AppContext } from "@/app/context/AppContext";
 import React, { useContext } from "react";
-import styles from "./BlogTab.module.css"
+import styles from "./BlogTab.module.css";
 
 const BlogTab = () => {
-  const { data } = useContext(AppContext)
+  const { data } = useContext(AppContext);
   const { blogs } = data;
-    
+
   return (
     <div>
-      {
-        blogs ?
-        blogs.map(blog => (
-          <div key={blog.name} className={styles.blog}>
-            <h4>{blog.name}</h4>
-            <p>{blog.about}</p>
-            <a href={blog.link} target="___blank">Read More</a>
-          </div>
-        ))
-        :
-        <p className={styles.text}>No events yet</p>
-      }
+      <div className={styles.blogTop}>
+        <h4>EHAX Blogs</h4>
+        <p>Full blogs from EHAX {":)"}</p>
+        <a href="/blog" target="___blank">
+         View All
+        </a>
+      </div>
+      <>
+        {blogs ? (
+          blogs.map((blog) => (
+            <div key={blog.name} className={styles.blog}>
+              <h4>{blog.name}</h4>
+              <p>{blog.about}</p>
+              <a href={blog.link} target="___blank">
+                Read More
+              </a>
+            </div>
+          ))
+        ) : (
+          <p className={styles.text}>No events yet</p>
+        )}
+      </>
     </div>
   );
 };