Skip to content

Instantly share code, notes, and snippets.

View sdillingham's full-sized avatar

Sean Dillingham sdillingham

13 followers · 1 following
View GitHub Profile
@sdillingham
sdillingham / spacing proposal.md
Last active February 15, 2018 21:05

Space scale

// expand and update stack spacing vars
$space-stack-xxxs: 4;
$space-stack-xxs: 8;
$space-stack-xs: 16;
$space-stack-s: 24;
$space-stack-m: 32;
$space-stack-l: 48;
@sdillingham
sdillingham / short-list-ad.html
Created November 12, 2015 22:24
<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>
@sdillingham
sdillingham / monday_short_list_template.html.erb
Last active August 29, 2015 14:26
<!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
@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:

@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 / every-ad-script-output-evar.html
Created July 31, 2014 19:02
<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 / 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 || {};
@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 / 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 / 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; }
}