Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
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>
<style>
#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;
}
</style>
<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>
</div>
<audio id="voiceover" controls preload="auto">
<source src="script.ogg"></source>
</audio>
<div id="subtitle-toggle">Show subtitles</div>
<div id="credits">
This mini-presentation is based on writing by <a href="http://blog.ianbicking.org/">Ian Bicking</a>.
</div>
</div>
<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.