Skip to content


Subversion checkout URL

You can clone with
Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

79 lines (69 sloc) 1.498 kB
<!DOCTYPE html>
<meta charset="utf-8">
<title>Modern vs. Postmodern</title>
#content {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 640px;
margin: 0 auto;
#visual-container {
position: relative;
width: 100%;
height: 430px;
#visual {
position: absolute;
width: 640px;
#subtitle {
position: absolute;
font-size: 10pt;
height: 3em;
bottom: 0px;
left: 0px;
right: 0px;
background-color: rgba(255, 255, 255, 0.8);
#voiceover {
width: 100%;
height: 32px;
#subtitle-toggle {
text-decoration: underline;
cursor: pointer;
#credits, #subtitle-toggle {
text-align: center;
font-size: 8pt;
#credits {
color: gray;
h1 {
text-align: center;
font-family: "Futura", "Lucida Console", serif;
font-size: 48pt;
a {
color: inherit;
<img src="ajax-loader.gif" id="throbber">
<div id="content" style="display: none">
<div id="script" style="display: none"></div>
<div id="visual-container">
<div id="visual"></div>
<div id="subtitle" style="display: none"></div>
<audio id="voiceover" controls preload="auto">
<source src="script.ogg"></source>
<div id="subtitle-toggle">Show subtitles</div>
<div id="credits">
This mini-presentation is based on writing by <a href="">Ian Bicking</a>.
<script src="jquery.min.js"></script>
<script src="popcorn-complete.min.js"></script>
<script src="play-script.js"></script>
Jump to Line
Something went wrong with that request. Please try again.