Testing Koji Embedding

February 12, 2020

I see I can embed a Koji App in an iframe, will it show up in my blog post?

Let's see!

</p> <p>You can get and remix this interactive here: <a href="https://withkoji.com/~triptych/scratch-card-beta-">https://withkoji.com/~triptych/scratch-card-beta-</a></p> </div></article> <footer dir="ltr"><hr><nav><p style="font-size: 0.9em">published with <a class="home pubd" href="https://write.as/">write.as</a></p></nav></footer> <noscript><p><img src="https://analytics.write.as/piwik.php?idsite=16" style="border:0;" alt="" /></p></noscript> </body> <script type="text/javascript" src="https://platform.twitter.com/widgets.js" async></script> <script type="text/javascript">//console.log("testing 123"); //var vuejs = document.createElement('script'); //vuejs.src = 'https://cdn.jsdelivr.net/npm/vue/dist/vue.js'; //var imported = document.createElement('script'); //imported.src = 'https://righteous-sardine.glitch.me/script.js'; //document.head.appendChild(vuejs); //document.head.appendChild(imported); // src: https://platform.twitter.com/widgets.js </script> <script> addEventListener('DOMContentLoaded', function () { var hlbaseUri = "https:\/\/cdn.writeas.net/js/"; var lb = document.querySelectorAll("code[class^='language-']"); var aliasmap = { "elisp" : "lisp", "emacs-lisp" : "lisp", "c" : "cpp", "cc" : "cpp", "h" : "cpp", "c++" : "cpp", "h++" : "cpp", "hpp" : "cpp", "hh" : "cpp", "hxx" : "cpp", "cxx" : "cpp", "sh" : "bash", "js" : "javascript", "jsx" : "javascript", "html" : "xml" }; function highlight(nodes) { for (i=0; i < nodes.length; i++) { hljs.highlightBlock(nodes[i]); } } function loadLanguages(uris, callback) { uris.forEach(function(uri) { var sc = document.createElement('script'); sc.src = uri; sc.async = false; if (uris.indexOf(uri) == uris.length-1) { sc.onload = callback; sc.onerror = callback; } document.head.appendChild(sc); }); } if (lb.length > 0) { var st = document.createElement('link'); st.rel = "stylesheet"; st.href = "https:\/\/cdn.writeas.net/css/lib/atom-one-light.min.css"; document.head.appendChild(st); var jss = [hlbaseUri + "highlight.min.js"]; for (i=0; i < lb.length; i++) { lang = lb[i].className.replace('language-','').toLowerCase(); if (aliasmap[lang]) lang = aliasmap[lang]; lurl = hlbaseUri + "highlightjs/" + lang + ".min.js"; if (!jss.includes(lurl)) { jss.push(lurl); } } loadLanguages(jss, () => {highlight(lb)}); } }); </script> <script src="https://cdn.writeas.net/js/localdate.js"></script> <script type="text/javascript"> var http = new XMLHttpRequest(); var url = "/api/collections/triptych/posts/akyo0kip6bogxg96/stat"; http.open("POST", url, true); http.setRequestHeader("Content-type", "application/json"); http.send(); var pinning = false; function unpinPost(e, postID) { e.preventDefault(); if (pinning) { return; } pinning = true; var $header = document.getElementsByTagName('header')[0]; var callback = function() { var $pinnedNavLink = $header.getElementsByTagName('nav')[0].querySelector('.pinned.selected'); $pinnedNavLink.style.display = 'none'; try { _paq.push(['trackEvent', 'Post', 'unpin', 'post']); } catch(e) {} }; var $pinBtn = $header.getElementsByClassName('unpin')[0]; $pinBtn.innerHTML = '...'; var http = new XMLHttpRequest(); var url = "/api/collections/triptych/unpin"; var params = [ { "id": postID } ]; http.open("POST", url, true); http.setRequestHeader("Content-type", "application/json"); http.onreadystatechange = function() { if (http.readyState == 4) { pinning = false; if (http.status == 200) { callback(); $pinBtn.style.display = 'none'; $pinBtn.innerHTML = 'Pin'; } else if (http.status == 409) { $pinBtn.innerHTML = 'Unpin'; } else { $pinBtn.innerHTML = 'Unpin'; alert("Failed to unpin." + (http.status>=500?" Please try again.":"")); } } } http.send(JSON.stringify(params)); }; var $form = document.getElementById('emailsub'); if ($form != null) { $form.onsubmit = function() { var $sub = document.getElementById('subscribe-btn'); $sub.disabled = true; $sub.value = 'Subscribing...'; } } try { var _paq = _paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); _paq.push(['enableHeartBeatTimer']); (function() { var u="https://analytics.write.as/"; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', 16]); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); } catch (e) { } try { WebFontConfig = { custom: { families: [ 'Lora:400,700:latin', 'Open+Sans:400,700:latin' ], urls: [ 'https:\/\/cdn.writeas.net/css/fonts.4ce1882.css' ] } }; (function() { var wf = document.createElement('script'); wf.src = 'https:\/\/cdn.writeas.net/js/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); } catch (e) { } </script> <script src="https://cdn.writeas.net/js/webmonetization.626d96e.js"></script> <script> window.collAlias = 'triptych' window.postSlug = 'testing-koji-embedding' initMonetization() </script> </html>