Split long seed phrases at aesthetic points

website/index.js

@@ -2,6 +2,14 @@ import 'babel-polyfill';
 import whenDomReady from 'when-dom-ready';
 import dogeSeed from '../';
 
+const bitsToWords = {
+  128: 12,
+  160: 15,
+  192: 18,
+  224: 21,
+  256: 24
+};
+
 const main = async () => {
   await whenDomReady();
 
@@ -10,6 +18,9 @@ const main = async () => {
   const regenerateSeedButton = document.querySelector('.regenerate-seed');
 
   const generateSeed = () => {
+    const wordCount = bitsToWords[bits.value];
+    seedText.dataset.wordCount = wordCount;
+
     const seedPhrase = dogeSeed(bits.value);
     const wrappedSeedPhrase = seedPhrase
       .split(' ')

website/style.css

@@ -82,6 +82,13 @@ body {
   color: maroon;
 }
 
+.generator .seed-text[data-word-count="24"] span:nth-of-type(13):before,
+.generator .seed-text[data-word-count="21"] span:nth-of-type(13):before,
+.generator .seed-text[data-word-count="18"] span:nth-of-type(11):before {
+  display: block;
+  content: '';
+}
+
 .description {
   padding: 1em 0;
 }