PageSourceSearch

https://paraskoundal.com/blog/

html paraskoundal.com collected 2026-10-07 15:08:48 UTC 20,369 bytes, 251 lines download raw bytes

1<!doctype html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8" />
6    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
7    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8    <title>Blog — Paras Koundal</title>
9    <meta name="description" content="Thoughts, notes, and tutorials on software, ML, and physics." />
10    <link rel="stylesheet" href="/css/style.css" />
11    
11<script>(function () { var s = localStorage.getItem('pk-theme'); var d = s === 'dark' || (s === null && window.matchMedia('(prefers-color-scheme:dark)').matches); document.documentElement.setAttribute('data-theme', d ? 'dark' : 'light') })()</script>
11
12</head>
13
14<body class="page-blog">
15    <header class="navigation scrolled glass">
16        <div class="container nav-container"><a href="/" class="brand"><svg class="brand-icon"
17                    xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
18                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
19                    <path
20                        d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" />
21                    <path d="M5 3v4" />
22                    <path d="M19 17v4" />
23                    <path d="M3 5h4" />
24                    <path d="M17 19h4" />
25                </svg><span class="brand-name">PARAS</span></a>
26            <nav class="nav-links"><a href="/my-work/" class="nav-link">My Work</a><a href="/projects/"
27                    class="nav-link">Projects</a><a href="/blog/" class="nav-link active">Blog</a><a
28                    href="/publications/" class="nav-link">Publications</a><a href="/about/" class="nav-link">About
29                    Me</a><a href="https://linkedin.com/in/paraskoundal" target="_blank" rel="noopener noreferrer"
30                    class="nav-icon-link" aria-label="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" width="20"
31                        height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
32                        stroke-linecap="round" stroke-linejoin="round">
33                        <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" />
34                        <rect width="4" height="12" x="2" y="9" />
35                        <circle cx="4" cy="4" r="2" />
36                    </svg></a><a href="https://github.com/paraskoundal" target="_blank" rel="noopener noreferrer"
37                    class="nav-icon-link" aria-label="GitHub"><svg xmlns="http://www.w3.org/2000/svg" width="20"
38                        height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
39                        stroke-linecap="round" stroke-linejoin="round">
40                        <path
41                            d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" />
42                        <path d="M9 18c-4.51 2-5-2-7-2" />
43                    </svg></a><a href="https://x.com/paraskoundal" target="_blank" rel="noopener noreferrer"
44                    class="nav-icon-link" aria-label="X"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
45                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
46                        stroke-linejoin="round">
47                        <path
48                            d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z" />
49                    </svg></a><a href="https://instagram.com/paraskoundal" target="_blank" rel="noopener noreferrer"
50                    class="nav-icon-link" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="20"
51                        height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
52                        stroke-linecap="round" stroke-linejoin="round">
53                        <rect width="20" height="20" x="2" y="2" rx="5" ry="5" />
54                        <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
55                        <line x1="17.5" x2="17.51" y1="6.5" y2="6.5" />
56                    </svg></a><button type="button" class="theme-toggle" id="theme-toggle"
57                    aria-label="Toggle theme"></button><a href="/cdn-cgi/l/email-protection#0777667566746c68726963666b47777568736869296a62" class="btn-primary magnetic-btn">Get in Touch</a></nav><button class="mobile-menu-btn"
58                id="mobile-menu-btn" aria-label="Toggle menu"><svg xmlns="http://www.w3.org/2000/svg" width="24"
59                    height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
60                    stroke-linecap="round" stroke-linejoin="round">
61                    <line x1="4" x2="20" y1="12" y2="12" />
62                    <line x1="4" x2="20" y1="6" y2="6" />
63                    <line x1="4" x2="20" y1="18" y2="18" />
64                </svg></button>
65        </div>
66    </header>
67
68    <main>
69        <div class="blog-page container section-padding">
70            <div class="page-header">
71                <h1 class="page-title">Digital <span class="accent-italic">Garden</span></h1>
72                <p class="page-subtitle">A collection of notes, tutorials, and longer-form writing about software
73                    engineering, ML, and physics.</p>
74            </div>
75
76            <div class="blog-list">
77                <article class="blog-item">
78                    <div class="blog-meta">
79                        <span class="blog-category">AI</span>
80                        <div class="blog-stats">
81                            <span class="blog-stat"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
82                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
83                                    stroke-linecap="round" stroke-linejoin="round">
84                                    <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
85                                    <line x1="16" x2="16" y1="2" y2="6" />
86                                    <line x1="8" x2="8" y1="2" y2="6" />
87                                    <line x1="3" x2="21" y1="10" y2="10" />
88                                </svg> Jul 22, 2026</span>
89                            <span class="blog-stat"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
90                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
91                                    stroke-linecap="round" stroke-linejoin="round">
92                                    <circle cx="12" cy="12" r="10" />
93                                    <polyline points="12 6 12 12 16 14" />
94                                </svg> 8 min read</span>
95                            <span class="blog-stat view-counter" data-counter-slug="llm_token_pricing" data-counter-action="read"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg> <span class="view-count-number">loading...</span></span>
96                        </div>
97                    </div>
98                    <h2 class="blog-title"><a href="/blog/llm-token-pricing.html">The Token Economics of LLM Inference
99                            and Agentic Systems</a></h2>
100                    <p class="blog-excerpt">Exploring the token economics of LLM inference and agentic systems, and how
101                        they impact the cost, efficiency, and scalability of AI applications.</p>
102                    <a href="/blog/llm-token-pricing.html" class="blog-read-more">Read article <svg
103                            xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
104                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
105                            <path d="M5 12h14" />
106                            <path d="m12 5 7 7-7 7" />
107                        </svg></a>
108                </article>
109
110                <!-- <article class="blog-item">
111                    <div class="blog-meta">
112                        <span class="blog-category">Philosophy</span>
113                        <div class="blog-stats">
114                            <span class="blog-stat"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
115                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
116                                    stroke-linecap="round" stroke-linejoin="round">
117                                    <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
118                                    <line x1="16" x2="16" y1="2" y2="6" />
119                                    <line x1="8" x2="8" y1="2" y2="6" />
120                                    <line x1="3" x2="21" y1="10" y2="10" />
121                                </svg> Oct 24, 2024</span>
122                            <span class="blog-stat"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
123                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
124                                    stroke-linecap="round" stroke-linejoin="round">
125                                    <circle cx="12" cy="12" r="10" />
126                                    <polyline points="12 6 12 12 16 14" />
127                                </svg> 6 min read</span>
128                            <span class="blog-stat view-counter" data-counter-slug="architecture_of_biological_stacks" data-counter-action="read"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg> <span class="view-count-number">loading...</span></span>
129                        </div>
130                    </div>
131                    <h2 class="blog-title"><a href="/blog/architecture-of-biological-stacks.html">The Architecture of
132                            Biological Stacks</a></h2>
133                    <p class="blog-excerpt">Exploring how the ancient evolutionary mechanics of biological rhythms can
134                        inspire more resilient and efficient software systems and APIs.</p>
135                    <a href="/blog/architecture-of-biological-stacks.html" class="blog-read-more">Read article <svg
136                            xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
137                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
138                            <path d="M5 12h14" />
139                            <path d="m12 5 7 7-7 7" />
140                        </svg></a>
141                </article>
142
143                <article class="blog-item">
144                    <div class="blog-meta">
145                        <span class="blog-category">Engineering</span>
146                        <div class="blog-stats">
147                            <span class="blog-stat"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
148                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
149                                    stroke-linecap="round" stroke-linejoin="round">
150                                    <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
151                                    <line x1="16" x2="16" y1="2" y2="6" />
152                                    <line x1="8" x2="8" y1="2" y2="6" />
153                                    <line x1="3" x2="21" y1="10" y2="10" />
154                                </svg> Sep 12, 2024</span>
155                            <span class="blog-stat"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
156                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
157                                    stroke-linecap="round" stroke-linejoin="round">
158                                    <circle cx="12" cy="12" r="10" />
159                                    <polyline points="12 6 12 12 16 14" />
160                                </svg> 8 min read</span>
161                            <span class="blog-stat view-counter" data-counter-slug="optimizing_circadian_rhythm" data-counter-action="read"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg> <span class="view-count-number">loading...</span></span>
162                        </div>
163                    </div>
164                    <h2 class="blog-title"><a href="/blog/optimizing-circadian-rhythm.html">Optimizing the Circadian
165                            Rhythm via API</a></h2>
166                    <p class="blog-excerpt">Building interactive articles that transcend static markdown. A look into
167                        how component-driven blog architectures enable rich experiences.</p>
168                    <a href="/blog/optimizing-circadian-rhythm.html" class="blog-read-more">Read article <svg
169                            xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
170                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
171                            <path d="M5 12h14" />
172                            <path d="m12 5 7 7-7 7" />
173                        </svg></a>
174                </article>
175
176                <article class="blog-item">
177                    <div class="blog-meta">
178                        <span class="blog-category">Design</span>
179                        <div class="blog-stats">
180                            <span class="blog-stat"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
181                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
182                                    stroke-linecap="round" stroke-linejoin="round">
183                                    <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
184                                    <line x1="16" x2="16" y1="2" y2="6" />
185                                    <line x1="8" x2="8" y1="2" y2="6" />
186                                    <line x1="3" x2="21" y1="10" y2="10" />
187                                </svg> Aug 05, 2024</span>
188                            <span class="blog-stat"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
189                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
190                                    stroke-linecap="round" stroke-linejoin="round">
191                                    <circle cx="12" cy="12" r="10" />
192                                    <polyline points="12 6 12 12 16 14" />
193                                </svg> 4 min read</span>
194                            <span class="blog-stat view-counter" data-counter-slug="minimalism_in_system_design" data-counter-action="read"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg> <span class="view-count-number">loading...</span></span>
195                        </div>
196                    </div>
197                    <h2 class="blog-title"><a href="/blog/minimalism-in-system-design.html">Minimalism in System
198                            Design</a></h2>
199                    <p class="blog-excerpt">Why the best systems are often the simplest ones. Deconstructing the allure
200                        of complex architectures and advocating for reduction.</p>
201                    <a href="/blog/minimalism-in-system-design.html" class="blog-read-more">Read article <svg
202                            xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
203                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
204                            <path d="M5 12h14" />
205                            <path d="m12 5 7 7-7 7" />
206                        </svg></a>
207                </article> -->
208            </div>
209        </div>
210    </main>
211
212    <footer class="site-footer"><canvas class="footer-constellation" id="footer-constellation"></canvas>
213        <div class="site-footer-social"><a href="https://linkedin.com/in/paraskoundal" target="_blank"
214                rel="noopener noreferrer" class="footer-icon-link" aria-label="LinkedIn"><svg
215                    xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
216                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
217                    <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" />
218                    <rect width="4" height="12" x="2" y="9" />
219                    <circle cx="4" cy="4" r="2" />
220                </svg></a><a href="https://github.com/paraskoundal" target="_blank" rel="noopener noreferrer"
221                class="footer-icon-link" aria-label="GitHub"><svg xmlns="http://www.w3.org/2000/svg" width="20"
222                    height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
223                    stroke-linecap="round" stroke-linejoin="round">
224                    <path
225                        d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" />
226                    <path d="M9 18c-4.51 2-5-2-7-2" />
227                </svg></a><a href="https://x.com/paraskoundal" target="_blank" rel="noopener noreferrer"
228                class="footer-icon-link" aria-label="X"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
229                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
230                    stroke-linejoin="round">
231                    <path
232                        d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z" />
233                </svg></a><a href="https://instagram.com/paraskoundal" target="_blank" rel="noopener noreferrer"
234                class="footer-icon-link" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="20"
235                    height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
236                    stroke-linecap="round" stroke-linejoin="round">
237                    <rect width="20" height="20" x="2" y="2" rx="5" ry="5" />
238                    <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
239                    <line x1="17.5" x2="17.51" y1="6.5" y2="6.5" />
240                </svg></a></div>
241        <p>&copy;
vendor: 121 bytes, lines 241-242
241
242            <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
242<script>document.write(new Date().getFullYear())</script>
242 Paras. All rights reserved.
243        </p>
244    </footer>
245    
245<script src="/js/app.js"></script>
245
246    
246<script src="/js/constellation.js"></script>
246
247    
247<script src="/js/counter.js"></script>
247
248    
248<script>document.addEventListener('DOMContentLoaded', function () { initFooterConstellation(document.getElementById('footer-constellation')) })</script>
248
249</body>
250
251</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.