Skip to content

Instantly share code, notes, and snippets.

@Aaron1011

Aaron1011/experiment_1a.html

Created February 10, 2013 00:36
Show Gist options
  • Save Aaron1011/4747767 to your computer and use it in GitHub Desktop.
Save Aaron1011/4747767 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
experiment_1a.html
<html><head><script src="http://s.ytimg.com/yts/jsbin/www-widgetapi-vflReMqMy.js" async=""></script>
<link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/static/css/experiment_1a.css">
</head>
<body>
<div class="video">
<iframe id="player" width="640" height="480" src="http://www.youtube.com/embed/1kuF1-tyaAE?wmode=opaque&amp;origin=http%3A%2F%2Flocalhost%3A8000&amp;enablejsapi=1" frameborder="0"></iframe>
</div>
<div class="video-sidebar">
<div class="characters">
<h4>Characters:</h4>
<div class="media character" data-charid="1">
<div class="pull-left">
<img class="media-object" src="http://placehold.it/64x64">
</div>
<div class="media-body">
<h4 class="media-heading">Barnardo</h4>
<h6>Barnardo</h6>
</div>
</div>
<div class="media character" data-charid="2">
<div class="pull-left">
<img class="media-object" src="http://placehold.it/64x64">
</div>
<div class="media-body">
<h4 class="media-heading">Horatio</h4>
<h6>Horatio</h6>
</div>
</div>
<div class="media character" data-charid="3">
<div class="pull-left">
<img class="media-object" src="http://placehold.it/64x64">
</div>
<div class="media-body">
<h4 class="media-heading">Francisco</h4>
<h6>Franciso</h6>
</div>
</div>
<div class="media character cur-character" data-charid="4">
<div class="pull-left">
<img class="media-object" src="http://placehold.it/64x64">
</div>
<div class="media-body">
<i class="icon-arrow-left"></i>
<h4 class="media-heading">Marcellus<i class="icon-arrow-left"></i></h4>
<h6>Marcellus</h6>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment