docs: fix image path and revert to light theme

Author: ChAbdulWahhab

docs/05-events.md

@@ -13,7 +13,7 @@ It specifies the event state, which includes information such as the location of
 ## 11.14.2 Event Bubbling
 Event bubbling is mechanism that allows you to specify a common event handler for all child elements. This means that the parent element handles all the events generated by the child elements. For example, consider a Web page that consists of a paragraph and a table. The paragraph consists of multiple occurrences of italic text. Now, you want to change the color of each italic text of a paragraph when the user clicks a particular button. Instead of declaring an event handler for each italic text, you can declare it within the P element. This allows you to apply colors for all italic text within the paragraph. This helps in reducing the development time and efforts since it minimizes the code.
 
-![Figure 11.11: Event Bubbling](./images/EventBubbling.drawio.png)
+![Figure 11.11: Event Bubbling](images/EventBubbling.drawio.png)
 
 ## 11.14.3 Life Cycle of on Event
 An event's life starts when the user preforms an action to interact with the Web page. It finally ends when the event handler provides a response to the user's action.

docs/README.md

@@ -0,0 +1,76 @@
+# JavaScript Learning Journey
+
+A comprehensive guide for learning JavaScript fundamentals through an organized, step-by-step approach.
+
+## Table of Contents
+
+1. **[Introduction to JavaScript](01-introduction.md)**
+
+   * What is scripting?
+   * Client-side vs. Server-side scripting
+   * History and Versions of ECMAScript
+
+2. **[Variables & Scripting Basics](02-variables.md)**
+
+   * Using the `<script>` tag
+   * Working with `var`, `let`, and `const`
+   * Naming rules and best practices
+
+3. **[Data Types & Formatting](03-data-types.md)**
+
+   * Primitive and Composite Data Types
+   * Escape sequences for formatted output
+
+4. **[Built-in Functions](04-functions.md)**
+
+   * Commonly used functions like `alert`, `prompt`, and `parseInt`
+
+5. **[Events & Interactivity](05-events.md)**
+
+   * Event Handling and Bubbling
+   * Understanding the event life cycle
+
+6. **[Mouse Events](06-mouse-events.md)**
+
+   * `onclick`, `onmouseover`, `onmousemove`
+   * Tracking cursor position
+
+7. **[Increment & Decrement Operators](07-increment-decrement.md)**
+
+   * Pre-increment vs Post-increment
+   * Understanding operator precedence
+
+8. **[Control Flow: Loops](08-loops.md)**
+
+   * `for`, `while`, and `do...while` loops
+   * Choosing the right loop for your task
+
+9. **[Control Flow: If-Else](09-if-else.md)**
+
+   * `if`, `else`, and `else if` ladder
+   * Nested conditions and Ternary Operator
+
+10. **[Control Flow: Switch Case](10-switch-case.md)**
+
+   * `switch` statement syntax
+   * `case`, `break`, and `default`
+
+11. **[String Methods](11-string-methods.md)**
+
+   * Most commonly used methods like `slice`, `replace`, `split`, etc.
+   * Understanding string immutability
+
+### Reference
+* **[Operators Reference](operators.md)**
+
+---
+
+## How to Use This Guide
+
+* **Sequential Learning:** Section 1 se start karein aur step-by-step aage barhein
+* **Quick Reference:** Kisi bhi topic par direct jump karne ke liye links use karein
+* **Hands-on Practice:** Har section me simple aur practical JavaScript examples hain
+
+## ✅ Prerequisites
+
+HTML aur CSS ki basic understanding honi chahiye taa ke JavaScript concepts easily samajh aa saken.

docs/_sidebar.md

@@ -0,0 +1,13 @@
+* [Home](README.md)
+* [Introduction](01-introduction.md)
+* [Variables](02-variables.md)
+* [Data Types](03-data-types.md)
+* [Built-in Functions](04-functions.md)
+* [Events](05-events.md)
+* [Mouse Events](06-mouse-events.md)
+* [Increment/Decrement](07-increment-decrement.md)
+* [Loops](08-loops.md)
+* [If-Else](09-if-else.md)
+* [Switch Case](10-switch-case.md)
+* [String Methods](11-string-methods.md)
+* [Operators Reference](operators.md)

images/.DS_Store docs/images/.DS_Storeimages/.DS_Store renamed to docs/images/.DS_Store

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>JavaScript Journey</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="description" content="A comprehensive guide for learning JavaScript fundamentals.">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
+</head>
+
+<body>
+    <div id="app"></div>
+    <script>
+        window.$docsify = {
+            name: 'JS Journey',
+            repo: 'ChAbdulWahhab/Javascript-Journey',
+            loadSidebar: true,
+            subMaxLevel: 2,
+            auto2top: true
+        }
+    </script>
+    <!-- Docsify v4 -->
+    <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
+</body>
+
+</html>