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:

CSV files will throw errors on Cloudflare pages if they have non-ASCII characters.

edit - just found a better version. Use this instead of the last one.

grep --color='auto' -P -n "[^\x00-\x7F]" _data/csv/*.csv

To check files run the following command:

grep --color='auto' -P -n "[\x80-\xFF]" _data/csv/*.csv

That will identify any files with non-ASCII characters.