dynamic-author.js

document.addEventListener('DOMContentLoaded', () => {
  const profileUrl = 'https://your.mastodon.profile';
  const authorLinks = document.querySelectorAll('.author-link'); // Select all elements with the class 'author-link'

  async function updateAuthor() {
    try {
      const response = await fetch(profileUrl, {
        method: 'GET',
        headers: {
          'Content-Type': 'text/html'
        }
      });

      if (response.ok) {
        const text = await response.text();
        const parser = new DOMParser();
        const doc = parser.parseFromString(text, 'text/html');
        const metaProfileUsername = doc.querySelector('meta[property="profile:username"]');
        const profileUsername = metaProfileUsername ? metaProfileUsername.content : null;

        if (profileUsername) {
          authorLinks.forEach(authorLink => {
            authorLink.textContent = profileUsername;
          });
          console.log('Author updated to:', profileUsername);
        } else {
          console.error('No profile:username meta tag found in the profile page');
        }
      } else {
        console.error('Failed to fetch the profile page');
      }
    } catch (error) {
      console.error('Error fetching the profile page:', error);
    }
  }

  updateAuthor();
});