script.js

// ASCII art in console
console.log('██████  ██████  ██████  ██████  ██  ██    ██████  ██████  ██████\n██  ██  ██  ██  ██  ██  ██  ██  ██  ██    ██      ██  ██  ██  ██\n████    ██████  ████    ████    ██████    ██      ██████  ██████\n██  ██  ██  ██  ██  ██  ██  ██    ██      ██      ██  ██  ██\n██████  ██  ██  ██  ██  ██  ██    ██      ██████  ██  ██  ██')
/*
// Shortcuts
window.addEventListener('keyup', function(event) {
  if(event.path && !event.path.filter((node) => {return node.nodeName == 'FORM'}).length) {
    const shortcuts = {
      KeyO: '/',
      KeyB: '/home',
      KeyR: '/works',
      KeyA: '/about',
      KeyN: '/random',
      KeyI: '/works/images',
      KeyV: '/works/videos',
      KeyS: '/works/sounds',
      KeyG: '/works/games',
      KeyD: '/works/drawings',
      Digit7: '/works/Imaractères',
      KeyL: '/spotlight',
      F22: '/404',
      KeyH: '/help',
      KeyE: '/versions',
      KeyC: '/contributing',
      KeyM: '/license',
    }
    shortcuts[event.code] ? window.location = shortcuts[event.code] : ''
  }
})
*/
// Randomly moving background
if (window.location.href.indexOf('random') > -1) {
  const randomizer = function() {
    let x, y
    do {
      x = (Math.floor(Math.random() * 3) - 1) * 32 + 'px'
      y = (Math.floor(Math.random() * 3) - 1) * 32 + 'px'
    } while (x === '0px' && y === '0px')
    document.documentElement.style.setProperty('--random-position-x', x)
    document.documentElement.style.setProperty('--random-position-y', y)
  }
  randomizer()
  setInterval(randomizer, 1000)
}
// Make cookie pop up disappear on cross click
function cookieButton() {
  document.getElementsByClassName('cookie-container')[0].style.bottom = '-25vh'
}
// Script for the email form
let submitButton = document.getElementById('submit_form')
let form = document.getElementById('email_form')
if (form) {
  form.addEventListener('submit', function() {
    setTimeout(function() {
      submitButton.value = 'Sending…'
      submitButton.disabled = true
    }, 1)
  })
}
// White theme
function changeTheme() {
  if (document.body.style.getPropertyValue('--c0') == '#fff') {
    document.body.style.setProperty('--c0', '#000')
    document.body.style.setProperty('--cc', '#ccc')
    document.body.style.setProperty('--cf', '#fff')
    document.body.style.setProperty('--clink', '#8ee')
    document.body.style.setProperty('--clink0', '#8ee8')
  } else {
    document.body.style.setProperty('--c0', '#fff')
    document.body.style.setProperty('--cc', '#666')
    document.body.style.setProperty('--cf', '#000')
    document.body.style.setProperty('--clink', '#08e')
    document.body.style.setProperty('--clink0', '#08e8')
  }
}
// Permalinks
const titles = document.querySelectorAll('H2,H3,H4')
for (let i = 0; i < titles.length; i++) {
  titles[i].insertAdjacentHTML('afterBegin', `
    <a class="permalink" title="Permalink to section" href="#${titles[i].id}">
      <svg viewBox="0 0 24 24" width="32" height="24">
        <path fill="#0000" d="m9 7a1 1 0 010 2h-2a1 1 0 000 6h2a1 1 0 010 2h-2a1 1 0 010-10zm-2 4h10a1 1 0 010 2h-10a1 1 0 010-2m10-4a1 1 0 010 10h-2a1 1 0 010-2h2a1 1 0 000-6h-2a1 1 0 010-2zm-5-7a1 1 0 000 24a1 1 0 000-24"/>
      </svg>
    </a>
  `)
}