<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Lee Hildebrand</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="/resources/favicon.ico" />
    <meta name="description" content="Lee Hildebrand - Having fun in the cloud!" />
    <link rel="stylesheet" href="/resources/styles.css" />
</head>
<body class="bg-gray-100 dark:bg-gray-900 dark:text-white">
    <nav id="header" class="fixed w-full z-30 top-0 text-gray-100">
    <div class="w-full container mx-auto flex flex-wrap items-center justify-between mt-0 py-2">
        <div class="pl-4 flex items-center">
            <a href="/" class="px-2 lg:px-0">
                <img src="/resources/lwc.png" alt="logo" class="h-10 w-10" />
            </a>
            <div class="px-2 text-lg"></div>
        </div>
        <div class="block lg:hidden pr-4">
            <button id="nav-toggle" class="flex items-center p-1 text-pink-800 hover:text-gray-900 focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out">
                <svg class="fill-current h-6 w-6" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                    <title>Menu</title>
                    <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path>
                </svg>
            </button>
        </div>
        <div class="w-full flex-grow lg:flex lg:items-center lg:w-auto hidden mt-2 lg:mt-0 bg-white lg:bg-transparent dark:bg-gray-800 lg:dark:bg-transparent p-4 lg:p-0 z-20" id="nav-content">
            <ul class="list-reset lg:flex justify-end flex-1 items-center">
                <li class="mr-3">
                    <a class="inline-block py-2 px-4 hover:underline no-underline" href="/">Home</a>
                </li>
                <li class="mr-3">
                    <a class="inline-block no-underline hover:underline py-2 px-4 flex items-center" href="https://www.salesforce.com/trailblazer/leehildebrand" target="_blank">
                        <svg class="h-5 w-5 mr-1 text-blue-500" fill="currentColor" viewBox="0 0 24 24">
                            <path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/>
                        </svg>
                        Trailblazer Profile
                    </a>
                </li>
                <li class="mr-3">
                    <a class="inline-block no-underline hover:underline py-2 px-4" href="https://docs.google.com/document/d/e/2PACX-1vSmxhBLI4mPqM1oR6Pa2ldQvXjlv9IcG_NJle8Q-dhnjbtdZVVX-PIH1YJDQgvztKCdr6IpYCtNVtnN/pub" target="_blank">Resume</a>
                </li>
            </ul>
            <div class="flex items-center mx-2">
                
                <a href="https://twitter.com/leehildebrand" target="_blank" rel="noopener noreferrer" class="mx-2 text-white hover:text-gray-200">
                    
                    <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
                        <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"/>
                    </svg>
                    
                </a>
                
                <a href="https://www.linkedin.com/in/leehildebrand/" target="_blank" rel="noopener noreferrer" class="mx-2 text-white hover:text-gray-200">
                    
                    <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
                        <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
                    </svg>
                    
                </a>
                
                <a href="https://github.com/leehildebrand" target="_blank" rel="noopener noreferrer" class="mx-2 text-white hover:text-gray-200">
                    
                    <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
                        <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
                    </svg>
                    
                </a>
                
            </div>
            <button id="dark-mode-toggle" class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700">
                <svg class="w-6 h-6 hidden dark:block" fill="currentColor" viewBox="0 0 20 20">
                    <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path>
                </svg>
                <svg class="w-6 h-6 block dark:hidden" fill="currentColor" viewBox="0 0 20 20">
                    <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
                </svg>
            </button>
        </div>
    </div>
    
</nav>


    <!-- Hero Section -->
    <div class="hero-bg text-gray-50">
        <div class="container mx-auto pt-24 px-3 pb-24 flex flex-wrap flex-col md:flex-row items-center">
            <div class="flex flex-col w-full md:w-2/5 justify-center items-start text-center md:text-left">
                <h1 class="my-4 text-5xl font-bold leading-tight">
                    Lee Hildebrand
                </h1>
                <p class="leading-normal text-2xl mb-8">
                    Having fun in the cloud!
                </p>
            </div>
            <div class="w-full md:w-3/5 py-6 text-center"></div>
        </div>
    </div>

    <!-- Wave SVG -->
    <div class="relative" style="margin-top: -12%">
        <svg viewBox="0 0 1428 174" version="1.1">
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                <g transform="translate(-2.000000, 44.000000)" fill="#FFFFFF" fill-rule="nonzero">
                    <path d="M0,0 C90.7283404,0.927527913 147.912752,27.187927 291.910178,59.9119003 C387.908462,81.7278826 543.605069,89.334785 759,82.7326078 C469.336065,156.254352 216.336065,153.6679 0,74.9732496" opacity="0.100000001"></path>
                    <path d="M100,104.708498 C277.413333,72.2345949 426.147877,52.5246657 546.203633,45.5787101 C666.259389,38.6327546 810.524845,41.7979068 979,55.0741668 C931.069965,56.122511 810.303266,74.8455141 616.699903,111.243176 C423.096539,147.640838 250.863238,145.462612 100,104.708498 Z" opacity="0.100000001"></path>
                    <path d="M1046,51.6521276 C1130.83045,29.328812 1279.08318,17.607883 1439,40.1656806 L1439,120 C1271.17211,77.9435312 1140.17211,55.1609071 1046,51.6521276 Z" opacity="0.200000003"></path>
                </g>
                <g class="fill-current text-gray-100 dark:text-gray-900" transform="translate(-4.000000, 76.000000)" fill-rule="nonzero">
                    <path d="M0.457,34.035 C57.086,53.198 98.208,65.809 123.822,71.865 C181.454,85.495 234.295,90.29 272.033,93.459 C311.355,96.759 396.635,95.801 461.025,91.663 C486.76,90.01 518.727,86.372 556.926,80.752 C595.747,74.596 622.372,70.008 636.799,66.991 C663.913,61.324 712.501,49.503 727.605,46.128 C780.47,34.317 818.839,22.532 856.324,15.904 C922.689,4.169 955.676,2.522 1011.185,0.432 C1060.705,1.477 1097.39,3.129 1121.236,5.387 C1161.703,9.219 1208.621,17.821 1235.4,22.304 C1285.855,30.748 1354.351,47.432 1440.886,72.354 L1441.191,104.352 L1.121,104.031 L0.457,34.035 Z"></path>
                </g>
            </g>
        </svg>
    </div>

    <!-- Main Content -->
    <div class="container mx-auto pt-12">
        <div class="flex justify-between container mx-auto">
            <div class="w-full lg:w-8/12">
                <div class="flex items-center justify-between">
                    <h1 class="text-xl font-bold text-gray-700 dark:text-gray-300 md:text-2xl">
                        All Posts
                    </h1>
                </div>
                
                
                <div class="mt-6">
                    <div class="max-w-4xl px-10 py-6 bg-white dark:bg-gray-700 dark:text-white rounded-lg shadow-md">
                        <div class="flex justify-between items-center text-center content-center">
                            <img src="/resources/blog-images/DoomLogo.jpg" alt="Salesforce: Can it run Doom?" class="mx-auto max-h-64 object-cover rounded" />
                        </div>
                        <div class="mt-4">
                            <a href="/posts/2026-03-29-salesforce-can-it-run-doom" class="text-2xl text-gray-700 dark:text-gray-100 font-bold hover:underline">
                                Salesforce: Can it run Doom?
                            </a>
                        </div>
                        <div class="mt-4 flex justify-start items-left flex-wrap">
                            
                            <div class="px-2 py-1 rounded bg-pink-100 text-pink-900 dark:bg-pink-900 dark:text-pink-100 mr-2 mb-2">
                                Salesforce
                            </div>
                            
                            <div class="px-2 py-1 rounded bg-pink-100 text-pink-900 dark:bg-pink-900 dark:text-pink-100 mr-2 mb-2">
                                Doom
                            </div>
                            
                            <div class="px-2 py-1 rounded bg-pink-100 text-pink-900 dark:bg-pink-900 dark:text-pink-100 mr-2 mb-2">
                                LWC
                            </div>
                            
                            <div class="px-2 py-1 rounded bg-pink-100 text-pink-900 dark:bg-pink-900 dark:text-pink-100 mr-2 mb-2">
                                Digital Experience
                            </div>
                            
                            <div class="px-2 py-1 rounded bg-pink-100 text-pink-900 dark:bg-pink-900 dark:text-pink-100 mr-2 mb-2">
                                Emscripten
                            </div>
                            
                        </div>
                        <div class="mt-4 flex justify-between items-center">
                            <span class="font-light text-gray-600 dark:text-gray-200">
                                29 Mar 2026
                            </span>
                            <a href="/posts/2026-03-29-salesforce-can-it-run-doom" class="text-green-800 dark:text-gray-100 hover:underline">
                                Read full post
                            </a>
                        </div>
                    </div>
                </div>
                
                <div class="mt-6">
                    <div class="max-w-4xl px-10 py-6 bg-white dark:bg-gray-700 dark:text-white rounded-lg shadow-md">
                        <div class="flex justify-between items-center text-center content-center">
                            <img src="/resources/blog-images/agentforce-healthcare.jpg" alt="Salesforce Agentforce - Transforming Healthcare with AI Agents" class="mx-auto max-h-64 object-cover rounded" />
                        </div>
                        <div class="mt-4">
                            <a href="/posts/2024-12-01-Agentforce-Healthcare" class="text-2xl text-gray-700 dark:text-gray-100 font-bold hover:underline">
                                Salesforce Agentforce - Transforming Healthcare with AI Agents
                            </a>
                        </div>
                        <div class="mt-4 flex justify-start items-left flex-wrap">
                            
                            <div class="px-2 py-1 rounded bg-pink-100 text-pink-900 dark:bg-pink-900 dark:text-pink-100 mr-2 mb-2">
                                Salesforce
                            </div>
                            
                            <div class="px-2 py-1 rounded bg-pink-100 text-pink-900 dark:bg-pink-900 dark:text-pink-100 mr-2 mb-2">
                                Healthcare
                            </div>
                            
                            <div class="px-2 py-1 rounded bg-pink-100 text-pink-900 dark:bg-pink-900 dark:text-pink-100 mr-2 mb-2">
                                Agentforce
                            </div>
                            
                            <div class="px-2 py-1 rounded bg-pink-100 text-pink-900 dark:bg-pink-900 dark:text-pink-100 mr-2 mb-2">
                                AI
                            </div>
                            
                        </div>
                        <div class="mt-4 flex justify-between items-center">
                            <span class="font-light text-gray-600 dark:text-gray-200">
                                1 Dec 2024
                            </span>
                            <a href="/posts/2024-12-01-Agentforce-Healthcare" class="text-green-800 dark:text-gray-100 hover:underline">
                                Read full post
                            </a>
                        </div>
                    </div>
                </div>
                

                <!-- Pagination -->
                <div class="mt-4 flex justify-center items-center px-3">
                    <div class="flex">
                        
                        
                        <a href="/?page=2" class="px-3 py-2 mx-1 font-medium text-gray-500 bg-white rounded-md cursor-pointer hover:bg-blue-500 hover:text-white dark:bg-gray-700 dark:text-gray-200">
                            Next
                        </a>
                        
                    </div>
                </div>
            </div>
            <div class="-mx-8 w-4/12 hidden lg:block">
                <div class="px-8">
                    <!-- Sidebar placeholder -->
                </div>
            </div>
        </div>
    </div>

    <footer class="mt-12">
    <div class="px-6 py-2 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-100">
        <div class="flex flex-col justify-between items-center container mx-auto md:flex-row">
            <a href="/" class="text-lg font-bold">Lee Hildebrand</a>
            <p class="mt-2 md:mt-0">This is a Node.js blog. Blog content © Lee Hildebrand 2026.</p>
            <div class="flex -mx-2 mt-4 mb-2 md:mt-0 md:mb-0">
                
                <a href="https://twitter.com/leehildebrand" target="_blank" rel="noopener noreferrer" class="mx-2 text-gray-600 dark:text-gray-300 hover:text-gray-500 dark:hover:text-gray-300">
                    
                    <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
                        <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"/>
                    </svg>
                    
                </a>
                
                <a href="https://www.linkedin.com/in/leehildebrand/" target="_blank" rel="noopener noreferrer" class="mx-2 text-gray-600 dark:text-gray-300 hover:text-gray-500 dark:hover:text-gray-300">
                    
                    <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
                        <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
                    </svg>
                    
                </a>
                
                <a href="https://github.com/leehildebrand" target="_blank" rel="noopener noreferrer" class="mx-2 text-gray-600 dark:text-gray-300 hover:text-gray-500 dark:hover:text-gray-300">
                    
                    <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
                        <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
                    </svg>
                    
                </a>
                
            </div>
        </div>
    </div>
</footer>


    <script>
        // Default to dark mode unless user has explicitly disabled it
        if (localStorage.getItem('darkMode') !== 'false') {
            document.documentElement.classList.add('dark');
        }

        document.addEventListener('DOMContentLoaded', function() {
            // Dark mode toggle functionality
            const darkModeToggle = document.getElementById('dark-mode-toggle');
            if (darkModeToggle) {
                darkModeToggle.addEventListener('click', function() {
                    document.documentElement.classList.toggle('dark');
                    localStorage.setItem('darkMode', document.documentElement.classList.contains('dark'));
                });
            }

            // Mobile menu toggle
            const navToggle = document.getElementById('nav-toggle');
            const navContent = document.getElementById('nav-content');
            if (navToggle && navContent) {
                navToggle.addEventListener('click', function() {
                    navContent.classList.toggle('hidden');
                });
            }
        });
    </script>
</body>
</html>
