const setTheme = (theme) => {
  document.documentElement.className = theme;
  localStorage.setItem('theme', theme);
}

const hasCodeRun = localStorage.getItem('hasCodeRun');

if (!hasCodeRun) {
  const defaultTheme = "{{ config.extra.default_theme }}";
  setTheme(defaultTheme);
  localStorage.setItem('hasCodeRun', 'true');
}

const getTheme = () => {
  const theme = localStorage.getItem('theme');
  if (theme) {
    setTheme(theme);
  }
}

getTheme();

let user = 'ameiro';
let url = 'https://lastfm-last-played.biancarosa.com.br/' + user + '/latest-song';
let song = document.querySelector('#song');
fetch(url)
    .then(function (response) {
        return response.json()
    }).then(function (json) {
        song.innerHTML = json['track']['name'] + ' - ' + json['track']['artist']['#text'];
    });

    function myFunction() {
      var x = document.getElementById("myTopnav");
      if (x.className === "left-sidebar") {
        x.className += " responsive";
      } else {
        x.className = "left-sidebar";
      }
      if (x.style.display === "block") {
        x.style.display = "none";
      } else {
        x.style.display = "block";
      }
    }