<!DOCTYPE html>
<html class="antialiased font-display">
  <head>
    <title>About BurningOak.com • Kane Jamison</title>
    <link rel="canonical" href="https://www.kanejamison.com/burning-oak/">
    <meta name="description" content="The history of BurningOak.com, a music sharing site I started in 2005.">
    <meta name="author" content="Kane Jamison">
    <meta property="og:title" content="About BurningOak.com">
    <meta property="og:description" content="The history of BurningOak.com, a music sharing site I started in 2005.">
    <meta property="og:url" content="https://www.kanejamison.com/burning-oak/">
    <meta property="og:image" content="https://www.kanejamison.com/assets/kane-jamison-default-featured-image-d7ade4df.png">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Kane Jamison">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="J-ODD-e3OR0xAMCU2vTCM3b0rpMfPUNin7NFqINiH17fffsmBHFTDU0JTnF8VNftYjezBgQICX1Sca6LN1rxqA" />
    
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
    <link rel="icon" href="/icon.png" type="image/png">
    <link rel="icon" href="/icon.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="/icon.png">
    <link rel="stylesheet" href="/assets/application-75973b24.css" data-turbo-track="reload" />
<link rel="stylesheet" href="/assets/glightbox-3cdc4e3c.css" data-turbo-track="reload" />
<link rel="stylesheet" href="/assets/tailwind-fa3e0926.css" data-turbo-track="reload" />
    <script type="importmap" data-turbo-track="reload">{
  "imports": {
    "application": "/assets/application-0831ae3a.js",
    "@hotwired/turbo-rails": "/assets/turbo.min-9fd88cd5.js",
    "@hotwired/stimulus": "/assets/stimulus.min-4b1e420e.js",
    "@hotwired/stimulus-loading": "/assets/stimulus-loading-1fc53fe7.js",
    "tailwindcss-stimulus-components": "/assets/tailwindcss-stimulus-components-fa584caa.js",
    "@github/markdown-toolbar-element": "/assets/@github--markdown-toolbar-element-1c0e81d5.js",
    "@rails/activestorage": "/assets/@rails--activestorage-69ff3dc0.js",
    "prismjs": "/assets/prismjs-da32a633.js",
    "prismjs/plugins/autoloader/prism-autoloader": "/assets/prismjs--plugins--autoloader--prism-autoloader-b96d3295.js",
    "@tailwindcss/forms": "/assets/@tailwindcss--forms-1e590209.js",
    "mini-svg-data-uri": "/assets/mini-svg-data-uri-280083c5.js",
    "tailwindcss/colors": "/assets/tailwindcss--colors-5157bb23.js",
    "tailwindcss/defaultTheme": "/assets/tailwindcss--defaultTheme-4b63b02b.js",
    "tailwindcss/plugin": "/assets/tailwindcss--plugin-f4aca101.js",
    "@tailwindcss/typography": "/assets/@tailwindcss--typography-8c4adbb1.js",
    "cssesc": "/assets/cssesc-a81787fa.js",
    "lodash.castarray": "/assets/lodash.castarray-65e887c5.js",
    "lodash.isplainobject": "/assets/lodash.isplainobject-000f8e5a.js",
    "lodash.merge": "/assets/lodash.merge-e1d9d009.js",
    "postcss-selector-parser": "/assets/postcss-selector-parser-b17bc5f5.js",
    "util-deprecate": "/assets/util-deprecate-98c90982.js",
    "@tailwindcss/aspect-ratio": "/assets/@tailwindcss--aspect-ratio-dbb83abd.js",
    "glightbox": "/assets/glightbox-3568dae9.js",
    "controllers/application": "/assets/controllers/application-282da1fe.js",
    "controllers/autosize_controller": "/assets/controllers/autosize_controller-ca823123.js",
    "controllers/clipboard_controller": "/assets/controllers/clipboard_controller-af06ede9.js",
    "controllers/dark_mode_controller": "/assets/controllers/dark_mode_controller-eddb647f.js",
    "controllers/glightbox_controller": "/assets/controllers/glightbox_controller-216f403c.js",
    "controllers/hello_controller": "/assets/controllers/hello_controller-708796bd.js",
    "controllers/horizontal_scroll_controller": "/assets/controllers/horizontal_scroll_controller-e5121ed2.js",
    "controllers": "/assets/controllers/index-23fe644c.js",
    "controllers/markdown_upload_controller": "/assets/controllers/markdown_upload_controller-42fde41b.js",
    "controllers/syntax_highlighter_controller": "/assets/controllers/syntax_highlighter_controller-e7439a31.js",
    "controllers/target_blank_controller": "/assets/controllers/target_blank_controller-095fb610.js"
  }
}</script>
<link rel="modulepreload" href="/assets/application-0831ae3a.js">
<link rel="modulepreload" href="/assets/turbo.min-9fd88cd5.js">
<link rel="modulepreload" href="/assets/stimulus.min-4b1e420e.js">
<link rel="modulepreload" href="/assets/stimulus-loading-1fc53fe7.js">
<link rel="modulepreload" href="/assets/tailwindcss-stimulus-components-fa584caa.js">
<link rel="modulepreload" href="/assets/@github--markdown-toolbar-element-1c0e81d5.js">
<link rel="modulepreload" href="/assets/@rails--activestorage-69ff3dc0.js">
<link rel="modulepreload" href="/assets/prismjs-da32a633.js">
<link rel="modulepreload" href="/assets/prismjs--plugins--autoloader--prism-autoloader-b96d3295.js">
<link rel="modulepreload" href="/assets/@tailwindcss--forms-1e590209.js">
<link rel="modulepreload" href="/assets/mini-svg-data-uri-280083c5.js">
<link rel="modulepreload" href="/assets/tailwindcss--colors-5157bb23.js">
<link rel="modulepreload" href="/assets/tailwindcss--defaultTheme-4b63b02b.js">
<link rel="modulepreload" href="/assets/tailwindcss--plugin-f4aca101.js">
<link rel="modulepreload" href="/assets/@tailwindcss--typography-8c4adbb1.js">
<link rel="modulepreload" href="/assets/cssesc-a81787fa.js">
<link rel="modulepreload" href="/assets/lodash.castarray-65e887c5.js">
<link rel="modulepreload" href="/assets/lodash.isplainobject-000f8e5a.js">
<link rel="modulepreload" href="/assets/lodash.merge-e1d9d009.js">
<link rel="modulepreload" href="/assets/postcss-selector-parser-b17bc5f5.js">
<link rel="modulepreload" href="/assets/util-deprecate-98c90982.js">
<link rel="modulepreload" href="/assets/@tailwindcss--aspect-ratio-dbb83abd.js">
<link rel="modulepreload" href="/assets/glightbox-3568dae9.js">
<link rel="modulepreload" href="/assets/controllers/application-282da1fe.js">
<link rel="modulepreload" href="/assets/controllers/autosize_controller-ca823123.js">
<link rel="modulepreload" href="/assets/controllers/clipboard_controller-af06ede9.js">
<link rel="modulepreload" href="/assets/controllers/dark_mode_controller-eddb647f.js">
<link rel="modulepreload" href="/assets/controllers/glightbox_controller-216f403c.js">
<link rel="modulepreload" href="/assets/controllers/hello_controller-708796bd.js">
<link rel="modulepreload" href="/assets/controllers/horizontal_scroll_controller-e5121ed2.js">
<link rel="modulepreload" href="/assets/controllers/index-23fe644c.js">
<link rel="modulepreload" href="/assets/controllers/markdown_upload_controller-42fde41b.js">
<link rel="modulepreload" href="/assets/controllers/syntax_highlighter_controller-e7439a31.js">
<link rel="modulepreload" href="/assets/controllers/target_blank_controller-095fb610.js">
<script type="module">import "application"</script>
    <!-- Fathom - beautiful, simple website analytics -->
<script src="https://cdn.usefathom.com/script.js" data-site="XYRAJLIQ" defer></script>
<!-- / Fathom -->

    <script>
    if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
    document.documentElement.classList.add('dark')
    }
</script>

  </head>
  <body class="flex flex-col h-full bg-stone-100 dark:bg-slate-900 dark:text-white" data-controller="dark-mode target-blank" data-action="dark-mode:change->dark-mode#updateColorScheme" data-dark-mode-dark-class="sl-theme-dark" data-dark-mode-light-class="sl-theme-light" data-env="production">
    <header class="bg-stone-50 dark:bg-slate-900 text-slate-700 dark:text-white" data-controller="slideover">
  <nav class="mx-auto flex gap-4 max-w-7xl items-center justify-between px-6 py-4 lg:px-8" aria-label="Global">
    <div class="flex grow lg:grow-0">
      <a class="flex flex-row items-center gap-2 -m-1.5 p-1.5" href="/">
          <img class="max-w-40 dark:invert" alt="Kane Jamison" title="&lt;- Back to homepage" src="/assets/kane-jamison-marker-signature-logo-ced04123.png" />
</a>    </div>

    <div class="lg:hidden" data-controller="dark-mode">
        <span data-action="click->dark-mode#toggle">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-sun w-6 h-6 hover:cursor-pointer hidden dark:flex hover:text-yellow-300">
  <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
  <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path>
</svg>
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-moon w-6 h-6 hover:cursor-pointer flex dark:hidden hover:text-indigo-800">
  <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path>
</svg>
        </span>
    </div>

    <div class="flex lg:hidden">
      <button
        type="button"
        data-action="slideover#open"
        class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5">
        <span class="sr-only">Open main menu</span>
        <!-- Hamburger Icon -->
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-menu-2 h-6 w-6">
  <path d="M4 6l16 0"></path>
  <path d="M4 12l16 0"></path>
  <path d="M4 18l16 0"></path>
</svg>
      </button>
    </div>
    <div class="hidden lg:flex items-center lg:gap-x-4 px-4 shadow-lg rounded-full ring-1 ring-slate-100 backdrop-blur-sm bg-white dark:bg-slate-900 dark:ring-slate-700">
  <!-- Product Dropdown -->
  <div
        data-controller="dropdown"
        data-action="click@window->dropdown#hide touchstart@window->dropdown#hide keydown.up->dropdown#previousItem keydown.down->dropdown#nextItem keydown.esc->dropdown#hide"
    class="relative  px-4 py-2 rounded-full">
    <button type="button" data-action="dropdown#toggle:stop" class="flex items-center gap-x-1 text-sm/6 font-semibold hover:text-indigo-800 dark:hover:text-indigo-400">
      Projects
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down h-5 w-5 flex-none text-slate-400">
  <path d="M6 9l6 6l6 -6"></path>
</svg>
    </button>
    <!-- Projects Dropdown Menu -->
    <div data-dropdown-target="menu" class="absolute -left-8 top-full z-10 mt-3 w-screen max-w-md overflow-hidden rounded-xl bg-white dark:bg-slate-800 shadow-lg ring-1 ring-slate-900/5 hidden">
      <div class="p-4">
        <!-- Menu Items -->
        <div class="group relative flex items-center gap-x-6 rounded-sm p-2 text-sm/6 hover:bg-slate-100 dark:hover:bg-slate-700">
    <div class="flex h-11 w-11 flex-none items-center justify-center rounded-md bg-blue-500 group-hover:bg-blue-600">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-checklist h-6 w-6 text-white">
  <path d="M9.615 20h-2.615a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8"></path>
  <path d="M14 19l2 2l4 -4"></path>
  <path d="M9 8h4"></path>
  <path d="M9 12h2"></path>
</svg>
    </div>
    <div class="flex-auto">
        <a data-dropdown-target="menuItem" href="https://www.contentharmony.com" class="block font-semibold text-slate-900 dark:text-white" target=&#39;_blank&#39;>
        Content Harmony
        <span class="absolute inset-0"></span>
        </a>
            <p class="text-slate-600 dark:text-slate-50">
                Helping content marketing teams build better content.
            </p>
    </div>
</div>

        <div class="group relative flex items-center gap-x-6 rounded-sm p-2 text-sm/6 hover:bg-slate-100 dark:hover:bg-slate-700">
    <div class="flex h-11 w-11 flex-none items-center justify-center rounded-md bg-orange-50 group-hover:bg-orange-100">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-asterisk h-6 w-6 text-slate-800">
  <path d="M12 12l8 -4.5"></path>
  <path d="M12 12v9"></path>
  <path d="M12 12l-8 -4.5"></path>
  <path d="M12 12l8 4.5"></path>
  <path d="M12 3v9"></path>
  <path d="M12 12l-8 4.5"></path>
</svg>
    </div>
    <div class="flex-auto">
        <a data-dropdown-target="menuItem" href="https://fixture.media" class="block font-semibold text-slate-900 dark:text-white" target=&#39;_blank&#39;>
        Fixture Media
        <span class="absolute inset-0"></span>
        </a>
            <p class="text-slate-600 dark:text-slate-50">
                Agency services &amp; websites I publish.
            </p>
    </div>
</div>

        <div class="group relative flex items-center gap-x-6 rounded-sm p-2 text-sm/6 hover:bg-slate-100 dark:hover:bg-slate-700">
    <div class="flex h-11 w-11 flex-none items-center justify-center rounded-md bg-purple-800 group-hover:bg-purple-700">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-trending-up h-6 w-6 text-white">
  <path d="M3 17l6 -6l4 4l8 -8"></path>
  <path d="M14 7l7 0l0 7"></path>
</svg>
    </div>
    <div class="flex-auto">
        <a data-dropdown-target="menuItem" href="https://railsgrowth.com" class="block font-semibold text-slate-900 dark:text-white" target=&#39;_blank&#39;>
        RailsGrowth
        <span class="absolute inset-0"></span>
        </a>
            <p class="text-slate-600 dark:text-slate-50">
                Ruby on Rails growth &amp; design resources
            </p>
    </div>
</div>

        <div class="group relative flex items-center gap-x-6 rounded-sm p-2 text-sm/6 hover:bg-slate-100 dark:hover:bg-slate-700">
    <div class="flex h-11 w-11 flex-none items-center justify-center rounded-md bg-fuchsia-800 group-hover:bg-fuchsia-700">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-windmill h-6 w-6 text-white">
  <path d="M12 12c2.76 0 5 -2.01 5 -4.5s-2.24 -4.5 -5 -4.5v9z"></path>
  <path d="M12 12c0 2.76 2.01 5 4.5 5s4.5 -2.24 4.5 -5h-9z"></path>
  <path d="M12 12c-2.76 0 -5 2.01 -5 4.5s2.24 4.5 5 4.5v-9z"></path>
  <path d="M12 12c0 -2.76 -2.01 -5 -4.5 -5s-4.5 2.24 -4.5 5h9z"></path>
</svg>
    </div>
    <div class="flex-auto">
        <a data-dropdown-target="menuItem" href="https://insteading.com" class="block font-semibold text-slate-900 dark:text-white" target=&#39;_blank&#39;>
        Insteading
        <span class="absolute inset-0"></span>
        </a>
            <p class="text-slate-600 dark:text-slate-50">
                Homesteading &amp; gardening articles &amp; videos.
            </p>
    </div>
</div>

      </div>
    </div>
  </div>
  <div
        data-controller="dropdown"
        data-action="click@window->dropdown#hide touchstart@window->dropdown#hide keydown.up->dropdown#previousItem keydown.down->dropdown#nextItem keydown.esc->dropdown#hide"
    class="relative  px-4 py-2 rounded-full">
    <button type="button" data-action="dropdown#toggle:stop" class="flex items-center gap-x-1 text-sm/6 font-semibold hover:text-indigo-800 dark:hover:text-indigo-400">
      Writing
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down h-5 w-5 flex-none text-slate-400">
  <path d="M6 9l6 6l6 -6"></path>
</svg>
    </button>
    <!-- Projects Dropdown Menu -->
    <div data-dropdown-target="menu" class="absolute -left-8 top-full z-10 mt-3 w-screen max-w-md overflow-hidden rounded-xl bg-white dark:bg-slate-800 shadow-lg ring-1 ring-slate-900/5 hidden">
      <div class="p-4">
        <div class="group relative flex items-center gap-x-6 rounded-sm p-2 text-sm/6 hover:bg-slate-100 dark:hover:bg-slate-700">
    <div class="flex h-8 w-11 flex-none items-center justify-center rounded-md bg-stone-200 group-hover:bg-stone-300">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-speakerphone h-4 w-4 text-slate-800">
  <path d="M18 8a3 3 0 0 1 0 6"></path>
  <path d="M10 8v11a1 1 0 0 1 -1 1h-1a1 1 0 0 1 -1 -1v-5"></path>
  <path d="M12 8h0l4.524 -3.77a.9 .9 0 0 1 1.476 .692v12.156a.9 .9 0 0 1 -1.476 .692l-4.524 -3.77h-8a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h8"></path>
</svg>
    </div>
    <div class="flex-auto">
        <a data-dropdown-target="menuItem" href="/writing/marketing/" class="block font-semibold text-slate-900 dark:text-white" >
        Marketing
        <span class="absolute inset-0"></span>
        </a>
    </div>
</div>

        <div class="group relative flex items-center gap-x-6 rounded-sm p-2 text-sm/6 hover:bg-slate-100 dark:hover:bg-slate-700">
    <div class="flex h-8 w-11 flex-none items-center justify-center rounded-md bg-stone-200 group-hover:bg-stone-300">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-tools h-4 w-4 text-slate-800">
  <path d="M3 21h4l13 -13a1.5 1.5 0 0 0 -4 -4l-13 13v4"></path>
  <path d="M14.5 5.5l4 4"></path>
  <path d="M12 8l-5 -5l-4 4l5 5"></path>
  <path d="M7 8l-1.5 1.5"></path>
  <path d="M16 12l5 5l-4 4l-5 -5"></path>
  <path d="M16 17l-1.5 1.5"></path>
</svg>
    </div>
    <div class="flex-auto">
        <a data-dropdown-target="menuItem" href="/writing/homesteading/" class="block font-semibold text-slate-900 dark:text-white" >
        Homesteading
        <span class="absolute inset-0"></span>
        </a>
    </div>
</div>

        <div class="group relative flex items-center gap-x-6 rounded-sm p-2 text-sm/6 hover:bg-slate-100 dark:hover:bg-slate-700">
    <div class="flex h-8 w-11 flex-none items-center justify-center rounded-md bg-stone-200 group-hover:bg-stone-300">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-music h-4 w-4 text-slate-800">
  <path d="M3 17a3 3 0 1 0 6 0a3 3 0 0 0 -6 0"></path>
  <path d="M13 17a3 3 0 1 0 6 0a3 3 0 0 0 -6 0"></path>
  <path d="M9 17v-13h10v13"></path>
  <path d="M9 8h10"></path>
</svg>
    </div>
    <div class="flex-auto">
        <a data-dropdown-target="menuItem" href="/categories/music/" class="block font-semibold text-slate-900 dark:text-white" >
        Music
        <span class="absolute inset-0"></span>
        </a>
    </div>
</div>

        <div class="group relative flex items-center gap-x-6 rounded-sm p-2 text-sm/6 hover:bg-slate-100 dark:hover:bg-slate-700">
    <div class="flex h-8 w-11 flex-none items-center justify-center rounded-md bg-stone-200 group-hover:bg-stone-300">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-tent h-4 w-4 text-slate-800">
  <path d="M11 14l4 6h6l-9 -16l-9 16h6l4 -6"></path>
</svg>
    </div>
    <div class="flex-auto">
        <a data-dropdown-target="menuItem" href="/categories/scouting/" class="block font-semibold text-slate-900 dark:text-white" >
        Scouting
        <span class="absolute inset-0"></span>
        </a>
    </div>
</div>

        <div class="group relative flex items-center gap-x-6 rounded-sm p-2 text-sm/6 hover:bg-slate-100 dark:hover:bg-slate-700">
    <div class="flex h-8 w-11 flex-none items-center justify-center rounded-md bg-stone-200 group-hover:bg-stone-300">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-pointer h-4 w-4 text-slate-800">
  <path d="M7.904 17.563a1.2 1.2 0 0 0 2.228 .308l2.09 -3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047 -1.047a1.067 1.067 0 0 0 0 -1.509l-4.907 -4.907l3.113 -2.09a1.2 1.2 0 0 0 -.309 -2.228l-13.582 -3.904l3.904 13.563z"></path>
</svg>
    </div>
    <div class="flex-auto">
        <a data-dropdown-target="menuItem" href="/categories/web-development/" class="block font-semibold text-slate-900 dark:text-white" >
        Web Development
        <span class="absolute inset-0"></span>
        </a>
    </div>
</div>

      </div>
      <div class="grid grid-cols-2 divide-x divide-slate-900/5 bg-slate-50 dark:bg-slate-800">
        <a data-dropdown-target="menuItem" href="/articles/" class="flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold hover:bg-slate-100 dark:hover:bg-slate-700">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-news h-5 w-5 flex-none text-slate-400">
  <path d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11"></path>
  <path d="M8 8l4 0"></path>
  <path d="M8 12l4 0"></path>
  <path d="M8 16l4 0"></path>
</svg>
          Articles
        </a>
        <a data-dropdown-target="menuItem" href="/categories/" class="flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold hover:bg-slate-100 dark:hover:bg-slate-700">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-category-2 h-5 w-5 flex-none text-slate-400">
  <path d="M14 4h6v6h-6z"></path>
  <path d="M4 14h6v6h-6z"></path>
  <path d="M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
  <path d="M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
</svg>
          Categories
        </a>
      </div>
    </div>
  </div>
  <a class="text-sm/6 font-semibold px-4 py-2 hover:text-indigo-800 dark:hover:text-indigo-400" href="/speaking/">Speaking</a>
  <div class="flex items-center">
    <a class="text-sm/6 font-semibold px-4 py-2 hover:text-indigo-800 dark:hover:text-indigo-400" href="/vinyl/">Vinyl</a>
    <a class="mr-4 p-1 rounded-full hover:bg-stone-100 dark:hover:bg-slate-800 hover:text-indigo-800 dark:hover:text-indigo-400" title="Random record" href="/records/random/">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrows-shuffle h-4 w-4">
  <path d="M18 4l3 3l-3 3"></path>
  <path d="M18 20l3 -3l-3 -3"></path>
  <path d="M3 7h3a5 5 0 0 1 5 5a5 5 0 0 0 5 5h5"></path>
  <path d="M21 7h-5a4.978 4.978 0 0 0 -3 1m-4 8a4.984 4.984 0 0 1 -3 1h-3"></path>
</svg>
</a>  </div>
  <a class="text-sm/6 font-semibold px-4 py-2 hover:text-indigo-800 dark:hover:text-indigo-400" href="/contact/">Contact</a>
  <div class="px-4 py-2 flex flex-row items-center gap-4">
    <a href="https://github.com/kanejamison" target="_blank">
      <svg viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-brand-github h-5 w-5 hover:text-indigo-600 dark:hover:text-indigo-300">
  <path d="M5.315 2.1c.791 -.113 1.9 .145 3.333 .966l.272 .161l.16 .1l.397 -.083a13.3 13.3 0 0 1 4.59 -.08l.456 .08l.396 .083l.161 -.1c1.385 -.84 2.487 -1.17 3.322 -1.148l.164 .008l.147 .017l.076 .014l.05 .011l.144 .047a1 1 0 0 1 .53 .514a5.2 5.2 0 0 1 .397 2.91l-.047 .267l-.046 .196l.123 .163c.574 .795 .93 1.728 1.03 2.707l.023 .295l.007 .272c0 3.855 -1.659 5.883 -4.644 6.68l-.245 .061l-.132 .029l.014 .161l.008 .157l.004 .365l-.002 .213l-.003 3.834a1 1 0 0 1 -.883 .993l-.117 .007h-6a1 1 0 0 1 -.993 -.883l-.007 -.117v-.734c-1.818 .26 -3.03 -.424 -4.11 -1.878l-.535 -.766c-.28 -.396 -.455 -.579 -.589 -.644l-.048 -.019a1 1 0 0 1 .564 -1.918c.642 .188 1.074 .568 1.57 1.239l.538 .769c.76 1.079 1.36 1.459 2.609 1.191l.001 -.678l-.018 -.168a5.03 5.03 0 0 1 -.021 -.824l.017 -.185l.019 -.12l-.108 -.024c-2.976 -.71 -4.703 -2.573 -4.875 -6.139l-.01 -.31l-.004 -.292a5.6 5.6 0 0 1 .908 -3.051l.152 -.222l.122 -.163l-.045 -.196a5.2 5.2 0 0 1 .145 -2.642l.1 -.282l.106 -.253a1 1 0 0 1 .529 -.514l.144 -.047l.154 -.03z"></path>
</svg>
    </a>
    <a href="https://www.linkedin.com/in/kanejamison/" target="_blank">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-linkedin h-5 w-5 hover:text-indigo-600 dark:hover:text-indigo-300">
  <path d="M8 11v5"></path>
  <path d="M8 8v.01"></path>
  <path d="M12 16v-5"></path>
  <path d="M16 16v-3a2 2 0 1 0 -4 0"></path>
  <path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z"></path>
</svg>
    </a>
    <a href="https://bsky.app/profile/kanejamison.com" target="_blank">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-bluesky h-5 w-5 hover:text-indigo-600 dark:hover:text-indigo-300">
  <path d="M6.335 5.144c-1.654 -1.199 -4.335 -2.127 -4.335 .826c0 .59 .35 4.953 .556 5.661c.713 2.463 3.13 2.75 5.444 2.369c-4.045 .665 -4.889 3.208 -2.667 5.41c1.03 1.018 1.913 1.59 2.667 1.59c2 0 3.134 -2.769 3.5 -3.5c.333 -.667 .5 -1.167 .5 -1.5c0 .333 .167 .833 .5 1.5c.366 .731 1.5 3.5 3.5 3.5c.754 0 1.637 -.571 2.667 -1.59c2.222 -2.203 1.378 -4.746 -2.667 -5.41c2.314 .38 4.73 .094 5.444 -2.369c.206 -.708 .556 -5.072 .556 -5.661c0 -2.953 -2.68 -2.025 -4.335 -.826c-2.293 1.662 -4.76 5.048 -5.665 6.856c-.905 -1.808 -3.372 -5.194 -5.665 -6.856z"></path>
</svg>
    </a>
  </div>
</div>
<div class="hidden lg:flex pl-8" data-controller="dark-mode">
  <span class="p-2 rounded-full" data-action="click->dark-mode#toggle">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-sun w-6 h-6 hover:cursor-pointer hidden dark:flex hover:text-yellow-300">
  <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
  <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path>
</svg>
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-moon w-6 h-6 hover:cursor-pointer flex dark:hidden hover:text-indigo-800">
  <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path>
</svg>
  </span>
</div>

  </nav>
  <!-- Mobile Navigation Partial -->
<dialog
  data-slideover-target="dialog"
  class="slideover fixed inset-0 z-10 m-0 p-0 overflow-hidden">
  <!-- Background overlay -->
  <div
    class="absolute inset-0 bg-slate-500 bg-opacity-75"
    data-action="click->slideover#close"></div>

  <!-- SlideOver Content -->
  <div
    class="fixed inset-y-0 right-0 max-w-full flex"
    style="animation: slide-in-from-right 250ms forwards ease">
    <div class="w-screen max-w-sm">
      <div class="h-full flex flex-col bg-stone-50 dark:bg-slate-900 shadow-xl overflow-y-auto">
        <div class="p-6">
          <div class="flex items-center justify-end">
            <button
              type="button"
              class="-m-2.5 rounded-md p-2.5 text-slate-700 dark:text-white"
              data-action="slideover#close">
              <span class="sr-only">Close menu</span>
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-square-rounded-x h-6 w-6">
  <path d="M10 10l4 4m0 -4l-4 4"></path>
  <path d="M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z"></path>
</svg>
            </button>
          </div>
          <div class="mt-6 flow-root">
            <div class="-my-6 divide-y divide-slate-500/10">
              <!-- Your Mobile Menu Itedddddms -->
              <div class="space-y-1 py-6">
                <!-- Menu Item -->
                <label class="font-semibold text-slate-900 dark:text-white mb-2">Projects</label>
                <a href="https://www.contentharmony.com" class="flex items-center gap-2 text-sm -mx-3 block rounded-lg px-3 py-2 text-base font-semibold text-slate-900 dark:text-white hover:bg-stone-100 dark:hover:bg-slate-800">
                  Content Harmony
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-external-link h-4 w-4">
  <path d="M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6"></path>
  <path d="M11 13l9 -9"></path>
  <path d="M15 4h5v5"></path>
</svg>
                </a>
                <a href="https://fixture.media" class="flex items-center gap-2 text-sm -mx-3 block rounded-lg px-3 py-2 text-base font-semibold text-slate-900 dark:text-white hover:bg-stone-100 dark:hover:bg-slate-800">
                  Fixture Media
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-external-link h-4 w-4">
  <path d="M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6"></path>
  <path d="M11 13l9 -9"></path>
  <path d="M15 4h5v5"></path>
</svg>
                </a>
                <a href="https://insteading.com" class="flex items-center gap-2 text-sm -mx-3 block rounded-lg px-3 py-2 text-base font-semibold text-slate-900 dark:text-white hover:bg-stone-100 dark:hover:bg-slate-800">
                  Insteading
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-external-link h-4 w-4">
  <path d="M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6"></path>
  <path d="M11 13l9 -9"></path>
  <path d="M15 4h5v5"></path>
</svg>
                </a>
              </div>
              <div class="space-y-2 py-6">
                <a class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold text-slate-900 dark:text-white hover:bg-stone-100 dark:hover:bg-slate-800" href="/writing/">Writing</a>
                <a class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold text-slate-900 dark:text-white hover:bg-stone-100 dark:hover:bg-slate-800" href="/articles/">Articles</a>
                <a class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold text-slate-900 dark:text-white hover:bg-stone-100 dark:hover:bg-slate-800" href="/speaking/">Speaking</a>
                <div class="flex items-center -mx-3">
                  <a class="block grow rounded-lg px-3 py-2 text-base font-semibold text-slate-900 dark:text-white hover:bg-stone-100 dark:hover:bg-slate-800" href="/vinyl/">Vinyl</a>
                  <a class="p-1 rounded-full text-slate-900 dark:text-white hover:bg-stone-100 dark:hover:bg-slate-800" title="Random record" href="/records/random/">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrows-shuffle h-5 w-5">
  <path d="M18 4l3 3l-3 3"></path>
  <path d="M18 20l3 -3l-3 -3"></path>
  <path d="M3 7h3a5 5 0 0 1 5 5a5 5 0 0 0 5 5h5"></path>
  <path d="M21 7h-5a4.978 4.978 0 0 0 -3 1m-4 8a4.984 4.984 0 0 1 -3 1h-3"></path>
</svg>
</a>                </div>
                <a class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold text-slate-900 dark:text-white hover:bg-stone-100 dark:hover:bg-slate-800" href="/contact/">Contact</a>

              </div>
            </div>
          </div>
        </div>
        <!-- Footer or additional content -->
      </div>
    </div>
  </div>
</dialog>

</header>


    <main class="bg-stone-50 dark:bg-slate-900">
      <div class="w-full max-w-7xl p-6 lg:px-8 my-8 mx-auto">
        
<div class="prose prose-slate dark:prose-invert mx-auto">
  <h1>BurningOak.com</h1>
  <p>BurningOak.com was started in December 2005 as a way for me to share music I enjoy with friends. 10 years later in 2015, it was time to shut down the site.</p>
  <p>I've migrated some of the content to my blog here at KaneJamison.com - but after nearly 20 years, most of the links to music and video I had shared have gone missing, and it was time to remove them completely in 2024.</p>
</div>

      </div>
    </main>
    <footer class="text-slate-600 dark:text-slate-50 border-t border-stone-200 dark:bg-transparent dark:border-slate-800 py-4">
  <div class="mx-auto grid grid-cols-1 sm:grid-cols-2 gap-4 max-w-7xl items-center justify-between px-6 py-4 lg:px-8">
    <div class="flex items-center gap-2">
        <span>© Kane Jamison</span>
    </div>
    <div class="flex flex-row flex-wrap justify-start sm:justify-end gap-y-4 items-center divide-x divide-stone-200 dark:divide-slate-700">
      <a class="px-4 hover:underline" href="/photoshop-services/">Photoshop Services</a>
      <span class="flex items-center gap-2 pl-4">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-stack-2 h-6 w-6 text-slate-700 dark:text-slate-100">
  <path d="M12 4l-8 4l8 4l8 -4l-8 -4"></path>
  <path d="M4 12l8 4l8 -4"></path>
  <path d="M4 16l8 4l8 -4"></path>
</svg>
        Built with Ruby 4.0.3 & Rails 8.1.3
      </span>
    </div>
  </div>
</footer>

  </body>
</html>
