The dictionary is only going to work on text that is wrapped in p tags.
Ubiquitous perspicacious obfuscate sesquipedalian mellifluous ephemeral equanimity serendipity panacea vicarious esoteric proclivity cacophony reticent ineffable sycophant garrulous perfidious ubiquity mellifluent
You can have as many paragraphs as you need. Click on a word in these paragraphs to try it out.
Notice that the code below references two files you will need to download and then upload to your own interweb. These files can be found here:
You also need to save these svg icons.
Put all this stuff in the same directory and avoid changing the filenames unless you know what you're doing.
Please do not remove the license and the credit link in these files.
<!doctype html>
<html>
<head>
<title>Add Diction To Your Page</title>
<meta charset="utf-8">
<link href="diction.css" rel="stylesheet" type="text/css">
<style>:root {--hue: 180;}</style>
</head>
<body>
<h2>Chapter 1: Zlolololololololol</h2>
<p>The dictionary is only going to work on text that is wrapped in <code>p</code> tags.</p>
<p>You can have as many paragraphs as you need. Click on a word in these paragraphs to try it out.</p>
<script src="diction.js"></script>
</body>
</html>