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>©
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.