iframes

js/suggestions.js

@@ -18,7 +18,8 @@ function display_suggestions(suggestions) {
     let suggestion_body = '';
 
     suggestions.forEach(element => {
-        suggestion_body += '<a href="' + element.post_link + '">' + element.post_link + ' - ' + element.points + ' points</a><br>';
+        // suggestion_body += '<a href="' + element.post_link + '">' + element.post_link + ' - ' + element.points + ' points</a><br>';
+        suggestion_body += '<iframe src="' + element.post_link + '/embed" class=\"mastodon-embed\" style="max-width: 100%; border: 0" width="400" allowfullscreen="allowfullscreen"></iframe><br>';
     });
 
     if(suggestion_body !== '') {

template/footer.php

@@ -5,4 +5,5 @@ const APPWRITE_PROJECT_ID = '<?=getenv('APPWRITE_PROJECT_ID')?>';
 const APPWRITE_DB_ID = '<?=getenv('APPWRITE_DB_ID')?>';
 </script>
 <script type="module" src="js/setup.js"></script>
-<?=(isset($script))?"<script type='module' src=\"$script\"></script>":''?>
+<?=(isset($script))?"<script type='module' src=\"$script\"></script>":''?>
+<script src="https://mastodon.social/embed.js" async="async"></script>