alykat

<div class="filmstrip-outer-wrapper">
    <div class="filmstrip-wrapper">
        <div class="filmstrip animated"></div>
    </div>
</div>

alykat

.filmstrip-outer-wrapper {
    width: 100%;
    margin-bottom: 1em;

    .filmstrip-wrapper {
        width: 720px;
        height: 528px;
    }

    .filmstrip {

alykat

function setup_css_animations() {
    var prefixes = [ '-webkit-', '-moz-', '-o-', '' ];
    var keyframes = '';
    var filmstrip_steps = 25;
    ...
    for (var i = 0; i < prefixes.length; i++) {
        ...
        var filmstrip = '';
        for (var f = 0; f < filmstrip_steps; f++) {
            var current_pct = f * (100/filmstrip_steps);

alykat

@-webkit-keyframes filmstrip {
0% {background-position:0 -0%;-webkit-animation-timing-function:steps(1);}
4% {background-position:0 -100%;-webkit-animation-timing-function:steps(1);}
8% {background-position:0 -200%;-webkit-animation-timing-function:steps(1);}
...

alykat

...
var $filmstrip_cotton = $('#boxes').find('.filmstrip-wrapper');
var $filmstrip_cotton_wrapper = $('#boxes').find('.filmstrip-outer-wrapper');
...
var filmstrip_cotton_aspect_width = 720;
var filmstrip_cotton_aspect_height = 528;
...
function size_filmstrip() {
    var filmstrip_cotton_width = $filmstrip_cotton_wrapper.width();
    var filmstrip_cotton_height = Math.ceil((filmstrip_cotton_width * filmstrip_cotton_aspect_height) / filmstrip_cotton_aspect_width);

alykat

<table>
    <thead>
        <tr>
            <th>{{ COPY.labels.hdr_category }}</th>
            <th>{{ COPY.labels.hdr_jan }}</th>
            <th>{{ COPY.labels.hdr_feb }}</th>
            <th>{{ COPY.labels.hdr_mar }}</th>
        </tr>
    </thead>

alykat

<div id="responsive-embed-my-new-graphic">
</div>
<script src="http://apps.npr.org/dailygraphics/graphics/my-new-graphic/js/lib/pym.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        var pymParent = new pym.Parent(
            'responsive-embed-my-new-graphic',
            'http://apps.npr.org/dailygraphics/graphics/my-new-graphic/child.html',
            {}
        );

alykat

var pymChild = null;
...
$(window).load(function() {
    pymChild = new pym.Child({
        renderCallback: render
    });
})

alykat

Keybase proof

I hereby claim:

• I am alykat on github.
• I am alykat (https://keybase.io/alykat) on keybase.
• I have a public key whose fingerprint is 1F37 2C61 4F2B 48EB C59C 3CF4 6328 DBDE 3BB8 9EE5

To claim this, I am signing this object:

alykat

tell application "iTerm"
	activate
	
	set projectSlug to the text returned of (display dialog "Which project?" default answer "")
	
	
	tell the current terminal
		activate current session
		
		launch session "Default Session"