{
  "version": "https://jsonfeed.org/version/1.1",
  "title": "The Bard",
  "description": "Stories and thoughts from the early web, told quietly",
  "home_page_url": "https://kartavya-jharwal.github.io/The-Bard",
  "feed_url": "https://kartavya-jharwal.github.io/The-Bard/feed.json",
  "authors": [
    {
      "name": "Kartavya"
    }
  ],
  "items": [
    {
      "id": "https://kartavya-jharwal.github.io/The-Bard/posts/building-the-garden.html",
      "url": "https://kartavya-jharwal.github.io/The-Bard/posts/building-the-garden.html",
      "title": "Building the Garden",
      "summary": "Boundaries for a digital garden that can grow without becoming a framework maze.",
      "date_published": "2026-07-22T00:00:00+00:00",
      "tags": [
        "digital-garden",
        "architecture"
      ],
      "authors": [
        {
          "name": "Kartavya"
        }
      ],
      "date_modified": "2026-07-22T20:19:38+00:00",
      "freshness": 0.9999985169885733,
      "entropy_decay": 1.48301142666174e-06,
      "half_life_days": 365.0,
      "word_count": 165,
      "reading_time": 1,
      "code_loc": 0,
      "version": "c1f565fb80dc",
      "content_html": "<p>A digital garden needs structure, but structure should not erase the odd corners that make a personal website personal.</p>\n<h2>One contract, many editions</h2>\n<p>Every article can expose a small common record: identity, dates, aliases, tags, and links. The ordinary edition uses the shared reading shell. A bespoke edition may instead be a complete HTML document with its own styles and scripts.</p>\n<h3>Isolation is a feature</h3>\n<p>Shared articles receive layered, scoped CSS. Bespoke documents live at separate paths. Neither side needs to win a specificity war, and the site can stay coherent without making every page uniform.</p>\n<h2>Grow in visible phases</h2>\n<ul>\n<li>First, make reading excellent.</li>\n<li>Then make links and backlinks deterministic.</li>\n<li>Add graph views only after the underlying index is trustworthy.</li>\n<li>Treat a dashboard as an optional authoring client, never a runtime dependency.</li>\n</ul>\n<p>The garden is static when published. Tools may help prepare it later, but a visitor receives durable HTML, CSS, and JavaScript that need no application server.</p>"
    },
    {
      "id": "https://kartavya-jharwal.github.io/The-Bard/posts/a-room-for-reading.html",
      "url": "https://kartavya-jharwal.github.io/The-Bard/posts/a-room-for-reading.html",
      "title": "A Room for Reading",
      "summary": "A small manifesto for calm, personal spaces on the web.",
      "date_published": "2026-07-21T00:00:00+00:00",
      "tags": [
        "reading",
        "personal-web"
      ],
      "authors": [
        {
          "name": "Kartavya"
        }
      ],
      "date_modified": "2026-07-22T20:19:38+00:00",
      "freshness": 0.9999985170725351,
      "entropy_decay": 1.4829274649352797e-06,
      "half_life_days": 365.0,
      "word_count": 245,
      "reading_time": 1,
      "code_loc": 0,
      "version": "c1f565fb80dc",
      "content_html": "<p>A personal site can be a room rather than a feed: somewhere words keep their shape, the reader controls the light, and nothing demands the next click.</p>\n<h2>The page should yield</h2>\n<p>Comfort is not one fixed design. A bright page at noon may be glare at midnight. A generous line can become exhausting on a narrow screen. Theme, measure, type size, and rhythm belong to the reader.</p>\n<p>Those controls should feel close at hand and then disappear. The interface is useful before reading and distracting during it, so focus mode treats chrome as a temporary guest.</p>\n<blockquote>\n<p>The best reading interface leaves evidence of care, not evidence of machinery.</p>\n</blockquote>\n<h2>Motion with consent</h2>\n<p>Auto-scroll can make long-form reading feel like following a quiet current. It must remain predictable: steady speed, immediate pause, no leap after returning to a sleeping tab, and an obvious way out.</p>\n<ul>\n<li>Pause or resume without hunting for a control.</li>\n<li>Adjust speed while the text remains stable.</li>\n<li>Restore the last reading place without trapping the reader there.</li>\n<li>Respect reduced-motion preferences and ordinary keyboard navigation.</li>\n</ul>\n<h2>A site with memory</h2>\n<p>Progress is private browser state, not an account. The page remembers where this device stopped and keeps that record local. A thin line shows distance without turning attention into a score.</p>\n<p>This first room is deliberately small. The future garden can add backlinks, maps, aliases, and strange editions, but the act of reading remains the foundation underneath them.</p>"
    },
    {
      "id": "https://kartavya-jharwal.github.io/The-Bard/posts/85-percenter-manifesto.html",
      "url": "https://kartavya-jharwal.github.io/The-Bard/posts/85-percenter-manifesto.html",
      "title": "The 85-Percenter's Manifesto",
      "summary": "A defense of the perpetual beginner, the expert-in-training, the ambitious generalist who chooses breadth over depth.",
      "date_published": "2025-10-28T00:00:00+00:00",
      "tags": [
        "polymath",
        "learning",
        "philosophy",
        "meta",
        "manifesto"
      ],
      "authors": [
        {
          "name": "Kartavya Jharwal"
        }
      ],
      "date_modified": "2026-07-22T20:19:38+00:00",
      "freshness": 0.9999985171582332,
      "entropy_decay": 1.482841766820009e-06,
      "half_life_days": 365.0,
      "word_count": 961,
      "reading_time": 4,
      "code_loc": 17,
      "version": "c1f565fb80dc",
      "content_html": "<p>There's a myth in modern education and career advice: you must finish what you start. You must go deep. You must become an <em>expert</em>.</p>\n<p>But what if the real magic happens at 85%?</p>\n<h2>The Curse of Completion</h2>\n<p>I've built dozens of projects. Learned half a dozen programming languages. Started blogs, YouTube channels, podcasts. Read hundreds of books\u2014finished maybe half.</p>\n<p>The productivity gurus call this \"shiny object syndrome.\" The career advisors call it \"lack of focus.\" My inner critic calls it failure.</p>\n<p><strong>I call it research.</strong></p>\n<h2>The 85% Sweet Spot</h2>\n<p>Here's what I've learned about that 85% mark:</p>\n<ul>\n<li><strong>You've mastered the fundamentals</strong> (the first 20% that gives you 80% of the value)</li>\n<li><strong>You've hit the interesting problems</strong> (where real learning happens)</li>\n<li><strong>You've built something tangible</strong> (proof of concept, working prototype, published draft)</li>\n<li><strong>You understand the domain</strong> (enough to have informed opinions)</li>\n<li><strong>You can teach it</strong> (to someone at 50%)</li>\n</ul>\n<p>But you haven't yet hit:</p>\n<ul>\n<li>The tedious polish phase</li>\n<li>The diminishing returns of micro-optimization</li>\n<li>The opportunity cost of not exploring the next thing</li>\n</ul>\n<h2>Why Polymaths Choose 85%</h2>\n<p>The polymath isn't afraid of depth. They're <em>strategic</em> about depth.</p>\n<p>Going from 85% \u2192 100% in one domain often takes as much time as going from 0% \u2192 85% in three new domains.</p>\n<p><strong>The math is simple:</strong>\n- Path A: 100% in one skill = mastery, narrow applicability\n- Path B: 85% in three skills = competence, combinatorial creativity</p>\n<p>Which has more creative potential? Which leads to more interesting intersections?</p>\n<h2>The Specialization Trap</h2>\n<p>Modern society worships the specialist. The doctor who only does knees. The developer who only writes Rust. The writer who only does noir detective fiction.</p>\n<p>And yes, specialists are <em>valuable</em>. But they're not the only valuable archetype.</p>\n<p>History's most interesting contributors were generalists:\n- Leonardo da Vinci (artist, engineer, anatomist)\n- Benjamin Franklin (writer, scientist, diplomat)\n- Richard Feynman (physicist, safe-cracker, bongo player)</p>\n<p>They didn't master every field to 100%. They went deep enough to see connections others missed.</p>\n<h2>Building in Public at 85%</h2>\n<p>This site exists because I'm tired of pretending I'm an expert.</p>\n<p>I'm not. I'm a <strong>perpetual 85-percenter</strong>.</p>\n<p>And that's not a bug\u2014it's the feature.</p>\n<p>Every post here is:\n- A snapshot of my understanding <em>right now</em>\n- Subject to revision as I learn more\n- An invitation to fellow travelers\n- A breadcrumb for future me</p>\n<h2>The Ambitious Polymath's Creed</h2>\n<ol>\n<li><strong>Finish enough to learn, not to perfect</strong></li>\n<li><strong>Document the journey, not just the destination</strong></li>\n<li><strong>Value questions over answers</strong></li>\n<li><strong>Celebrate the half-built</strong></li>\n<li><strong>Ship at 85%</strong></li>\n</ol>\n<hr />"
    },
    {
      "id": "https://kartavya-jharwal.github.io/The-Bard/posts/welcome-to-the-web/index.html",
      "url": "https://kartavya-jharwal.github.io/The-Bard/posts/welcome-to-the-web/index.html",
      "title": "Welcome to the Web",
      "summary": "The web was a different place back then - simpler, more personal, and filled with genuine curiosity.",
      "date_published": "2025-06-28T00:00:00+00:00",
      "tags": [
        "web",
        "internet",
        "early-web",
        "nostalgia",
        "personal-websites"
      ],
      "authors": [
        {
          "name": "Kartavya Jharwal"
        }
      ],
      "date_modified": "2026-07-22T20:19:38+00:00",
      "freshness": 0.9999985168238368,
      "entropy_decay": 1.4831761632194684e-06,
      "half_life_days": 365.0,
      "word_count": 739,
      "reading_time": 3,
      "code_loc": 1,
      "version": "c1f565fb80dc",
      "content_html": "<header class=\"post-header\">\n                    <h1>Welcome to the Web</h1>\n                    <div class=\"post-meta\">\n                        <time datetime=\"2025-06-28\">Published: June 28, 2025</time>\n                        <span class=\"post-category\">Filed under: <a href=\"../../archive.html#web\">Web</a></span>\n                        <span class=\"reading-time\">Reading time: ~5 minutes</span>\n                    </div>\n                    <hr class=\"separator\">\n                </header>\n\n                <div class=\"post-content\">\n                    <p class=\"lead\">The web was a different place back then - simpler, more personal, and filled with genuine curiosity. Let me tell you about what made it special.</p>\n\n                    <h2>The Magic of Discovery</h2>\n                    \n                    <p>Do you remember the first time you discovered the World Wide Web? Not the modern internet with its algorithmic feeds and endless notifications, but the <em>real</em> web - the one where every click was an adventure into the unknown.</p>\n\n                    <p>Back in the mid-90s, finding a new website was like discovering a hidden treasure. There were no search engines worth mentioning (sorry, <a href=\"https://web.archive.org/web/19981202230410/http://www.altavista.com/\">AltaVista</a>), no social media to guide your attention, and certainly no recommendation algorithms. You found sites through:</p>\n\n                    <ul>\n                        <li><strong>Word of mouth</strong> - Someone would literally tell you about a cool site</li>\n                        <li><strong>Webrings</strong> - Circular collections of related sites</li>\n                        <li><strong>Link pages</strong> - Every site had a \"Cool Links\" section</li>\n                        <li><strong>Pure accident</strong> - Mistyped URLs leading to serendipitous discoveries</li>\n                    </ul>\n\n                    <h2>Personal Expression</h2>\n\n                    <p>Every website was a <em>personal statement</em>. There were no templates (well, except for those horrifying Microsoft FrontPage ones), no content management systems, and definitely no \"best practices\" that homogenized everything into the same boring layout.</p>\n\n                    <blockquote>\n                        <p>\"The web was a place where individuals could carve out their own digital territory and express themselves without the constraints of corporate platforms.\"</p>\n                        <cite>- Some wise netizen, circa 1996</cite>\n                    </blockquote>\n\n                    <p>You'd visit someone's homepage and immediately know something about their personality:</p>\n\n                    <ul>\n                        <li>The background color they chose (usually <code>#FF00FF</code> or a tiled GIF)</li>\n                        <li>Their favorite <code>&lt;font&gt;</code> tags and <code>&lt;blink&gt;</code> usage</li>\n                        <li>Whether they were into Star Trek or Star Wars (this was <strong>serious business</strong>)</li>\n                        <li>How many under construction GIFs they had</li>\n                        <li>The sophistication of their visitor counter</li>\n                    </ul>\n\n                    <h2>The Visitor Counter Era</h2>\n\n                    <p>Let's talk about visitor counters for a moment. These weren't just statistics - they were <em>social proof</em>, <em>pride</em>, and <em>motivation</em> all rolled into one small image.</p>\n\n                    <pre><code>&lt;img src=\"http://counter.digits.com/wc/-d/4/-f/0/thebard\"&gt;</code></pre>\n\n                    <p>Getting your first 100 visitors was a milestone. Breaking 1,000 meant you were <em>somebody</em> on the web. And if you hit 10,000? You were practically internet famous.</p>\n\n                    <h2>The Guestbook Philosophy</h2>\n\n                    <p>Guestbooks were the social media of their time, but better. Instead of endless scrolling through algorithmic feeds, you had focused, intentional communication. People would:</p>\n\n                    <ol>\n                        <li>Actually read your content</li>\n                        <li>Leave thoughtful comments</li>\n                        <li>Share their own websites</li>\n                        <li>Start conversations that lasted for years</li>\n                    </ol>\n\n                    <p>There was something beautiful about the commitment required. You couldn't just hit \"like\" and move on. If you wanted to interact, you had to actually <em>say something</em>.</p>\n\n                    <h2>Technical Constraints as Creative Forces</h2>\n\n                    <p>The limitations of the early web actually made it better. When you only had:</p>\n\n                    <ul>\n                        <li>Basic HTML tags</li>\n                        <li>Limited color palettes</li>\n                        <li>Dial-up bandwidth constraints</li>\n                        <li>Browser compatibility issues</li>\n                    </ul>\n\n                    <p>You had to be <strong>creative</strong>. You couldn't rely on massive JavaScript frameworks or high-resolution videos. Every byte mattered, every design choice was intentional.</p>\n\n                    <h2>What We Lost</h2>\n\n                    <p>Don't get me wrong - the modern web has incredible capabilities. We can do things now that would have seemed like magic to a 1995 webmaster. But in gaining all this power, we lost something precious:</p>\n\n                    <ul>\n                        <li><strong>Personality</strong> - Sites became templates</li>\n                        <li><strong>Discovery</strong> - Algorithms decided what we should see</li>\n                        <li><strong>Ownership</strong> - We became tenants on corporate platforms</li>\n                        <li><strong>Community</strong> - Comments became flame wars</li>\n                        <li><strong>Surprise</strong> - Everything became predictable</li>\n                    </ul>\n\n                    <h2>Bringing It Back</h2>\n\n                    <p>That's why sites like this one matter. We don't need to abandon modern web standards or accessibility practices. But we can choose to:</p>\n\n                    <ul>\n                        <li>Build our own spaces instead of renting them</li>\n                        <li>Write HTML by hand occasionally</li>\n                        <li>Link to interesting sites without expecting anything back</li>\n                        <li>Value substance over virality</li>\n                        <li>Remember that the web is made of <em>people</em></li>\n                    </ul>\n\n                    <p>The early web wasn't perfect, but it was <em>human</em>. And in our rush toward efficiency and engagement metrics, humanity is exactly what we've been missing.</p>\n\n                    <h2>Join the Renaissance</h2>\n\n                    <p>I believe we're seeing the beginning of a new renaissance of personal websites. People are tired of algorithmic feeds and corporate-controlled platforms. They want to own their content, control their presentation, and connect with real communities again.</p>\n\n                    <p>So dust off that HTML knowledge, fire up a text editor, and build something weird and wonderful. The web is still here, waiting for you to make it personal again.</p>\n\n                    <p><em>Welcome back to the web. Let's make it great again.</em></p>\n                </div>\n\n                <footer class=\"post-footer\">\n                    <hr class=\"separator\">\n                    <div class=\"post-navigation\">\n                        <p><a href=\"../../index.html\">&lt;&lt; Back to Home</a> | <a href=\"../building-websites-with-notepad.html\">Next Post: Building Websites with Notepad &gt;&gt;</a></p>\n                    </div>\n                    \n                    <div class=\"post-tags\">\n                        <p><strong>Tags:</strong> \n                            <a href=\"../../archive.html#web\">web</a>, \n                            <a href=\"../../archive.html#nostalgia\">nostalgia</a>, \n                            <a href=\"../../archive.html#internet-history\">internet-history</a>, \n                            <a href=\"../../archive.html#personal-websites\">personal-websites</a>\n                        </p>\n                    </div>\n\n                    <div class=\"post-sharing\">\n                        <p><strong>Share this post:</strong></p>\n                        <ul>\n                            <li><a href=\"mailto:?subject=Welcome to the Web&body=Check out this post: [URL]\">Email</a></li>\n                            <li><a href=\"#\" onclick=\"copyToClipboard(); return false;\">Copy Link</a></li>\n                            <li><a href=\"../../guestbook.html\">Leave a Comment</a></li>\n                        </ul>\n                    </div>\n                </footer>"
    },
    {
      "id": "https://kartavya-jharwal.github.io/The-Bard/posts/building-websites-with-notepad.html",
      "url": "https://kartavya-jharwal.github.io/The-Bard/posts/building-websites-with-notepad.html",
      "title": "Building Websites with Notepad",
      "summary": "Remember when building a website meant opening Notepad and typing HTML by hand? There was something pure about that approach.",
      "date_published": "2025-06-25T00:00:00+00:00",
      "tags": [
        "html",
        "css",
        "nostalgia",
        "web-development"
      ],
      "authors": [
        {
          "name": "Kartavya"
        }
      ],
      "date_modified": "2026-07-22T20:19:38+00:00",
      "freshness": 0.9999985169068755,
      "entropy_decay": 1.4830931245324308e-06,
      "half_life_days": 365.0,
      "word_count": 724,
      "reading_time": 3,
      "code_loc": 22,
      "version": "c1f565fb80dc",
      "content_html": "<p>Remember when building a website meant opening Notepad and typing HTML by hand? There was something pure about that approach - no frameworks, no build tools, no package managers. Just you, a text editor, and the raw materials of the web.</p>\n<h2>The Notepad Era</h2>\n<p>Back in the late 90s and early 2000s, <strong>Notepad</strong> was the IDE of choice for many web developers. Not because it was particularly good at editing code, but because it was:</p>\n<ul>\n<li>Always available on Windows</li>\n<li>Lightweight and fast</li>\n<li>Forced you to learn HTML properly</li>\n<li>Had zero learning curve</li>\n</ul>\n<div class=\"highlight\"><pre><span></span><code><span class=\"cp\">&lt;!DOCTYPE html&gt;</span>\n<span class=\"p\">&lt;</span><span class=\"nt\">html</span><span class=\"p\">&gt;</span>\n<span class=\"p\">&lt;</span><span class=\"nt\">head</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">title</span><span class=\"p\">&gt;</span>My First Website<span class=\"p\">&lt;/</span><span class=\"nt\">title</span><span class=\"p\">&gt;</span>\n<span class=\"p\">&lt;/</span><span class=\"nt\">head</span><span class=\"p\">&gt;</span>\n<span class=\"p\">&lt;</span><span class=\"nt\">body</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">h1</span><span class=\"p\">&gt;</span>Welcome to my homepage!<span class=\"p\">&lt;/</span><span class=\"nt\">h1</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">p</span><span class=\"p\">&gt;</span>This site is under construction.<span class=\"p\">&lt;/</span><span class=\"nt\">p</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">img</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;construction.gif&quot;</span> <span class=\"na\">alt</span><span class=\"o\">=</span><span class=\"s\">&quot;Under Construction&quot;</span><span class=\"p\">&gt;</span>\n<span class=\"p\">&lt;/</span><span class=\"nt\">body</span><span class=\"p\">&gt;</span>\n<span class=\"p\">&lt;/</span><span class=\"nt\">html</span><span class=\"p\">&gt;</span>\n</code></pre></div>\n\n<h2>Why It Was Better</h2>\n<h3>1. You Learned HTML Properly</h3>\n<p>When you're typing every angle bracket by hand, you <em>really</em> learn the structure of HTML. You understand:</p>\n<ul>\n<li>The importance of closing tags</li>\n<li>How attributes work</li>\n<li>The semantic meaning of each element</li>\n<li>Why indentation matters (even when the browser doesn't care)</li>\n</ul>\n<h3>2. No Distractions</h3>\n<p>Modern IDEs are amazing, but they can be overwhelming. Notepad had:</p>\n<ul>\n<li>No autocomplete (so you memorized the tags)</li>\n<li>No syntax highlighting (so you read carefully)</li>\n<li>No plugins or extensions</li>\n<li>No notification popups</li>\n</ul>\n<p>It was just you and the code.</p>\n<h3>3. Instant Gratification</h3>\n<p>The workflow was beautifully simple:</p>\n<ol>\n<li>Type HTML in Notepad</li>\n<li>Save as <code>.html</code></li>\n<li>Double-click to open in browser</li>\n<li>See your creation instantly</li>\n<li>Hit back, edit, save, refresh</li>\n</ol>\n<p>No build processes, no compilation, no waiting. Pure, immediate feedback.</p>\n<h2>The Downsides</h2>\n<p>Let's be honest - there were some real problems with the Notepad approach:</p>\n<h3>Limited Features</h3>\n<ul>\n<li>No syntax highlighting made it hard to spot errors</li>\n<li>No line numbers made debugging frustrating  </li>\n<li>No find/replace across files</li>\n<li>No project management</li>\n<li>Definitely no version control integration</li>\n</ul>\n<h3>Prone to Errors</h3>\n<p>Without syntax highlighting or validation:</p>\n<ul>\n<li>Unclosed tags were common</li>\n<li>Typos in attribute names went unnoticed</li>\n<li>Browser compatibility was trial and error</li>\n<li>Debugging was mostly guesswork</li>\n</ul>\n<h3>Scaling Issues</h3>\n<p>For anything beyond a simple personal homepage:</p>\n<ul>\n<li>Managing multiple files was painful</li>\n<li>No code organization features</li>\n<li>No snippets or templates</li>\n<li>Collaboration was nearly impossible</li>\n</ul>\n<h2>The Modern Middle Ground</h2>\n<p>Today, we can capture the spirit of the Notepad era while avoiding its pitfalls:</p>\n<h3>Use Simple Tools</h3>\n<p>You don't need a full IDE for everything. Consider:</p>\n<ul>\n<li><strong>VS Code</strong> with minimal extensions</li>\n<li><strong>Sublime Text</strong> for its speed and simplicity</li>\n<li><strong>vim/emacs</strong> for the true minimalist experience</li>\n<li>Or yes, even <strong>Notepad++</strong> for nostalgia</li>\n</ul>\n<h3>Hand-Code When Possible</h3>\n<p>Even with modern tools, try to:</p>\n<ul>\n<li>Write HTML by hand sometimes</li>\n<li>Understand your CSS before using frameworks</li>\n<li>Know what your build tools are actually doing</li>\n<li>Keep some projects framework-free</li>\n</ul>\n<h3>Embrace Constraints</h3>\n<p>The limitations of Notepad forced creativity. Modern constraints might include:</p>\n<ul>\n<li>No CSS frameworks</li>\n<li>Maximum file size limits</li>\n<li>Browser compatibility requirements</li>\n<li>Performance budgets</li>\n</ul>\n<h2>The Zen of Hand-Coding</h2>\n<p>There's something meditative about typing HTML by hand:</p>\n<div class=\"highlight\"><pre><span></span><code><span class=\"p\">&lt;</span><span class=\"nt\">article</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">header</span><span class=\"p\">&gt;</span>\n        <span class=\"p\">&lt;</span><span class=\"nt\">h1</span><span class=\"p\">&gt;</span>My thoughts on web development<span class=\"p\">&lt;/</span><span class=\"nt\">h1</span><span class=\"p\">&gt;</span>\n        <span class=\"p\">&lt;</span><span class=\"nt\">time</span> <span class=\"na\">datetime</span><span class=\"o\">=</span><span class=\"s\">&quot;2025-06-25&quot;</span><span class=\"p\">&gt;</span>June 25, 2025<span class=\"p\">&lt;/</span><span class=\"nt\">time</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;/</span><span class=\"nt\">header</span><span class=\"p\">&gt;</span>\n\n    <span class=\"p\">&lt;</span><span class=\"nt\">p</span><span class=\"p\">&gt;</span>When you hand-code HTML, every element has intention.\n       Every attribute serves a purpose. Nothing is accidental.<span class=\"p\">&lt;/</span><span class=\"nt\">p</span><span class=\"p\">&gt;</span>\n\n    <span class=\"p\">&lt;</span><span class=\"nt\">footer</span><span class=\"p\">&gt;</span>\n        <span class=\"p\">&lt;</span><span class=\"nt\">p</span><span class=\"p\">&gt;</span>Written with love in a simple text editor.<span class=\"p\">&lt;/</span><span class=\"nt\">p</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;/</span><span class=\"nt\">footer</span><span class=\"p\">&gt;</span>\n<span class=\"p\">&lt;/</span><span class=\"nt\">article</span><span class=\"p\">&gt;</span>\n</code></pre></div>\n\n<p>Each tag you type is deliberate. Each structure you create has meaning. There's no generated code you don't understand, no magic you can't explain.</p>\n<h2>Lessons for Today</h2>\n<p>What can we learn from the Notepad era?</p>\n<ol>\n<li><strong>Understand your tools</strong> - Don't let abstractions hide the fundamentals</li>\n<li><strong>Start simple</strong> - Build complexity gradually</li>\n<li><strong>Value craftsmanship</strong> - Take pride in clean, semantic code</li>\n<li><strong>Embrace constraints</strong> - Limitations often lead to creativity</li>\n<li><strong>Know the basics</strong> - Frameworks come and go, but HTML is forever</li>\n</ol>\n<h2>Try It Yourself</h2>\n<p>This weekend, challenge yourself:</p>\n<ol>\n<li>Open a simple text editor (not an IDE)</li>\n<li>Build a small website by hand</li>\n<li>Use only HTML and CSS</li>\n<li>No copy/paste from frameworks</li>\n<li>No external libraries</li>\n</ol>\n<p>You might be surprised how satisfying it feels to build something from scratch, character by character, tag by tag.</p>\n<p>After all, <strong>every great website starts with a single <code>&lt;html&gt;</code> tag</strong>.</p>\n<hr />\n<p><em>This post was written in VS Code but could just as easily have been typed in Notepad. Some things never change.</em></p>"
    }
  ]
}