Helpful details
Questions before you begin.
Are the courses suitable for beginners?
Yes. Courses marked Beginner introduce tools, conditioning, proportion, and basic composition without assuming prior studio experience.
What do I need to take a course?
Each catalog entry lists suggested flowers, foliage, tools, and substitute materials so you can plan a realistic workspace.
Are lessons self-paced?
The catalog identifies the expected duration, and the lessons are designed to be revisited at a comfortable personal pace.
How do I save a course?
Choose Track on a catalog card. The course ID is stored in your browser and appears on the Fallows page.
What is Fallows?
Fallows is MystiBloom’s saved-course list, named for the restorative pause between seasons. It is available on the same device and browser.
Can I add more than one course to my cart?
Yes. Add courses from the catalog and adjust quantities on the Cart page before using the demonstration checkout action.
Does MystiBloom promise professional certification?
No. These are independent educational courses focused on creative practice and do not represent a regulated certification.
How can I ask about accessibility?
Contact the team with your requirements and we will explain the available text, pacing, and workspace guidance.
How does the sample checkout work?
Checkout is a non-transactional demonstration. It opens a confirmation dialog and does not process payment or create an order.
botanical practice
`;
const footerHTML = `
`;
document.querySelector('header').innerHTML = headerHTML;
document.querySelector('footer').innerHTML = footerHTML;
const themeToggle = document.querySelector('[data-theme-toggle]');
const mobileBtn = document.querySelector('[data-mobile-menu]');
const mobileNav = document.querySelector('[data-mobile-nav]');
const authLinks = document.querySelectorAll('[data-auth]');
const modal = document.querySelector('[data-auth-modal]');
const modalTitle = document.querySelector('[data-auth-title]');
const modalClose = document.querySelector('[data-modal-close]');
function applyTheme(isDark) {
if (isDark) {
document.documentElement.style.setProperty('--tw-bg-opacity', '1');
document.body.style.backgroundColor = '#26352B';
document.body.style.color = '#F7F1E8';
} else {
document.body.style.backgroundColor = '#F7F1E8';
document.body.style.color = '#26352B';
}
}
let isDark = localStorage.getItem('mystibloom-theme') === 'dark';
applyTheme(isDark);
if (themeToggle) {
themeToggle.addEventListener('click', () => {
isDark = !isDark;
localStorage.setItem('mystibloom-theme', isDark ? 'dark' : 'light');
applyTheme(isDark);
});
}
if (mobileBtn && mobileNav) {
mobileBtn.addEventListener('click', () => {
mobileNav.classList.toggle('hidden');
});
}
if (authLinks && modal && modalTitle) {
authLinks.forEach(link => {
link.addEventListener('click', (e) => {
e.preventDefault();
modalTitle.textContent = link.dataset.auth === 'signin' ? 'Sign in to MystiBloom' : 'Create your account';
modal.showModal();
});
});
}
if (modalClose && modal) {
modalClose.addEventListener('click', () => modal.close());
}
if (modal) {
modal.addEventListener('click', (e) => {
if (e.target === modal) modal.close();
});
}
const cookieBanner = document.querySelector('[data-cookie-banner]');
const cookieClose = document.querySelector('[data-cookie-close]');
const consentKey = 'mystibloom-cookie-consent';
if (localStorage.getItem(consentKey) === 'accepted' && cookieBanner) cookieBanner.style.display = 'none';
if (cookieClose && cookieBanner) {
cookieClose.addEventListener('click', function(e) {
e.preventDefault();
localStorage.setItem(consentKey, 'accepted');
cookieBanner.style.display = 'none';
});
}