author
name	name here.
age	age here.
pronouns	pronouns here.
timezone	timezone here.

ㅤrule hereㅤ lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

ㅤrule hereㅤ lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

ㅤrule hereㅤ lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

^muses

ㅤfandom nameㅤ . muse name . age . pronouns . brief description.

character name

character name
name	name here.
age	age here.
pronouns	pronouns here.
origin	origin here.

height height.
weight weight.
eyes eye color.
hair hair color.
scars scars.
face claim face claim.
languages languages.
etnicity ethnicity.
parents parents.
mbti mbti.
alignment alignment.

lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

██████

lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Chevron Left
Home
Chevron Right

character name

character name
name	name here.
age	age here.
pronouns	pronouns here.
origin	origin here.

height height.
weight weight.
eyes eye color.
hair hair color.
scars scars.
face claim face claim.
languages languages.
etnicity ethnicity.
parents parents.
mbti mbti.
alignment alignment.

██████

Chevron Left
Home
Chevron Right

lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

character name

character name
name	name here.
age	age here.
pronouns	pronouns here.
origin	origin here.

height height.
weight weight.
eyes eye color.
hair hair color.
scars scars.
face claim face claim.
languages languages.
etnicity ethnicity.
parents parents.
mbti mbti.
alignment alignment.

██████

lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Chevron Left
Home
Chevron Right

character name

character name
name	name here.
age	age here.
pronouns	pronouns here.
origin	origin here.

height height.
weight weight.
eyes eye color.
hair hair color.
scars scars.
face claim face claim.
languages languages.
etnicity ethnicity.
parents parents.
mbti mbti.
alignment alignment.

██████

Chevron Left
Home
Chevron Right

lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

character name

character name
name	name here.
age	age here.
pronouns	pronouns here.
origin	origin here.

height height.
weight weight.
eyes eye color.
hair hair color.
scars scars.
face claim face claim.
languages languages.
etnicity ethnicity.
parents parents.
mbti mbti.
alignment alignment.

██████

lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Chevron Left
Home
Chevron Right

^verses

Chevron Left
Home
Chevron Right

verse name

^bonds

ㅤmuse nameㅤ . relationship type . brief description.

async function loadDoc() { const url = "https://docs.google.com/document/d/1m5JeNWI8tYHgKjBOR_N6wpyNrB7bC28yiPb5DO3aFFk/edit?usp=sharing"; const res = await fetch(url); const html = await res.text(); const parser = new DOMParser(); const doc = parser.parseFromString(html, "text/html"); // Optional: copy Google CSS for proper formatting const googleCssLink = doc.querySelector('link[rel="stylesheet"]'); if (googleCssLink) { const link = document.createElement('link'); link.rel = 'stylesheet'; link.href = googleCssLink.href; document.head.appendChild(link); } const container = document.getElementById("doc-content"); const wrapper = doc.querySelector('body > div') || doc.body; // Split content into sections at

const sections = []; let currentSection = []; Array.from(wrapper.children).forEach(node => { if (node.tagName === "H1") { if (currentSection.length) sections.push(currentSection.join("")); currentSection = [node.outerHTML]; } else { currentSection.push(node.outerHTML); } }); if (currentSection.length) sections.push(currentSection.join("")); const limit = 3; const remainingSections = []; // Helper: resize images inside a container function resizeImages(element) { element.querySelectorAll('img').forEach(img => { img.style.maxWidth = '100%'; img.style.height = 'auto'; img.style.display = 'block'; }); } // Function to insert section HTML, resize images, add calendar icon function appendSectionHTML(sectionHTML) { const temp = document.createElement('div'); temp.innerHTML = sectionHTML; // Resize images resizeImages(temp); // Add icon before date headings (h2) temp.querySelectorAll('h2').forEach(h2 => { if(/\d{4}-\d{2}-\d{2}/.test(h2.textContent)) { const icon = document.createElement('span'); icon.className = 'date-icon'; icon.innerHTML = ''; h2.insertBefore(icon, h2.firstChild); } }); // Append section to container while (temp.firstChild) { container.appendChild(temp.firstChild); } } // Append first 3 sections sections.forEach((sectionHTML, index) => { if (index < limit) { appendSectionHTML(sectionHTML); } else { remainingSections.push(sectionHTML); } }); // Handle the "Load all posts" button const loadMore = document.getElementById("load-more"); if (remainingSections.length && loadMore) { loadMore.style.display = "inline-flex"; loadMore.addEventListener("click", e => { e.preventDefault(); const batchSize = 10; // load 10 more posts at a time const nextBatch = remainingSections.splice(0, batchSize); nextBatch.forEach(html => appendSectionHTML(html)); // Hide button if no more posts remain if (remainingSections.length === 0) { loadMore.style.display = "none"; } }); } else if (loadMore) { loadMore.style.display = "none"; } } loadDoc();