Use JSON API

bundle.js

@@ -0,0 +1,14 @@
+$(function() {
+  $('#examples').each(function(index, elem) {
+    $.getJSON(
+      'http://ksenia.causa-arcana.com/api/examples?ids=' + $(elem).data('ids'),
+      function(data) {
+        var list_items = []
+        data.forEach(function(item) {
+          list_items.push('<li>' + item[0] + ' &mdash; ' + item[1] + '</li>')
+        })
+        $(elem).html('<ul>' + list_items.join('') + '</ul>')
+      },
+    )
+  })
+})

words/არის.html

@@ -44,6 +44,12 @@
 
     <h2>Примеры употребления</h2>
 
-    <iframe class="api-frame" scrolling="no" src="http://ksenia.causa-arcana.com/api/examples?ids=1,2,3,4,5,6,7"></iframe>
+    <div id="examples" data-ids="1,2,3,4,5,6,7"></div>
+
+    <script
+      src="https://code.jquery.com/jquery-3.6.3.min.js"
+      integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU="
+      crossorigin="anonymous"></script>
+    <script src="../bundle.js"></script>
   </body>
 </html>

words/აქვს.html

@@ -49,67 +49,12 @@
 
     <h2>Примеры употребления</h2>
 
-    <ul>
-      <li>
-        <span>მე მ<span class="morpheme-root">აქვ</span>ს წიგნი</span>
-        &mdash;
-        <span>У меня есть книга</span>
-      </li>
-      <li>
-        <span>მე მ<span class="morpheme-root">აქვ</span>ს წიგნები</span>
-        &mdash;
-        <span>У меня есть книги</span>
-      </li>
-      <li>
-        <span>შენ გ<span class="morpheme-root">აქვ</span>ს წიგნი</span>
-        &mdash;
-        <span>У тебя есть книга</span>
-      </li>
-      <li>
-        <span>შენ გ<span class="morpheme-root">აქვ</span>ს წიგნები</span>
-        &mdash;
-        <span>У тебя есть книги</span>
-      </li>
-      <li>
-        <span>მას <span class="morpheme-root">აქვ</span>ს წიგნი</span>
-        &mdash;
-        <span>У него есть книга</span>
-      </li>
-      <li>
-        <span>მას <span class="morpheme-root">აქვ</span>ს წიგნები</span>
-        &mdash;
-        <span>У него есть книги</span>
-      </li>
-      <li>
-        <span>ჩვენ გვ<span class="morpheme-root">აქვ</span>ს წიგნი</span>
-        &mdash;
-        <span>У нас есть книга</span>
-      </li>
-      <li>
-        <span>ჩვენ გვ<span class="morpheme-root">აქვ</span>ს წიგნები</span>
-        &mdash;
-        <span>У нас есть книги</span>
-      </li>
-      <li>
-        <span>თქვენ გ<span class="morpheme-root">აქვ</span>თ წიგნი</span>
-        &mdash;
-        <span>У вас есть книга</span>
-      </li>
-      <li>
-        <span>თქვენ გ<span class="morpheme-root">აქვ</span>თ წიგნები</span>
-        &mdash;
-        <span>У вас есть книги</span>
-      </li>
-      <li>
-        <span>მათ <span class="morpheme-root">აქვ</span>თ წიგნი</span>
-        &mdash;
-        <span>У них есть книга</span>
-      </li>
-      <li>
-        <span>მათ <span class="morpheme-root">აქვ</span>თ წიგნები</span>
-        &mdash;
-        <span>У них есть книги</span>
-      </li>
-    </ul>
+    <div id="examples" data-ids="8,9,10,11,12,13,14,15,16,17,18,19"></div>
+
+    <script
+      src="https://code.jquery.com/jquery-3.6.3.min.js"
+      integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU="
+      crossorigin="anonymous"></script>
+    <script src="../bundle.js"></script>
   </body>
 </html>