embed github gist to tumblr

theme.html

<!-- Add the following lines to theme's html code right before </head> -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script src="http://static.tumblr.com/fpifyru/VCxlv9xwi/writecapture.js"></script>
<script src="http://static.tumblr.com/fpifyru/AKFlv9zdu/embedgist.js"></script>

<!--
  Usage: just add <div class="gist">[gist URL]</div>
  Example: <div class="gist">https://gist.github.com/1395926</div>
-->

After I add this there .js links in my theme the post starts repeating over my blog "Same post appear twice". Please consider fixing it.

You can have look.

rubygemer.tumblr.com

A little update to this code, as Tumblr Rich text editor kindas mess with the "div' tag

https://gist.github.com/tryvin/74c72bdae96f21e844a0

:: nasa-mems.tumblr.com .C("foo", n=as.integer(5), x=as.double(rnorm(5)))
with fooz implemented as

void fooz(int *nin, double *x)
{
int n = nin[0];

int i;

for (i=0; i<n; i++)
x[i] = x[i] * x[i];
}

Using this I can see my gist embedded only for a second. Then it changes to the following message:
window['__document_write_ajax_callbacks__']['1']();
What am I doing wrong?

Works on desktop but seems to be broken on mobile: only the URL is displayed. Anyone else experiencing it?

Edit
It's Tumblr custom mobile theme that somehow break the gist. You must disable it in the blog appearance settings, under Advanced options at the bottom of the sidebar (where you can set custom CSS). But then the embed will take full width and break the page on mobile. To correct that : .gist-data { max-width: 90vw; }.