Skip to content

robin-drexler/amp-gh-gist-proxy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

amp-gh-gist-proxy

Embed github gists in amp-iframes

What

amp does not permit to embed external script files.

Therefore it's not easily possible to embed github gists. amp allows you to embed iframes, though. Due to the nature of iframes however, amp is not able to figure out the size of an iframe automatically.

This is where the proxy comes into play. It'll embed the gist content and tell amp about the height.

Installation

Clone this repo. There is no npm package (yet).

Usage

There is no hosted service yet, in order to use it you'd need to host it yourself.

Starting the service

$ npm start -- 8080 # 8080 is the port the server will listen to

Using the proxy

curl https://yourproxydomain.com/?url=https://gist.github.com/robin-drexler/d4d167f1aa0bd94094e2

amp iframe example

<amp-iframe width="627" height="332"
   resizable
   sandbox="allow-scripts allow-same-origin"
   src="https://yourproxydomain.com/?url={{}}">
 <div overflow></div>
</amp-iframe>

Real world example

See it in use here: https://www.robin-drexler.com/2015/07/07/overriding-default-browser-shortcuts/

Releases

No releases published

Packages

No packages published