diff --git a/samples/cdn/index.html b/samples/cdn/index.html
index a3ce54b..ce1f425 100644
--- a/samples/cdn/index.html
+++ b/samples/cdn/index.html
@@ -7,7 +7,19 @@
   <script defer src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
   <script defer src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/javascript.min.js"></script>
 
-  <script src="./main.js" name="main"></script>
+  <!-- cdn source -->
+  <script src="https://unpkg.com/wordpos@2.0.0/dist/wordpos.min.js"></script>
+
+  <script>
+    let wordpos = window.wordpos = new WordPOS({
+      // preload: true,
+      dictPath: 'https://unpkg.com/wordpos@2.0.0/dict',
+      profile: true,
+      // stopwords: false
+    });
+  </script>
+
+  <script src="../main.js" name="main"></script>
   <style>
     pre {
       padding: 2em;
@@ -20,21 +32,19 @@
  <h1>CDN WordPOS sample</h1>
   Open console to see results.
 
-  <h1>Coming soon...</h1>
-
  <pre><code> </code></pre>
 
    <script>
    var el = document.querySelector('code');
    if (fetch) {
-     fetch('main.js')
+     fetch('../main.js')
        .then(res => res.text())
        .then(txt => {
          el.innerText = txt;
          window.hljs && hljs.initHighlightingOnLoad();
        });
    } else {
-     el.innerHTML = 'Open <a href=main.js>main.js</a>.';
+     el.innerHTML = 'Open <a href="../main.js">main.js</a>.';
    }
    </script>
 
diff --git a/samples/self-hosted/main.js b/samples/main.js
similarity index 86%
rename from samples/self-hosted/main.js
rename to samples/main.js
index 01924db..5c3349d 100644
--- a/samples/self-hosted/main.js
+++ b/samples/main.js
@@ -1,10 +1,3 @@
-let wordpos = window.wordpos = new WordPOS({
-  // preload: true,
-  dictPath: '/samples/self-hosted/dict',
-  profile: true,
-  // stopwords: false
-});
-
 let assertLikely = (r) => {
   console.assert(r.def === 'with considerable certainty');
   console.assert(r.pos === 'r');
diff --git a/samples/self-hosted/index.html b/samples/self-hosted/index.html
index 1c1b8d3..dcdbc03 100644
--- a/samples/self-hosted/index.html
+++ b/samples/self-hosted/index.html
@@ -8,8 +8,17 @@
   <script defer src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
   <script defer src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/javascript.min.js"></script>
 
-  <script src="../../dist/wordpos.min.js"></script>
-  <script src="./main.js" name="main"></script>
+  <script src="/dist/wordpos.min.js"></script>
+  <script>
+    let wordpos = window.wordpos = new WordPOS({
+      // preload: true,
+      dictPath: '/samples/self-hosted/dict',
+      profile: true,
+      // stopwords: false
+    });
+  </script>
+
+  <script src="../main.js" name="main"></script>
   <style>
     pre {
       padding: 2em;
@@ -27,14 +36,14 @@
    <script>
    var el = document.querySelector('code');
    if (fetch) {
-     fetch('main.js')
+     fetch('../main.js')
        .then(res => res.text())
        .then(txt => {
          el.innerText = txt;
          window.hljs && hljs.initHighlightingOnLoad();
        });
    } else {
-     el.innerHTML = 'Open <a href=main.js>main.js</a>.';
+     el.innerHTML = 'Open <a href="../main.js">main.js</a>.';
    }
    </script>