---
layout: layouts/base.njk
title: "Woo-Woo Incense Description Generator"
structuredData: none
forcedWoo: true
---
<div class="container">
	<h1>Woo-Woo Incense Description Generator</h1>
	<p>Ever wonder how incense makers come up with those confusing esoteric descriptions of their incense complete with “medicinal effects?” Want some ideas to spice up your Instagram profile, website, or Etsy listings? Well you’re in luck! Click the button below to generate an incense description so mystical you’ll swear your chakras are aligned! Music by <a href="https://pixabay.com/users/saavane-32312792/">saavane on Pixabay</a>. Woo sound effect by <a href="https://freesound.org/s/30995/">UncleSigmund on freesound</a>. Background effect from <a href="https://codepen.io/tommyho/pen/JjgoZLK">Tommy Ho on Codepen</a>. No <a href="/ai">AI</a> used—I can write slop on my own!</p>

	<script src="/js/incense-description-generator.js"></script>
	<script>
		let audioOnClick = new Audio("/audio/30995__unclesigmund__woo-2.mp3");
		let bgMusic = new Audio("/audio/new-sun-428916.mp3");

		audioOnClick.volume = 0.4;
		bgMusic.volume = 0.4;
		bgMusic.loop = true;

		window.addEventListener("pointermove", (e) => {
			bgMusic.play();
		});

		window.addEventListener("touchstart", (e) => {
			bgMusic.play();
		});

		const generateWoo = (elementId, button) => {
			const element = document.getElementById(elementId);
			const wooButton = document.getElementById(button);

			audioOnClick.play();

			element.innerHTML = `
			<div>
				${descriptionConstructor(adjective, noun, bodyPart, verb, preposition, ingredient)}
			</div>
			`;
			wooButton.innerHTML = 'Generate Some More Woo!';
		}
	</script>

	<button onclick="generateWoo('wooContainer', 'wooButton')" id="wooButton">Generate Some Woo!</button>
	<div class="card" id="wooContainer" style="padding: var(--space-s); margin-top: var(--space-l);">Click the button to generate woo…</div>
</div>
