Here is a fun way to to display external websites in Ghost (with some limitations). This javascript is an "oldie but goodie" from a freebies site I used to spook around a lot back in the day. But it still works, and its still cool!
These are external websites sliding into view via this Slide-In Panel javascript:
- Play Cat vs. Ball of Yarn
- Denver Geeks Website
- Ghost Flip-Book Theme Demo Site
- nOObish.me
- Every American Website
- Ghost Landing Demo Site
Below is the actual content of the HTML block just above.
<ul>
<li><a href="https://noobish.me/cat-vs-ball-of-yarn/" rel="ajaxpanel" data-loadtype="iframe">Play Cat vs. Ball of Yarn</a></li>
<li><a href="https://denvergeeks.com" rel="ajaxpanel" data-loadtype="iframe">Denver Geeks Website</a></li>
<li><a href="https://flippery.ghost-o-matic.com" rel="ajaxpanel">Ghost Flip-Book Theme Demo Site</a></li>
<li><a href="https://noobish.me" rel="ajaxpanel" data-loadtype="iframe">nOObish.me</a></li>
<li><a href="https://everyamerican.com" rel="ajaxpanel" data-loadtype="iframe">Every American Website</a></li>
<li><a href="https://landing.ghost-o-matic.com" rel="ajaxpanel">Ghost Landing Demo Site</a></li>
</ul>
What makes the slide-in work (besides the HTML block, as above, pasted into the post editor here) are 2 snippets of code I copied and pasted into my Ghost site:
one snippet of CSS (pasted into this site's Settings >> Code Injection >> Site Header) and...
one snippet of Javascript (pasted into this site's Settings >> Code Injection >> Site Footer)
You can get the script here:
http://www.dynamicdrive.com/dynamicindex17/ajaxsidepanel.htm
This is to test the updating priority...