Skip to content

Instantly share code, notes, and snippets.

@brettgaylor
brettgaylor / gist:2937612
Created June 15, 2012 17:09
Newscaster JSON
{
"targets": [
{
"id": "Target0",
"name": "Target0",
"element": "video-overlay"
},
{
"id": "Target1",
"name": "Target1",
@brettgaylor
brettgaylor / gist:2937611
Created June 15, 2012 17:09
Newscaster HTMl
<html><head><base href="http://storycamp.mozillapopcorn.org/templates/supported/newscaster/"><script async="" src="http://s.ytimg.com/yt/jsbin/www-widgetapi-vflAP7IME.js"></script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>News Caster</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width">
@brettgaylor
brettgaylor / gist:2921040
Created June 13, 2012 00:36
Robots JSON
{
"targets": [
{
"id": "Target0",
"name": "Target0",
"element": "top-title"
},
{
"id": "Target1",
"name": "Target1",
@brettgaylor
brettgaylor / gist:2920994
Created June 13, 2012 00:27
Robots HTML
<html><head><base href="http://pr475.butyr.org/templates/supported/robots/"><style type="text/css">@media print { .gmnoprint { display:none }}@media screen { .gmnoscreen { display:none }}</style>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Robots</title>
<meta name="viewport" content="width=device-width">
<link href="http://fonts.googleapis.com/css?family=Jolly+Lodger%7CBangers%7CLato%7CFredericka+the+Great%7CLovers+Quarrel" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../shared/css/normalise.css">
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript">
var uvOptions = {};
(function() {
var uv = document.createElement('script'); uv.type = 'text/javascript'; uv.async = true;
uv.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'widget.uservoice.com/8vOeVcclRtYPvAvTiIGPlA.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(uv, s);
})();
</script>
<!doctype html>
<html>
<head>
<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script>
// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {
// Create a popcorn instance by calling Popcorn("#id-of-my-video")
var pop = Popcorn("#ourvideo");
@brettgaylor
brettgaylor / popcorn.googlemaps.html
Created June 25, 2011 05:39
Popcorn with Google Maps
<!doctype html>
<html>
<head>
<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script>
// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {
// Create a popcorn instance by calling Popcorn("#id-of-my-video")
var pop = Popcorn("#ourvideo");
@brettgaylor
brettgaylor / Popcorn.vimeo.html
Created June 24, 2011 21:56
Popcorn with vimeo
<!doctype html>
<html>
<head>
<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script>
// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {
// Create a popcorn instance by calling the Vimeo player plugin
@brettgaylor
brettgaylor / popcorn-youtube.html
Created June 24, 2011 21:47 — forked from humphd/popcorn-youtube.html
Popcorn YouTube Example
<!doctype html>
<html>
<head>
<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script>
// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {
// Create a popcorn instance by calling the Youtube player plugin
<!doctype html>
<html>
<head>
<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script>
// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {
// Create a popcorn instance by calling the Youtube player plugin
var example = Popcorn(Popcorn.youtube(