<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Primary Meta Tags -->
    <meta name="title" content="Tor Miller | AI Innovation Lead | Architecture &amp; Enablement">
    <meta name="description" content="Tor Miller is an AI Innovation Lead at Student First LLC focused on AI architecture, enablement, and legacy system transformation. Former CTO of Bizly.">
    <meta name="author" content="Tor Miller">
    <meta name="keywords" content="Tor Miller, AI Innovation Lead, Architecture &amp; Enablement, Student First LLC, AI Transformation, AI Force Multiplier, Legacy System Transformation, AI Integration, Laravel Developer, Bizly, Software Architecture, DevOps, Engineering Leadership, Scalable Systems, Product Strategy, AI Platforms">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <meta name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <meta name="theme-color" content="#0f2027">
    <link rel="canonical" href="https://www.tormiller.net">
    <link rel="manifest" href="/manifest.json">
    <link rel="alternate" type="text/plain" title="LLMs" href="/llms.txt">

    <!-- Apple Specific -->
    <meta name="apple-mobile-web-app-title" content="Tor Miller">
    <meta property="og:site_name" content="Tor Miller">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.tormiller.net">
    <meta property="og:title" content="Tor Miller | AI Innovation Lead | Architecture &amp; Enablement">
    <meta property="og:description" content="Tor Miller is an AI Innovation Lead at Student First LLC focused on AI architecture, enablement, and legacy system transformation. Former CTO of Bizly.">
    <meta property="og:image" content="https://www.tormiller.net/images/tor-square-web.jpg">
    <meta property="og:image:alt" content="Tor Miller - Technology Leader and Entrepreneur">
    <meta property="og:image:width" content="800">
    <meta property="og:image:height" content="800">
    <meta property="og:locale" content="en_US">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://www.tormiller.net">
    <meta name="twitter:title" content="Tor Miller | AI Innovation Lead | Architecture &amp; Enablement">
    <meta name="twitter:description" content="Tor Miller is an AI Innovation Lead at Student First LLC focused on AI architecture, enablement, and legacy system transformation. Former CTO of Bizly.">
    <meta name="twitter:image" content="https://www.tormiller.net/images/tor-square-web.jpg">
    <meta name="twitter:image:alt" content="Tor Miller - Technology Leader and Entrepreneur">
    <meta name="twitter:creator" content="@torrancemiller">
    <meta name="twitter:site" content="@torrancemiller">

    <!-- Schema.org markup -->
    <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "WebSite",
            "@id": "https://www.tormiller.net#website",
            "url": "https://www.tormiller.net",
            "name": "Tor Miller",
            "description": "Tor Miller is an AI Innovation Lead at Student First LLC, specializing in transforming how teams build with AI. Former CTO of Bizly, now leading AI architecture and enablement to help teams perform at previously unattainable levels.",
            "inLanguage": "en-US",
            "publisher": {
                "@type": "Person",
                "@id": "https://www.tormiller.net#person"
            }
        },
        {
            "@type": "Person",
            "@id": "https://www.tormiller.net#person",
            "name": "Tor Miller",
            "url": "https://www.tormiller.net",
            "image": "https://www.tormiller.net/images/tor-square-web.jpg",
            "jobTitle": "AI Innovation Lead | Architecture & Enablement",
            "worksFor": {
                "@type": "Organization",
                "name": "Student First LLC",
                "url": "https://studentfirst.com"
            },
            "sameAs": [
                "https://twitter.com/torrancemiller",
                "https://www.linkedin.com/in/tormiller",
                "https://www.instagram.com/torrancemiller"
            ]
        }
    ]
}    </script>

    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon.png">
    <link rel="me" href="https://www.linkedin.com/in/tormiller">
    <link rel="me" href="https://www.instagram.com/torrancemiller">
    <link rel="me" href="https://twitter.com/torrancemiller">
    
    <title>Tor Miller | AI Innovation Lead | Architecture &amp; Enablement</title>
    
    <!-- Fonts -->
    <link rel="preconnect" href="https://rsms.me">
    <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
    
    <!-- Styles -->
    <link rel="preload" as="style" href="https://www.tormiller.net/build/assets/app-BQ7RojVd.css" /><link rel="modulepreload" href="https://www.tormiller.net/build/assets/app-CXJXDBAG.js" /><link rel="stylesheet" href="https://www.tormiller.net/build/assets/app-BQ7RojVd.css" data-navigate-track="reload" /><script type="module" src="https://www.tormiller.net/build/assets/app-CXJXDBAG.js" data-navigate-track="reload"></script>    <style>
        [x-cloak] { display: none !important; }
    </style>
    
    <!-- Alpine.js -->
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
</head>
<body class="font-sans antialiased bg-gray-950 text-white">
    <a href="#main-content" class="skip-link">Skip to main content</a>
    <div class="min-h-screen flex flex-col">
        <main id="main-content" tabindex="-1" class="flex-grow">
            <div class="relative isolate overflow-hidden min-h-screen">
        <!-- Futuristic animated background -->
        <div class="fixed inset-0 -z-20 w-full h-full">
            <style>
                .futuristic-bg {
                    position: fixed;
                    width: 100vw;
                    min-height: 100%;
                    height: 100%;
                    top: 0; left: 0;
                    background: linear-gradient(120deg, #0f2027, #2c5364 60%, #232526 100%);
                    background-size: 200% 200%;
                    animation: gradientMove 28s ease-in-out infinite;
                }
                @keyframes gradientMove {
                    0% { background-position: 0% 50%; }
                    50% { background-position: 100% 50%; }
                    100% { background-position: 0% 50%; }
                }
                .orb {
                    position: fixed;
                    border-radius: 50%;
                    filter: blur(40px);
                    opacity: 0.5;
                    mix-blend-mode: screen;
                    pointer-events: none;
                }
                .orb1 {
                    width: 400px; height: 400px;
                    background: #00ffe7;
                    top: 10%; left: 5%;
                    animation: orb1move 26s ease-in-out infinite alternate;
                }
                .orb2 {
                    width: 300px; height: 300px;
                    background: #ff00cc;
                    top: 60%; left: 60%;
                    animation: orb2move 30s ease-in-out infinite alternate;
                }
                .orb3 {
                    width: 250px; height: 250px;
                    background: #00b3ff;
                    top: 40%; left: 80%;
                    animation: orb3move 28s ease-in-out infinite alternate;
                }
                @keyframes orb1move {
                    0% { transform: translateY(0) scale(1); }
                    100% { transform: translateY(18px) scale(1.04); }
                }
                @keyframes orb2move {
                    0% { transform: translateX(0) scale(1); }
                    100% { transform: translateX(-26px) scale(1.03); }
                }
                @keyframes orb3move {
                    0% { transform: translateY(0) scale(1); }
                    100% { transform: translateY(-22px) scale(1.04); }
                }
            </style>
            <div class="futuristic-bg"></div>
            <div class="orb orb1"></div>
            <div class="orb orb2"></div>
            <div class="orb orb3"></div>
        </div>
        <!-- Background with animated geometric patterns -->
        <div class="absolute inset-0 -z-10 overflow-hidden">
            <style>
                @keyframes float {
                    0% { transform: translateX(-50%) translateY(0) scale(1); }
                    50% { transform: translateX(-50%) translateY(-10px) scale(1.01); }
                    100% { transform: translateX(-50%) translateY(0) scale(1); }
                }
                .floating-pattern {
                    animation: float 20s ease-in-out infinite;
                    will-change: transform;
                }
                /* Dancing grid squares */
                @keyframes squareDance1 {
                    0%, 100% { opacity: 0.45; transform: scale(1); }
                    50% { opacity: 0.6; transform: scale(1.015); }
                }
                @keyframes squareDance2 {
                    0%, 100% { opacity: 0.32; transform: scale(0.995); }
                    50% { opacity: 0.5; transform: scale(1.012); }
                }
                @keyframes squareDance3 {
                    0%, 100% { opacity: 0.4; transform: scale(0.995); }
                    50% { opacity: 0.55; transform: scale(1.01); }
                }
                @keyframes squareDance4 {
                    0%, 100% { opacity: 0.36; transform: scale(1.005); }
                    50% { opacity: 0.5; transform: scale(0.99); }
                }
                @keyframes squareDance5 {
                    0%, 100% { opacity: 0.24; transform: scale(1); }
                    50% { opacity: 0.42; transform: scale(1.014); }
                }
                .dancing-square-1 { animation: squareDance1 20s ease-in-out infinite; transform-origin: center; }
                .dancing-square-2 { animation: squareDance2 24s ease-in-out infinite; transform-origin: center; }
                .dancing-square-3 { animation: squareDance3 28s ease-in-out infinite; transform-origin: center; }
                .dancing-square-4 { animation: squareDance4 22s ease-in-out infinite; transform-origin: center; }
                .dancing-square-5 { animation: squareDance5 26s ease-in-out infinite; transform-origin: center; }
                .dancing-square-6 { animation: squareDance1 30s ease-in-out infinite 4s; transform-origin: center; }
                .dancing-square-7 { animation: squareDance3 18s ease-in-out infinite 3s; transform-origin: center; }
                .dancing-square-8 { animation: squareDance2 32s ease-in-out infinite 6s; transform-origin: center; }
            </style>
            <svg class="absolute left-[max(50%,25rem)] top-0 h-[64rem] w-[128rem] stroke-gray-800 [mask-image:radial-gradient(64rem_64rem_at_top,white,transparent)] floating-pattern" aria-hidden="true">
                <defs>
                    <pattern id="e813992c-7d03-4cc4-a2bd-151760b470a0" width="200" height="200" x="50%" y="-1" patternUnits="userSpaceOnUse">
                        <path d="M100 200V.5M.5 .5H200" fill="none" />
                    </pattern>
                </defs>
                <svg x="50%" y="-1" class="overflow-visible">
                    <rect class="dancing-square-1 fill-gray-900" x="-100.5" y="0" width="201" height="201" stroke-width="0" />
                    <rect class="dancing-square-2 fill-gray-900" x="699.5" y="0" width="201" height="201" stroke-width="0" />
                    <rect class="dancing-square-3 fill-gray-900" x="499.5" y="400" width="201" height="201" stroke-width="0" />
                    <rect class="dancing-square-4 fill-gray-900" x="-300.5" y="600" width="201" height="201" stroke-width="0" />
                    <rect class="dancing-square-5 fill-gray-800/50" x="299.5" y="200" width="201" height="201" stroke-width="0" />
                    <rect class="dancing-square-6 fill-gray-800/40" x="99.5" y="400" width="201" height="201" stroke-width="0" />
                    <rect class="dancing-square-7 fill-gray-900" x="-500.5" y="200" width="201" height="201" stroke-width="0" />
                    <rect class="dancing-square-8 fill-gray-800/30" x="899.5" y="400" width="201" height="201" stroke-width="0" />
                </svg>
                <rect width="100%" height="100%" stroke-width="0" fill="url(#e813992c-7d03-4cc4-a2bd-151760b470a0)" />
            </svg>
        </div>

        <nav class="relative z-30 pt-6 px-6" aria-label="Primary" x-data="{ open: false }">
    <div class="mx-auto max-w-7xl flex items-center justify-between">
        <a href="/"
            aria-current="page"            class="text-white font-bold text-lg tracking-tight hover:text-primary-400 transition-colors flex-shrink-0"
        >
            Tor Miller
        </a>

        <div class="hidden md:flex items-center gap-1">
            <a href="/thoughts"
                              class="px-3 py-2 rounded-md text-sm font-medium transition-colors text-gray-300 hover:text-white"
            >
                Thoughts
            </a>
            <a href="/about"
                              class="px-3 py-2 rounded-md text-sm font-medium transition-colors text-gray-300 hover:text-white"
            >
                About
            </a>
            <a href="/stuff-i-worked-on"
                              class="px-3 py-2 rounded-md text-sm font-medium transition-colors text-gray-300 hover:text-white"
            >
                Projects
            </a>
            <a href="https://docs.google.com/forms/d/e/1FAIpQLSfVcEHstVi7svcz18xlqP6FagFPSmjCs9rtNC5N3cSch6LUmg/viewform?usp=header"
               target="_blank"
               rel="noopener noreferrer"
               aria-label="Connect (opens in a new tab)"
               class="ml-2 text-sm font-medium text-white bg-primary-600 hover:bg-primary-700 px-4 py-2 rounded-full transition-colors"
            >
                Connect
            </a>
        </div>

        <button
            @click="open = !open"
            class="md:hidden p-2 text-gray-300 hover:text-white transition-colors"
            :aria-expanded="open.toString()"
            aria-label="Toggle navigation menu"
        >
            <svg x-show="!open" class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
            </svg>
            <svg x-show="open" x-cloak class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
            </svg>
        </button>
    </div>

    <div
        x-show="open"
        x-cloak
        x-transition:enter="transition ease-out duration-200"
        x-transition:enter-start="opacity-0 -translate-y-1"
        x-transition:enter-end="opacity-100 translate-y-0"
        x-transition:leave="transition ease-in duration-150"
        x-transition:leave-start="opacity-100 translate-y-0"
        x-transition:leave-end="opacity-0 -translate-y-1"
        @click.outside="open = false"
        class="md:hidden mt-4 mx-auto max-w-7xl rounded-2xl bg-gray-900/95 backdrop-blur-lg ring-1 ring-white/10 p-4"
    >
        <div class="flex flex-col gap-1">
            <a href="/thoughts"
                              class="px-4 py-3 rounded-lg text-sm font-medium transition-colors text-gray-300 hover:text-white hover:bg-white/5"
            >
                Thoughts
            </a>
            <a href="/about"
                              class="px-4 py-3 rounded-lg text-sm font-medium transition-colors text-gray-300 hover:text-white hover:bg-white/5"
            >
                About
            </a>
            <a href="/stuff-i-worked-on"
                              class="px-4 py-3 rounded-lg text-sm font-medium transition-colors text-gray-300 hover:text-white hover:bg-white/5"
            >
                Projects
            </a>
            <a href="https://docs.google.com/forms/d/e/1FAIpQLSfVcEHstVi7svcz18xlqP6FagFPSmjCs9rtNC5N3cSch6LUmg/viewform?usp=header"
               target="_blank"
               rel="noopener noreferrer"
               aria-label="Connect (opens in a new tab)"
               class="mt-2 text-sm font-medium text-white bg-primary-600 hover:bg-primary-700 px-4 py-3 rounded-lg transition-colors text-center"
            >
                Connect
            </a>
        </div>
    </div>
</nav>

        
                    <div class="mx-auto max-w-4xl px-6 pt-8 pb-4 z-20 relative">
                <div class="rounded-2xl ring-1 ring-amber-500/30 bg-gradient-to-br from-amber-950/40 to-orange-950/30 backdrop-blur-sm p-6 sm:p-8 shadow-xl">
                    <div class="flex flex-col sm:flex-row gap-6 sm:gap-8 sm:items-start">
                                                    <a href="https://atmosphericstatic.com" target="_blank" rel="noopener noreferrer" class="flex-shrink-0 mx-auto sm:mx-0">
                                <img src="https://atmosphericstatic.com/cover.jpg" alt="Atmospheric Static by T. R. Miller — book cover" width="144" height="216" class="w-24 sm:w-36 h-auto rounded-lg shadow-lg ring-1 ring-white/10 hover:ring-amber-400/30 transition-all object-cover" loading="lazy">
                            </a>
                                                <div class="flex-1 min-w-0 flex flex-col gap-4">
                            <div>
                                <span class="inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-semibold bg-amber-500/20 text-amber-200 border border-amber-400/30 mb-3">
                                    <span class="w-1.5 h-1.5 rounded-full bg-amber-400 animate-pulse"></span>
                                    New release
                                </span>
                                <h2 class="text-xl sm:text-2xl font-bold text-white">Atmospheric Static</h2>
                                <p class="mt-2 text-gray-300 text-sm sm:text-base">
                                    My first novel, published March 7, 2026. Visit <a href="https://atmosphericstatic.com" target="_blank" rel="noopener noreferrer" class="text-amber-400 hover:text-amber-300 font-medium underline decoration-amber-500/50">atmosphericstatic.com</a> to learn more.
                                </p>
                                <p class="mt-3 text-sm text-gray-400">
                                    If you've read it — or plan to — I'd be grateful if you'd <strong class="text-amber-200/90">download or save the book</strong> and <strong class="text-amber-200/90">leave a review on Amazon</strong>. Reviews help the algorithm surface the book to new readers. Thank you for your support; it means the world to me.
                                </p>
                                <a href="https://www.tormiller.net/thoughts/atmospheric-static-launch" class="mt-1 inline-flex items-center text-sm text-amber-400 hover:text-amber-300 font-medium transition-colors">
                                    Read more about how you can help
                                    <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                    </svg>
                                </a>
                            </div>
                            <div class="flex flex-wrap gap-3">
                                <a href="https://atmosphericstatic.com" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center px-5 py-2.5 rounded-lg bg-amber-500/20 border border-amber-400/40 text-amber-200 font-semibold text-sm hover:bg-amber-500/30 transition-colors">
                                    Visit Book Site
                                    <svg class="ml-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                                    </svg>
                                </a>
                                                                    <a href="https://a.co/d/0bS5d6vK" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center px-5 py-2.5 rounded-lg bg-amber-500 hover:bg-amber-600 text-gray-950 font-semibold text-sm transition-colors">
                                        Review on Amazon
                                        <svg class="ml-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" />
                                        </svg>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
        <!-- Main content -->
        <div class="mx-auto max-w-7xl px-6 py-24 sm:py-32 lg:px-8 lg:py-40 z-20 relative">
            <header class="mx-auto max-w-2xl text-center">
                <img src="/images/tor-square-web.jpg" alt="Tor Miller - Technology Leader and Entrepreneur" class="mx-auto h-48 w-48 rounded-full object-cover shadow-xl mb-8 ring-4 ring-primary-500/20">
                <h1 class="text-4xl font-bold tracking-tight text-white sm:text-6xl">Tor Miller</h1>
                <p class="mt-6 text-lg leading-8 text-gray-300">
                    AI Innovation Lead | Architecture & Enablement
                </p>
                <p class="mt-4 text-base leading-6 text-gray-400">
                    Transforming How Teams Build with AI &bull; Former CTO of Bizly
                </p>

                <!-- Call to Action -->
                <div class="mt-8">
                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSfVcEHstVi7svcz18xlqP6FagFPSmjCs9rtNC5N3cSch6LUmg/viewform?usp=header" target="_blank" rel="noopener noreferrer" aria-label="Let's Connect (opens in a new tab)" class="inline-flex items-center px-8 py-4 text-md font-semibold text-white bg-white/10 backdrop-blur-sm rounded-full border border-white/20 hover:bg-white/20 transition-all duration-200 shadow-lg">
                        <svg class="w-6 h-6 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
                        </svg>
                        Let's Connect
                    </a>
                </div>

                <!-- Social links -->
                <nav class="mt-10 flex flex-wrap items-center justify-center gap-4" aria-label="Social media links">
                    <a href="https://www.linkedin.com/in/torrancemiller?utm_source=tormiller.net&utm_medium=personal_site&utm_campaign=social_links" class="btn btn-primary" aria-label="Connect on LinkedIn">
                        <svg class="h-5 w-5 mr-2" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                            <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
                        </svg>
                        LinkedIn
                    </a>
                    <a href="https://www.instagram.com/torrancemiller?utm_source=tormiller.net&utm_medium=personal_site&utm_campaign=social_links" class="btn btn-outline" aria-label="Follow on Instagram">
                        <svg class="h-5 w-5 mr-2" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                            <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
                        </svg>
                        Instagram
                    </a>
                </nav>
            </header>

            <!-- Expertise Section -->
            <section class="mx-auto mt-20 max-w-4xl rounded-3xl ring-1 ring-white/20 bg-black/70 shadow-2xl sm:mt-24 lg:mx-0 lg:flex lg:max-w-none">
                <div class="p-8 sm:p-10 lg:flex-auto">
                    <h2 class="text-2xl font-bold tracking-tight text-white">Core Expertise</h2>
                    <p class="mt-6 text-base leading-7 text-gray-300">
                        Specializing in building scalable, resilient technology systems and leading high-performing engineering teams.
                    </p>

                    <div class="mt-10 grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2 lg:grid-cols-3">
                                                    <div class="flex items-center space-x-3">
                                <svg class="h-5 w-5 text-primary-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                                </svg>
                                <span class="text-gray-300">AI Innovation &amp; Enablement</span>
                            </div>
                                                    <div class="flex items-center space-x-3">
                                <svg class="h-5 w-5 text-primary-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                                </svg>
                                <span class="text-gray-300">AI Architecture</span>
                            </div>
                                                    <div class="flex items-center space-x-3">
                                <svg class="h-5 w-5 text-primary-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                                </svg>
                                <span class="text-gray-300">Legacy System Transformation</span>
                            </div>
                                                    <div class="flex items-center space-x-3">
                                <svg class="h-5 w-5 text-primary-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                                </svg>
                                <span class="text-gray-300">AI Platform Development</span>
                            </div>
                                                    <div class="flex items-center space-x-3">
                                <svg class="h-5 w-5 text-primary-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                                </svg>
                                <span class="text-gray-300">Agentic AI Development</span>
                            </div>
                                                    <div class="flex items-center space-x-3">
                                <svg class="h-5 w-5 text-primary-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                                </svg>
                                <span class="text-gray-300">Engineering Leadership</span>
                            </div>
                                                    <div class="flex items-center space-x-3">
                                <svg class="h-5 w-5 text-primary-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                                </svg>
                                <span class="text-gray-300">Product Strategy</span>
                            </div>
                                                    <div class="flex items-center space-x-3">
                                <svg class="h-5 w-5 text-primary-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                                </svg>
                                <span class="text-gray-300">Scalable Architecture</span>
                            </div>
                                                    <div class="flex items-center space-x-3">
                                <svg class="h-5 w-5 text-primary-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                                </svg>
                                <span class="text-gray-300">Laravel Development</span>
                            </div>
                                                    <div class="flex items-center space-x-3">
                                <svg class="h-5 w-5 text-primary-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                                </svg>
                                <span class="text-gray-300">API Infrastructure</span>
                            </div>
                                                    <div class="flex items-center space-x-3">
                                <svg class="h-5 w-5 text-primary-400 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
                                </svg>
                                <span class="text-gray-300">Database Design</span>
                            </div>
                                            </div>
                </div>
            </section>

            <!-- Projects section -->
            <section class="mx-auto mt-20 max-w-4xl rounded-3xl ring-1 ring-white/20 bg-black/70 shadow-2xl sm:mt-24 lg:mx-0 lg:flex lg:max-w-none">
                <div class="p-8 sm:p-10 lg:flex-auto">
                    <div class="flex items-center justify-between mb-6">
                        <h2 class="text-2xl font-bold tracking-tight text-white">Featured Projects</h2>
                        <a href="/stuff-i-worked-on" class="text-sm text-primary-400 hover:text-primary-300 transition-colors inline-flex items-center">
                            View all
                            <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                            </svg>
                        </a>
                    </div>
                    <p class="text-base leading-7 text-gray-300">
                        A selection of projects showcasing expertise in technology leadership, software development, and digital innovation.
                    </p>

                    <div class="mt-10 grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2">
                                                    <article 
    x-data="{ hover: false }" 
    @mouseenter="hover = true" 
    @mouseleave="hover = false" 
    class="relative group rounded-xl overflow-hidden bg-gray-900/50 p-6 ring-1 ring-inset ring-gray-700/50 transition-all duration-300 hover:ring-primary-500/50 hover:bg-gray-800/50 focus-within:ring-primary-400/70 focus-within:bg-gray-800/60 glisten-effect">
    <div class="glisten-overlay"></div>
    
    <header class="mb-4">
        <h3 class="text-lg font-semibold leading-7 text-white group-hover:text-primary-400 transition-colors">
            Atmospheric Static
        </h3>
                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-semibold bg-primary-300/25 text-primary-100 border border-primary-200/40">
                Fiction
            </span>
            </header>

    <div class="space-y-3">
        <p class="text-sm leading-6 text-gray-400">
            My first novel, published March 7, 2026. A work of fiction — visit atmosphericstatic.com for details, and consider leaving a review on Amazon to help new readers discover it.
        </p>
        
                    <div class="flex items-center text-xs text-gray-300">
                <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                    <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
                </svg>
                <span>Author</span>
                                    <span class="mx-2">•</span>
                    <span>2026</span>
                            </div>
                
            </div>

    <footer class="mt-4 pt-4 border-t border-gray-700/50">
        <a href="https://atmosphericstatic.com?utm_source=tormiller.net&utm_medium=personal_site&utm_campaign=portfolio" 
           class="inline-flex items-center text-sm font-medium text-primary-400 hover:text-primary-300 transition-colors"
           aria-label="View project: Atmospheric Static"
           title="Visit Atmospheric Static"
           rel="noopener noreferrer">
            View Project
            <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
            </svg>
        </a>
    </footer>
</article>                                                     <article 
    x-data="{ hover: false }" 
    @mouseenter="hover = true" 
    @mouseleave="hover = false" 
    class="relative group rounded-xl overflow-hidden bg-gray-900/50 p-6 ring-1 ring-inset ring-gray-700/50 transition-all duration-300 hover:ring-primary-500/50 hover:bg-gray-800/50 focus-within:ring-primary-400/70 focus-within:bg-gray-800/60 glisten-effect">
    <div class="glisten-overlay"></div>
    
    <header class="mb-4">
        <h3 class="text-lg font-semibold leading-7 text-white group-hover:text-primary-400 transition-colors">
            Student First LLC
        </h3>
                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-semibold bg-primary-300/25 text-primary-100 border border-primary-200/40">
                AI Innovation &amp; Enablement
            </span>
            </header>

    <div class="space-y-3">
        <p class="text-sm leading-6 text-gray-400">
            AI Innovation Lead | Architecture &amp; Enablement - Transforming how teams build with AI. Leading AI architecture and enablement initiatives to help teams perform at previously unattainable levels through AI as a force multiplier.
        </p>
        
                    <div class="flex items-center text-xs text-gray-300">
                <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                    <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
                </svg>
                <span>AI Innovation Lead</span>
                                    <span class="mx-2">•</span>
                    <span>2025-Present</span>
                            </div>
                
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        AI Integration
                    </span>
                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        Architecture
                    </span>
                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        Platform Development
                    </span>
                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        Legacy System Transformation
                    </span>
                                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        +1 more
                    </span>
                            </div>
            </div>

    <footer class="mt-4 pt-4 border-t border-gray-700/50">
        <a href="https://studentfirst.com?utm_source=tormiller.net&utm_medium=personal_site&utm_campaign=portfolio" 
           class="inline-flex items-center text-sm font-medium text-primary-400 hover:text-primary-300 transition-colors"
           aria-label="View project: Student First LLC"
           title="Visit Student First LLC"
           rel="noopener noreferrer">
            View Project
            <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
            </svg>
        </a>
    </footer>
</article>                                                     <article 
    x-data="{ hover: false }" 
    @mouseenter="hover = true" 
    @mouseleave="hover = false" 
    class="relative group rounded-xl overflow-hidden bg-gray-900/50 p-6 ring-1 ring-inset ring-gray-700/50 transition-all duration-300 hover:ring-primary-500/50 hover:bg-gray-800/50 focus-within:ring-primary-400/70 focus-within:bg-gray-800/60 glisten-effect">
    <div class="glisten-overlay"></div>
    
    <header class="mb-4">
        <h3 class="text-lg font-semibold leading-7 text-white group-hover:text-primary-400 transition-colors">
            Obercreek Brewing
        </h3>
                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-semibold bg-primary-300/25 text-primary-100 border border-primary-200/40">
                Brewery Website
            </span>
            </header>

    <div class="space-y-3">
        <p class="text-sm leading-6 text-gray-400">
            Brewery website showcasing craft beers, taproom information, and events. Launched in celebration of their 8th anniversary.
        </p>
        
                    <div class="flex items-center text-xs text-gray-300">
                <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                    <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
                </svg>
                <span>Designer &amp; Developer</span>
                                    <span class="mx-2">•</span>
                    <span>2025</span>
                            </div>
                
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        Laravel
                    </span>
                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        Tailwind CSS
                    </span>
                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        Alpine.js
                    </span>
                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        Laravel Cloud
                    </span>
                                            </div>
            </div>

    <footer class="mt-4 pt-4 border-t border-gray-700/50">
        <a href="https://obercreekbrewing.com?utm_source=tormiller.net&utm_medium=personal_site&utm_campaign=portfolio" 
           class="inline-flex items-center text-sm font-medium text-primary-400 hover:text-primary-300 transition-colors"
           aria-label="View project: Obercreek Brewing"
           title="Visit Obercreek Brewing"
           rel="noopener noreferrer">
            View Project
            <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
            </svg>
        </a>
    </footer>
</article>                                                     <article 
    x-data="{ hover: false }" 
    @mouseenter="hover = true" 
    @mouseleave="hover = false" 
    class="relative group rounded-xl overflow-hidden bg-gray-900/50 p-6 ring-1 ring-inset ring-gray-700/50 transition-all duration-300 hover:ring-primary-500/50 hover:bg-gray-800/50 focus-within:ring-primary-400/70 focus-within:bg-gray-800/60 glisten-effect">
    <div class="glisten-overlay"></div>
    
    <header class="mb-4">
        <h3 class="text-lg font-semibold leading-7 text-white group-hover:text-primary-400 transition-colors">
            FermaStat
        </h3>
                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-semibold bg-primary-300/25 text-primary-100 border border-primary-200/40">
                IoT &amp; Brewing Technology
            </span>
            </header>

    <div class="space-y-3">
        <p class="text-sm leading-6 text-gray-400">
            Cloud-based temperature monitoring and control system for brewery fermentation processes, featuring real-time monitoring, AI-powered analysis with smart alerts, and remote temperature control.
        </p>
        
                    <div class="flex items-center text-xs text-gray-300">
                <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
                    <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
                </svg>
                <span>Founder &amp; Developer</span>
                                    <span class="mx-2">•</span>
                    <span>2024-Present</span>
                            </div>
                
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        Cloud Platform
                    </span>
                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        IoT Sensors
                    </span>
                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        AI Analytics
                    </span>
                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        Real-time Monitoring
                    </span>
                                                    <span class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-800 text-gray-300">
                        +1 more
                    </span>
                            </div>
            </div>

    <footer class="mt-4 pt-4 border-t border-gray-700/50">
        <a href="https://fermastat.com?utm_source=tormiller.net&utm_medium=personal_site&utm_campaign=portfolio" 
           class="inline-flex items-center text-sm font-medium text-primary-400 hover:text-primary-300 transition-colors"
           aria-label="View project: FermaStat"
           title="Visit FermaStat"
           rel="noopener noreferrer">
            View Project
            <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
            </svg>
        </a>
    </footer>
</article>                                             </div>

                    <div class="mt-8 text-center">
                        <a href="/stuff-i-worked-on" class="inline-flex items-center px-6 py-3 text-sm font-medium text-white bg-white/10 backdrop-blur-sm rounded-full border border-white/20 hover:bg-white/20 transition-all duration-200">
                            See All Projects
                            <svg class="ml-2 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
                            </svg>
                        </a>
                    </div>
                </div>
            </section>

            <!-- About Section -->
            <section class="mx-auto mt-20 max-w-4xl rounded-3xl ring-1 ring-white/20 bg-black/70 shadow-2xl sm:mt-24 lg:mx-0 lg:flex lg:max-w-none">
                <div class="p-8 sm:p-10 lg:flex-auto">
                    <h2 class="text-2xl font-bold tracking-tight text-white">About Tor Miller</h2>
                    <p class="mt-6 text-base leading-7 text-gray-300">
                        AI Innovation Lead at Student First LLC, where I utilize AI as a force multiplier for people and systems.
                        My mission is to leverage AI tools and capabilities to enable developers, product teams, and operators to perform
                        at levels that were previously unattainable—reducing cognitive load, accelerating decision-making, and expanding
                        what small teams can accomplish.
                    </p>
                    <p class="mt-4 text-base leading-7 text-gray-300">
                        A core part of this work is bringing powerful, modern capabilities into legacy and mission-critical software environments.
                        Rather than replacing existing systems, I focus on transforming them—introducing AI in ways that unlock new value,
                        extend platform lifecycles, and change how entire industries operate.
                    </p>
                    <p class="mt-4 text-base leading-7 text-gray-300">
                        Former CTO of Bizly, where I led architecture, engineering strategy, and operational best practices for a growing SaaS platform.
                        Based in the Hudson Valley, New York.
                    </p>
                    <div class="mt-6">
                        <a href="/about" class="inline-flex items-center text-primary-400 hover:text-primary-300 transition-colors">
                            Learn more about my background and approach
                            <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                            </svg>
                        </a>
                    </div>
                </div>
            </section>
        </div>
    </div>
        </main>

        <footer class="py-12 mt-auto z-30 relative">
            <div class="mx-auto max-w-7xl px-6 lg:px-8">
                <div class="border-t border-gray-800 pt-8">
                    <div class="flex flex-col md:flex-row justify-between items-center gap-6">
                        <p class="text-center md:text-left text-xs leading-5 text-white font-semibold">
                            &copy; 2026 Tor Miller. All rights reserved.
                        </p>
                        <div class="flex items-center gap-6">
                            <nav aria-label="Footer links">
                                <ul class="flex flex-wrap gap-4 text-xs text-gray-300">
                                    <li><a href="/" class="hover:text-white transition-colors">Home</a></li>
                                    <li><a href="/thoughts" class="hover:text-white transition-colors">Thoughts</a></li>
                                    <li><a href="/about" class="hover:text-white transition-colors">About</a></li>
                                    <li><a href="/stuff-i-worked-on" class="hover:text-white transition-colors">Projects</a></li>
                                    <li><a href="/privacy" class="hover:text-white transition-colors">Privacy</a></li>
                                </ul>
                            </nav>
                            <div class="flex gap-3">
                                <a href="https://www.linkedin.com/in/torrancemiller" target="_blank" rel="noopener noreferrer" class="text-gray-300 hover:text-white transition-colors" aria-label="LinkedIn (opens in a new tab)">
                                    <svg class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
                                </a>
                                <a href="https://www.instagram.com/torrancemiller" target="_blank" rel="noopener noreferrer" class="text-gray-300 hover:text-white transition-colors" aria-label="Instagram (opens in a new tab)">
                                    <svg class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"/></svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-146263133-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'UA-146263133-1');
    </script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a0a85ab51e305abe',t:'MTc4MTI2MjA1Mg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html> 
