From 21b2d716a7f2e08ead2d5a44cdd7ec680a90f5d1 Mon Sep 17 00:00:00 2001
From: Divyam Ahuja <ahujadivyam@gmail.com>
Date: Sun, 10 May 2026 22:34:07 +0530
Subject: [PATCH] feat: add Networking series infrastructure and Part 1

---
 assets/css/style.css                          | 31 +++++++++++
 .../posts/networking-part-1-the-osi-model.md  | 54 +++++++++++++++++++
 ...etworking-part-2-physical-and-data-link.md |  9 ++++
 .../networking-part-3-the-network-layer.md    |  9 ++++
 ...orking-part-4-transport-and-application.md |  9 ++++
 hugo.toml                                     |  5 ++
 layouts/_default/single.html                  | 20 +++++++
 7 files changed, 137 insertions(+)
 create mode 100644 content/posts/networking-part-1-the-osi-model.md
 create mode 100644 content/posts/networking-part-2-physical-and-data-link.md
 create mode 100644 content/posts/networking-part-3-the-network-layer.md
 create mode 100644 content/posts/networking-part-4-transport-and-application.md

diff --git a/assets/css/style.css b/assets/css/style.css
index ba56c3e..519ac0a 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -516,6 +516,37 @@ button.tag-item {
   border: 1px solid var(--border);
 }
 
+/* --- Series Navigation --- */
+.series-nav {
+  background: var(--bg-alt);
+  border-left: 4px solid var(--accent);
+  padding: 1.2rem 1.5rem;
+  margin-bottom: 2.5rem;
+  border-radius: 0 4px 4px 0;
+  font-size: 0.9rem;
+}
+
+.series-nav p {
+  margin-bottom: 0.8rem;
+  color: var(--fg-bright);
+}
+
+.series-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.series-list li {
+  margin-bottom: 0.4rem;
+  padding-left: 0;
+}
+
+.current-series-item {
+  color: var(--accent);
+  font-weight: 500;
+}
+
 /* --- Code --- */
 code {
   font-family: var(--font-mono);
diff --git a/content/posts/networking-part-1-the-osi-model.md b/content/posts/networking-part-1-the-osi-model.md
new file mode 100644
index 0000000..5c9518a
--- /dev/null
+++ b/content/posts/networking-part-1-the-osi-model.md
@@ -0,0 +1,54 @@
+---
+title: "Networking Part 1: Why We Need Rules (and the OSI Model)"
+date: 2026-05-10T10:00:00Z
+draft: false
+tags: ["Networking", "OSI Model", "Fundamentals"]
+series: ["Networking Fundamentals"]
+---
+
+Computer networking is often taught in the most dry, academic way possible. You're immediately thrown a diagram with seven colored boxes (the OSI model) and told to memorize them for a test. 
+
+But if you actually build software, understanding *why* networks work the way they do changes how you write code. It changes how you debug timeouts, why you pick UDP over TCP for streaming, and why certain architectures scale while others crash under load.
+
+So, let's talk about networking from a developer's perspective. And it starts with a very human problem: **communication requires rules.**
+
+## The Problem of Talking
+
+Imagine you and I are standing in a room, and I want to tell you a secret. 
+
+For that to happen, a massive stack of rules must implicitly exist between us:
+1. We need a physical medium (sound waves traveling through air).
+2. I need vocal cords to vibrate the air, and you need eardrums to receive the vibrations.
+3. We must agree on a language (English).
+4. We must agree on syntax (I shouldn't just yell random nouns at you).
+5. We need conversational rules (I shouldn't talk while you're talking, or the message gets garbled).
+
+If *any* of those layers break—if we're in a vacuum, if I speak Russian and you don't, or if we just scream over each other—the communication fails. 
+
+Computers face the exact same problem, but they are infinitely dumber than we are. They need explicit, rigidly defined rules for every single step of communication. These rules are called **protocols**.
+
+## The Stack of Rules (The OSI Model)
+
+When a computer engineers in the 1970s and 80s were trying to get computers from different manufacturers to talk to each other, it was a nightmare. IBM computers couldn't talk to DEC computers because they didn't agree on the "language."
+
+To fix this, the International Organization for Standardization (ISO) created a theoretical framework called the **OSI (Open Systems Interconnection) Model**. It breaks the massive problem of "getting a piece of data from Computer A to Computer B" into seven distinct, manageable layers.
+
+Here they are, from the physical hardware up to the software you write:
+
+1. **Physical Layer:** How do we send raw 1s and 0s over a wire, fiber optic cable, or radio wave? (Voltage levels, light pulses).
+2. **Data Link Layer:** How do two devices directly connected on the same physical network talk without talking over each other? (MAC addresses, Ethernet).
+3. **Network Layer:** How do we send a message to a computer on a *completely different* network on the other side of the world? (IP addresses, Routers).
+4. **Transport Layer:** How do we make sure the message actually arrived, and if it broke into pieces, how do we put it back together? (TCP, UDP).
+5. **Session Layer:** How do we maintain an ongoing "conversation" between two computers?
+6. **Presentation Layer:** How is the data formatted or encrypted? (ASCII, JPEG, TLS).
+7. **Application Layer:** What is the actual software trying to do? (HTTP for web browsing, SMTP for email).
+
+### Why do we care?
+
+You might look at that list and think, *"I'm a web developer, I only care about Layer 7 (HTTP)."* 
+
+But abstraction is a leaky bucket. When your API call drops, is it a Layer 7 problem (your server returned a 500 error)? Is it a Layer 4 problem (the TCP connection timed out)? Or is it a Layer 3 problem (the router dropped the packet because of a bad subnet configuration)?
+
+Knowing how the layers stack on top of each other turns networking from "black magic" into a logical, debuggable system.
+
+In the next part of this series, we're going to dive into the bottom of the stack: **Layers 1 and 2**. We'll look at how your computer actually blasts electricity down an Ethernet cable to talk to your local router.
diff --git a/content/posts/networking-part-2-physical-and-data-link.md b/content/posts/networking-part-2-physical-and-data-link.md
new file mode 100644
index 0000000..4d0428b
--- /dev/null
+++ b/content/posts/networking-part-2-physical-and-data-link.md
@@ -0,0 +1,9 @@
+---
+title: "Networking Part 2: Sending Electrons over Wires (Physical & Data Link)"
+date: 2026-05-11T10:00:00Z
+draft: false
+tags: ["Networking", "Ethernet", "MAC"]
+series: ["Networking Fundamentals"]
+---
+
+*Coming soon! In this post, we will cover MAC addresses, switches, Ethernet frames, and how electrons physically move data from NIC to NIC.*
diff --git a/content/posts/networking-part-3-the-network-layer.md b/content/posts/networking-part-3-the-network-layer.md
new file mode 100644
index 0000000..eab1fe4
--- /dev/null
+++ b/content/posts/networking-part-3-the-network-layer.md
@@ -0,0 +1,9 @@
+---
+title: "Networking Part 3: Crossing the Internet (The Network Layer)"
+date: 2026-05-12T10:00:00Z
+draft: false
+tags: ["Networking", "IP", "Routing", "Subnets"]
+series: ["Networking Fundamentals"]
+---
+
+*Coming soon! In this post, we will cover IP addresses, routers, subnets, and how packets travel across the global internet using BGP.*
diff --git a/content/posts/networking-part-4-transport-and-application.md b/content/posts/networking-part-4-transport-and-application.md
new file mode 100644
index 0000000..d9bd51f
--- /dev/null
+++ b/content/posts/networking-part-4-transport-and-application.md
@@ -0,0 +1,9 @@
+---
+title: "Networking Part 4: Delivering the Payload (Transport & Application)"
+date: 2026-05-13T10:00:00Z
+draft: false
+tags: ["Networking", "TCP", "UDP", "HTTP"]
+series: ["Networking Fundamentals"]
+---
+
+*Coming soon! In this post, we will cover TCP vs UDP, ports, and how the applications we write (like HTTP or WebSockets) actually consume this data.*
diff --git a/hugo.toml b/hugo.toml
index 2d94093..fee2e96 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -91,3 +91,8 @@ title = "Divyam Ahuja"
 [sitemap]
   changeFreq = "weekly"
   priority = 0.5
+
+[taxonomies]
+  tag = "tags"
+  category = "categories"
+  series = "series"
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 84a0260..208e9d0 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -16,6 +16,26 @@
       {{- end }}
     </div>
   </div>
+
+  {{- $seriesTerms := .GetTerms "series" }}
+  {{- if $seriesTerms }}
+  {{- $series := index $seriesTerms 0 }}
+  <div class="series-nav">
+    <p>This post is a part of the <strong>{{ $series.Title }}</strong> series:</p>
+    <ul class="series-list">
+      {{- range $series.Pages.Reverse }}
+      <li>
+        {{- if eq .Permalink $.Permalink }}
+        <span class="current-series-item">→ {{ .Title }}</span>
+        {{- else }}
+        <a href="{{ .Permalink }}">{{ .Title }}</a>
+        {{- end }}
+      </li>
+      {{- end }}
+    </ul>
+  </div>
+  {{- end }}
+
   <div class="post-content">
     {{- if and (ne .Params.toc false) (gt (len .TableOfContents) 32) }}
     <details class="post-toc" open>