Skip to content

Instantly share code, notes, and snippets.

View sdillingham's full-sized avatar

Sean Dillingham sdillingham

View GitHub Profile

KPCC Product Design & Engineering

Team

Our core product group functions as an integrated design & engineering team with a total headcount of 6. It's comprised of:

  • 2 Application Engineers
  • 1 Mobile Application Engineer
  • 1 Designer & Front-End Developer
  • 1 Product Designer/UX & Engineering Manager
@sdillingham
sdillingham / verticals-branding.scss
Created May 6, 2014 22:09
DRY-ed SASS for building vertical landing page CSS
$verticals: (education: education, politics: represent, business: business);
@each $vertical, $filename in $verticals {
body.#{$vertical} {
.masthead .titling h1 a { background-image: image-url("i/logo-#{$filename}.png"); }
&.landing .masthead {
background-image: image-url("i/masthead-#{$filename}.jpg");
.titling h2 { background: none; text-shadow: 0 0 8px black; }
}
@sdillingham
sdillingham / objectives.md
Last active August 29, 2015 14:01
Project Telephone Objectives

Customer Outcomes

  1. Delight - even deeper sense of personal connection to KPCC
  2. Surprise - at how well the app fits into their day
  3. personalized and relevant the app's content is to my taste
  4. Reinforces my belief that listening to public radio makes me smarter
  5. Reinforces my positive feelings about supporting KPCC

Business Outcomes

@sdillingham
sdillingham / full-election-results.html
Last active August 29, 2015 14:02
KPCC 2014 June Primary Results
<!-- BEGIN Elections Results -->
<div class="hero-election">
<div class="row-fluid">
<header class="span24 election-header">
<h1>2014 June Primary Results</h1>
</header>
</div>
<div class="row-fluid">
<section class="span24">
@sdillingham
sdillingham / dfp.html.erb
Created June 3, 2014 03:54
New DFP Implementation
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>89.3 KPCC</title>
<!-- Start: GPT Async -->
<script type='text/javascript'>
var gptadslots=[];
var googletag = googletag || {};
<div id="russian_nesting_doll" class="the first ad wrapper of many" data-reason="yolo">
<div class="we swear we really need this div just like england needs the falkland islands">
<div class="oh god when will the divs stop" data-answer="bwahahahaha-never!!!">
<script src="http://fuckit.letsloadsomejavascript.io"></script>
<iframe id="firstAdCampaignForToday-JulyThirtyFirstTwoThousandFourteen" class="lets load an iframe" data-reason="because we hate you, mr. web designer" >
<html>
<head>
<script src="http://return.ofthesonofletsloadsomejavascript.io"></script>
</head>
<body>
@sdillingham
sdillingham / gist:b27f36fd14bbd9fdca3e
Created October 5, 2014 22:25
Markup for global nav search box
<li class="site-search">
<a class="search-toggle" href="#"><span class="icon-search"></span></a>
<div class="global-search-form">
<div class="search-close">
<i class="icon-remove"></i>
</div>
<form action="post">
<input name="search" placeholder="Type a keyword" type="text" />
<a class="more-search-options" href="#"><i class="icon-plus-circle"></i>More search options</a>
</form>
@sdillingham
sdillingham / keybase.md
Last active August 29, 2015 14:14
keybase.md

Keybase proof

I hereby claim:

  • I am sdillingham on github.
  • I am seandillingham (https://keybase.io/seandillingham) on keybase.
  • I have a public key whose fingerprint is F888 0CF2 F034 B766 A17A 71C6 ADBD D3EC 8666 87B7

To claim this, I am signing this object:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml" style="font-family: Georgia, serif;">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>89.3 KPCC | The Short List</title>
<link href="/stylesheets/all.css" media="screen" rel="stylesheet" type="text/css" />
<style data-premailer="ignore" type="text/css">
<![CDATA[@media only screen and (max-width: 600px){body,table,td,p,a,li,blockquote{ -webkit-text-size-adjust:none !important;}}@media only screen and (max-width: 600px){body{width:100% !important;min-width:100% !important;}}@media only screen and (max-width: 600px){table[id=bodyTable]{padding:10px !important;}}@media only screen and (max-width: 600px){table[id=templateContainer]{max-width:600px !important;width:100% !important;}}@media only screen and (max-width: 600px){h1{font-size:28px !important;line-heigh
<hr style="font-family: Georgia, serif; border-bottom-color: #cccccc; border-bottom-style: solid; border-top-color: #cccccc; border-top-style: solid; height: 3px; margin-bottom: 18px; border-top-width: 1px; border-right-width: 0; border-bottom-width: 1px; border-left-width: 0; background-color: white;" />
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: Georgia, serif;">
<tr style="font-family: Georgia, serif;">
<td align="center" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: Georgia, serif;">
<a href="http://www.scpr.org/shortlist-newsletter-ad-redirect">
<img src="http://media.scpr.org/adhost/static-assets/display-banners/short-list/300x250.jpg">
</a>
</td>
</tr>