Files
nathanupchurch.com/content/special/woo-woo-incense-description-generator/index.njk

42 lines
1.8 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
---
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 people 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 youre in luck! Click the button below to generate an incense description so mystical youll 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>
const audioOnClick = new Audio("/audio/30995__unclesigmund__woo-2.mp3");
const bgMusic = new Audio("/audio/new-sun-428916.mp3");
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>