theme update

adityaSrivastava29 · adityaSrivastava29 · commit 986bfe80b7e3 · 2026-06-02T14:17:24.000+05:30
diff --git a/Arrays/array.md b/Arrays/array.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 [← Back to Home](../index.md)
 
 Arrays are one of the most fundamental data structures in JavaScript. They are used to store collections of values, and provide a variety of methods for manipulating and working with those values.
diff --git a/Closures-and-Scope/closures.md b/Closures-and-Scope/closures.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 [← Back to Home](../index.md)
 
 # JavaScript Closures: In-Depth Guide with Examples
@@ -713,4 +717,3 @@ function bankAccount(balance) {
 
 * `balance` cannot be accessed directly
 * True privacy without classes
-
diff --git a/Data-Types/data-type.md b/Data-Types/data-type.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 ## JavaScript Data Types and Type Coercion
 
 ---
@@ -641,4 +645,4 @@ if ("false") { } // executes
 - `==` = legacy convenience
 - `===` = correctness
 - Type safety in JS is behavioral, not enforced
-- Robust systems reduce coercion surface area explicitly
+- Robust systems reduce coercion surface area explicitly
diff --git a/DeepCopyVSShallowCopy/shallow-deep-copy.md b/DeepCopyVSShallowCopy/shallow-deep-copy.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 # Shallow Copy vs Deep Copy in JavaScript
 
 Understanding how JavaScript handles data updating is crucial when working with objects and arrays. This guide explains the differences between Shallow Copy and Deep Copy.
@@ -133,4 +137,3 @@ graph LR
 | **Memory Usage** | Low | High |
 | **Speed** | Fast | Slow |
 | **Methods** | `Object.assign`, spread | `JSON.parse/stringify`, `structuredClone` |
-
diff --git a/JS-Interview-Questions/HigherOrderFunction.md b/JS-Interview-Questions/HigherOrderFunction.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 [← Back to Home](../index.md)
 
 # Higher Order Functions in JavaScript
diff --git a/JS-Interview-Questions/JS-Tricky-Interview.md b/JS-Interview-Questions/JS-Tricky-Interview.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 # 🧠 Tricky JavaScript Interview Questions
 
 > A comprehensive collection of tricky JS questions, output-based puzzles, and their detailed explanations.
diff --git a/JS-Interview-Questions/eventloop.md b/JS-Interview-Questions/eventloop.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 [← Back to Home](../index.md)
 
 # JavaScript Event Loop - Complete Interview Guide
@@ -611,4 +615,4 @@ console.log("5");
 
 **Solutions:**
 - Problem 1: A, F, C, E, B, D
-- Problem 2: 4, 1, 3, 5, 2
+- Problem 2: 4, 1, 3, 5, 2
diff --git a/JS-Interview-Questions/interview.md b/JS-Interview-Questions/interview.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 # JavaScript Interview Guide - Complete Reference
 
 ## 1. What is the difference between 'Pass by Value' and 'Pass by Reference'?
@@ -3278,4 +3282,3 @@ await memoizedFetch('/api/users');
 ```
 
 ---
-
diff --git a/JS-Interview-Questions/interview_preparation.md b/JS-Interview-Questions/interview_preparation.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 # Full Stack Developer MERN Interview Questions
 
 
@@ -649,7 +653,8 @@ if (cluster.isMaster) {
   // Workers share the TCP connection
   http.createServer((req, res) => {
     res.writeHead(200);
-    res.end(`Hello from worker ${process.pid}\n`);
+    res.end(`Hello from worker ${process.pid}
+`);
   }).listen(8000);
   
   console.log(`Worker ${process.pid} started`);
diff --git a/JS-Interview-Questions/map-reduce-filters.md b/JS-Interview-Questions/map-reduce-filters.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 [← Back to Home](../index.md)
 
 # JavaScript Array Methods: map, filter, and reduce
@@ -251,4 +255,3 @@ Understanding polyfills helps you:
 - `map`, `filter`, and `reduce` are essential for working with arrays in JavaScript.
 - They help you write clean, readable, and functional code.
 - Polyfills show how these methods work under the hood and are useful for learning or supporting older environments.
-
diff --git a/Prototypes-and-Inheritance/prototypes-inheritance.md b/Prototypes-and-Inheritance/prototypes-inheritance.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 # Prototypes & Inheritance in JavaScript
 
 ---
diff --git a/_layouts/note.html b/_layouts/note.html
@@ -0,0 +1,70 @@
+---
+layout: default
+---
+
+<style>
+  .note-nav {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 0 16px 0;
+    margin-bottom: 24px;
+    border-bottom: 1px solid #e1e4e8;
+    flex-wrap: wrap;
+  }
+  .note-nav-bottom {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 16px 0 10px 0;
+    margin-top: 40px;
+    border-top: 1px solid #e1e4e8;
+    flex-wrap: wrap;
+  }
+  .note-nav .spacer,
+  .note-nav-bottom .spacer {
+    flex: 1;
+  }
+  .nav-btn {
+    display: inline-block;
+    padding: 7px 16px;
+    border-radius: 6px;
+    border: 1px solid #d1d5da;
+    color: #0366d6;
+    text-decoration: none;
+    font-size: 14px;
+    font-weight: 500;
+    background: #f6f8fa;
+    white-space: nowrap;
+  }
+  .nav-btn:hover {
+    background: #e1e4e8;
+    text-decoration: none;
+    color: #0366d6;
+  }
+  .nav-btn.home {
+    background: #0366d6;
+    color: #fff;
+    border-color: #0366d6;
+  }
+  .nav-btn.home:hover {
+    background: #0256b9;
+    color: #fff;
+  }
+</style>
+
+<div class="note-nav">
+  <a href="{{ '/' | relative_url }}" class="nav-btn home">🏠 Home</a>
+  <span class="spacer"></span>
+  {% if page.prev_url %}<a href="{{ page.prev_url | relative_url }}" class="nav-btn">← {{ page.prev_title }}</a>{% endif %}
+  {% if page.next_url %}<a href="{{ page.next_url | relative_url }}" class="nav-btn">{{ page.next_title }} →</a>{% endif %}
+</div>
+
+{{ content }}
+
+<div class="note-nav-bottom">
+  <a href="{{ '/' | relative_url }}" class="nav-btn home">🏠 Back to Home</a>
+  <span class="spacer"></span>
+  {% if page.prev_url %}<a href="{{ page.prev_url | relative_url }}" class="nav-btn">← {{ page.prev_title }}</a>{% endif %}
+  {% if page.next_url %}<a href="{{ page.next_url | relative_url }}" class="nav-btn">{{ page.next_title }} →</a>{% endif %}
+</div>
diff --git a/async-await/async-await.md b/async-await/async-await.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 [← Back to Home](../index.md)
 
 # JavaScript Async/Await
diff --git a/call-bind-apply/call-bind-apply.md b/call-bind-apply/call-bind-apply.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 # `call`, `bind`, `apply` in JavaScript
 
 ---
diff --git a/debouncing_Throttling/debouncing_throttling_notes.md b/debouncing_Throttling/debouncing_throttling_notes.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 # Debouncing and Throttling in JavaScript
 
 ## Introduction
diff --git a/functions/functions.md b/functions/functions.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 [← Back to Home](../index.md)
 
 # JavaScript Functions: Concepts and Examples
@@ -148,4 +152,3 @@ callbackExample(() => {
 | Anonymous Function       |   No    |   No   |       Yes        |     Yes      | Callbacks, IIFE         |
 | Named Function Expression|   No    |  Yes   |        No        |     Yes      | Recursion, debugging    |
 | Arrow Function           |   No    |   No   |       Yes        |     Yes      | Callbacks, short syntax |
-
diff --git a/index.md b/index.md
@@ -1,32 +1,30 @@
-# JavaScript Concepts with Code Examples and Interview Questions:
-
-## 📚 Table of Contents
-
-- [Data Types](Data-Types/data-type.md)
-- [loops](loops/loops.md)
-- [String](string/string.md)
-- [Arrays](Arrays/array.md)
-- [Deep Copy vs Shallow Copy](DeepCopyVSShallowCopy/shallow-deep-copy.md)
-- [Sets](map-set/set.md)
-- [JavaScript Regular Expression](string/regex.md)
-- [Functions](functions/functions.md)
-- [Callbacks](promises/callback.md)
-- [Closures and Scope](Closures-and-Scope/closures.md)
-- [Event Loop](JS-Interview-Questions/eventloop.md)
-- [Higher Order Functions](JS-Interview-Questions/HigherOrderFunction.md)
-- [Map, Reduce, Filter](JS-Interview-Questions/map-reduce-filters.md)
-- [Polyfills](HigherOrderFunction/polyfills.html)
-- [Promises](promises/promises.md)
-- [Async/Await](async-await/async-await.md)
-- [Debouncing and Throttling](Debouncing_Throttling/debouncing_throttling_notes.md)
-- [Prototypes and Inheritance](Prototypes-and-Inheritance/prototypes-inheritance.md)
-- [Call, Bind, Apply](call-bind-apply/call-bind-apply.md)
-- [Polyfill in JS](polyfill/polyfill.md)
-- [🧠 Tricky JS Interview Questions & Output Puzzles](JS-Interview-Questions/JS-Tricky-Interview.md)
-- [JavaScript Interview Questions](JS-Interview-Questions/interview.md)
-- [More Topics Coming Soon!]
-
 ---
+layout: default
+---
+
+## 📚 JavaScript Concepts
+
+- [Data Types](Data-Types/data-type)
+- [Loops](loops/loops)
+- [String](string/string)
+- [Arrays](Arrays/array)
+- [Deep Copy vs Shallow Copy](DeepCopyVSShallowCopy/shallow-deep-copy)
+- [JavaScript Regular Expression](string/regex)
+- [Functions](functions/functions)
+- [Callbacks](promises/callback)
+- [Closures and Scope](Closures-and-Scope/closures)
+- [Event Loop](JS-Interview-Questions/eventloop)
+- [Higher Order Functions](JS-Interview-Questions/HigherOrderFunction)
+- [Map, Reduce, Filter](JS-Interview-Questions/map-reduce-filters)
+- [Polyfills](HigherOrderFunction/polyfills.html)
+- [Promises](promises/promises)
+- [Async/Await](async-await/async-await)
+- [Debouncing and Throttling](Debouncing_Throttling/debouncing_throttling_notes)
+- [Prototypes and Inheritance](Prototypes-and-Inheritance/prototypes-inheritance)
+- [Call, Bind, Apply](call-bind-apply/call-bind-apply)
+- [Polyfill in JS](polyfill/polyfill)
+- [🧠 Tricky JS Interview Questions & Output Puzzles](JS-Interview-Questions/JS-Tricky-Interview)
+- [JavaScript Interview Questions](JS-Interview-Questions/interview)
 
 ---
 
@@ -39,6 +37,7 @@
 
 ---
 
-## [Namaste React Notes](https://aditya29.notion.site/Namaste-Engineering-260bc22ab99080d787f6d8bee9c35d8d)
+## 📖 Other Resources
 
-## [Full Stack MERN INTERVIEW](/JS-Interview-Questions/interview_preparation.md)
+- [Full Stack MERN Interview Prep](JS-Interview-Questions/interview_preparation)
+- [Namaste React Notes](https://aditya29.notion.site/Namaste-Engineering-260bc22ab99080d787f6d8bee9c35d8d)
diff --git a/loops/loops.md b/loops/loops.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 [← Back to Home](../index.md)
 
 # JavaScript Loops: A Complete Guide
diff --git a/polyfill/polyfill.md b/polyfill/polyfill.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 # JavaScript Polyfills — Complete Notes
 > A polyfill is a piece of code that provides modern JavaScript functionality in older environments that don't support it.
 
diff --git a/promises/callback.md b/promises/callback.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 [← Back to Home](../index.md)
 
 # Callbacks and Callback Hell in JavaScript 🔄
@@ -374,4 +378,3 @@ Callbacks are essential for asynchronous JavaScript programming, but they can qu
 Remember: Callbacks aren't bad, but callback hell is! Use modern JavaScript features to write cleaner, more maintainable asynchronous code.
 
 ---
-
diff --git a/promises/promises.md b/promises/promises.md
@@ -1,3 +1,7 @@
+---
+layout: note
+---
+
 [← Back to Home](../index.md)
 
 # Promises in JavaScript
diff --git a/react-interview/react-handbook-part1.md b/react-interview/react-handbook-part1.md
@@ -1,4 +1,7 @@
 ---
+layout: note
+next_url: /react-interview/react-handbook-part2
+next_title: Part 2
 ---
 
 {% raw %}
diff --git a/react-interview/react-handbook-part2.md b/react-interview/react-handbook-part2.md
@@ -1,4 +1,9 @@
 ---
+layout: note
+prev_url: /react-interview/react-handbook-part1
+prev_title: Part 1
+next_url: /react-interview/react-handbook-part3
+next_title: Part 3
 ---
 
 {% raw %}
diff --git a/react-interview/react-handbook-part3.md b/react-interview/react-handbook-part3.md
@@ -1,4 +1,9 @@
 ---
+layout: note
+prev_url: /react-interview/react-handbook-part2
+prev_title: Part 2
+next_url: /react-interview/react-handbook-part4
+next_title: Part 4
 ---
 
 {% raw %}
diff --git a/react-interview/react-handbook-part4.md b/react-interview/react-handbook-part4.md
@@ -1,4 +1,7 @@
 ---
+layout: note
+prev_url: /react-interview/react-handbook-part3
+prev_title: Part 3
 ---
 
 {% raw %}
diff --git a/string/regex.md b/string/regex.md
diff --git a/string/string.md b/string/string.md
