document.addEventListener('DOMContentLoaded', () => {
    const title = document.querySelector('.title');
    const fonts = [
      'Redaction-Regular',
      'Redaction_10-Regular',
      'Redaction_20-Regular',
      'Redaction_35-Regular',
      'Redaction_50-Regular',
      'Redaction_70-Regular',
      'Redaction_100-Regular'
    ];
    let currentFontIndex = 0;

    title.addEventListener('click', () => {
      currentFontIndex = (currentFontIndex + 1) % fonts.length;
      title.style.fontFamily = fonts[currentFontIndex];
    });
});

function openLetter() {
  $('#letterContents').html(`
    <p>
    Hi. 
    I made this play for you, posing a question for us to explore together.Is all intimacy about bodies? What makes intimacy? What happens when our bodies distance intimacy from us? This anthology of poems and short stories explores these questions—having a body without intimacy and intimacy without a body. This project honors those who have shared their vulnerability and emotions online, creating "backplaces"—tender online spaces for relief, ease, and transcendence from societal pain.
    <br><br>
    I created three backplaces for you: Solar Sibling, Hermit Fantasy, and Cake Intimacies. Each represents a unique performance or project. Some stories may evoke memories of pain. As you sit in the audience, know I am with you, holding your hand through each scene. If it feels overwhelming, you can step out, take a break, or leave. This isn't choreographed, and I care deeply for you.
    <br><br>
    I hope you see what I saw in these stories. Safe dreams now. I'll talk to you soon.
    <br>
    ada
  </p>
  `);
  $('#letterBox').show();
}

function closeLetter() {
  $('#letterBox').hide();
}