Welcome to Filthy Fables

Submit your confession. I will retell it in My voice, paraphrased and performed for those who dare to listen.

document.getElementById('ff-form').addEventListener('submit', async (e) => { e.preventDefault(); const form = e.target; const data = new FormData(form); try { const r = await fetch(form.action, { method: 'POST', body: data, headers: { 'Accept': 'application/json' } }); if (r.ok) { // hide the form section document.getElementById('form-section').style.display = 'none'; // show the thank you section document.getElementById('thanks-section').style.display = 'block'; } else { alert('Submission failed. Please try again.'); } } catch (err) { alert('Network error. Please try again.'); } });

Confession Received

Your story is Mine now. If it’s worthy, it will be retold in My voice and performed for those who dare to listen.

Send Another
/* Thank-you panel */ .ff-thanks{ max-width: 620px; margin: 2rem auto; padding: 2rem 1.5rem; text-align: center; background: rgba(0,0,0,0.62); border: 1px solid #8B0000; /* deep red like your borders */ border-radius: 22px; box-shadow: 0 0 18px rgba(139,0,0,0.35); color: #f5e6d3; /* cream */ scroll-margin-top: 80px; /* nicer anchor landing */ } .ff-thanks h2{ font-family: 'Cinzel Decorative', serif; color: #ff0000; font-size: 1.6rem; margin: 0 0 .6rem; } .ff-thanks p{ font-family: 'Texturina', serif; line-height: 1.5; margin: 0 0 1.2rem; color: #f5e6d3; } /* “Send Another” button */ .ff-btn{ display: inline-block; font-family: 'Cinzel Decorative', serif; color: #ff0000; border: 2px solid #ff0000; border-radius: 999px; padding: .5em 1.4em; text-decoration: none; transition: transform .2s, box-shadow .2s; } .ff-btn:hover{ transform: scale(1.05); box-shadow: 0 0 12px #ff0000; }