I now have DaisyUI, TailwindCSS and Jekyll all happily working together in a Docker Container, with all the souce files living outside the container so I can write posts from anywhere.

Here is how I did it:

I’ve fallen down a rabbit hole of trying to find the best back up software to use.

Read all about it here.

Would just like to point out this site is an AI free zone. I wrote all this, even though a computer could have done it in half the time!

I’ve been adding more styling to pages, using Tailwindcss and Daisyui.

The column on the left of the layout was bothering me, but I’ve added Particles.js into that div, and now it’s hypnotic, reminds me of a lava lamp.

One big thing that has bothered me since the start was that the theme switcher wasn’t saving the theme.

Fixed that with some simple javascript:

    <script>
      function themeCheck () {
        var checked = localStorage.getItem('theme');
        if (checked == 'dark' ) {
          document.getElementById('dataTheme').setAttribute('checked', 'checked');
          }
        console.log("loaded theme = " + checked);
      }

      function themeSave () {
        if (document.getElementById('dataTheme').checked) {
          newTheme = "dark";   
        } else {
          newTheme = "fire";
        }
        localStorage.setItem('theme', newTheme);
        console.log("new theme = " + newTheme);
      }
    </script>

And edited the HTML for the switch to be: