Skip to content

Instantly share code, notes, and snippets.

View schneidan's full-sized avatar

Daniel J. Schneider schneidan

10 followers · 4 following
View GitHub Profile
@schneidan
schneidan / AP-NCAA-bracket-widget
Created October 31, 2013 02:31
AP college basketball NCAA scoreboard bracket widget
<script type="text/javascript">
document.write('<style type="text/css"> \n\
#rail-bracket { width:300px; font-family:"Lucida Sans Unicode",helvetica,sans-serif; } \n\
#rail-bracket h3.bracket-title {background:#636468;padding:.277778em .55556em;border:1px solid #313133;color:#FFFFFF;margin:0;font-size:1.3846em;letter-spacing:1px;font-family:quatro-slab,Georgia,serif;} \n\
#rail-bracket .bracket-day-header {font-size:1.5em;margin-top:20px;color:#313133;letter-spacing:.1em;} \n\
#rail-bracket .region-header {text-transform:uppercase;color:#fff;background:#636468;border:1px solid #313133;text-align:center;font-weight:bold;font-size:1.083em;} \n\
#rail-bracket .region-championship {color:#fff;background:#636468;border:1px solid #313133;text-align:center;font-size:1.5em;font-weight:normal;padding:10px 0;letter-spacing:.1em;} \n\
#rail-bracket .region-semis {color:#fff;background:#636468;border:1px solid #313133;text-align:center;font-size:1.5em;font-weight:normal;padding:10px 0;letter-spacing:.1em;} \n\
#rail-brac
@schneidan
schneidan / broncos-countdown-widget
Created October 31, 2013 02:34
Widget counts down until the first Denver Broncos game of the NFL season (2013 edition)
<script type="text/javascript" src="http://extras.denverpost.com/media/js/jquery-min.js"></script>
<span class="countdownform"></span>
<script type="text/javascript">
var current="";
var year=2013;
var month=09;
var day=5;
@schneidan
schneidan / tynt-hosts-block
Created October 31, 2013 02:36
Blocks Tynt.com additions when copy/pasting from web sites.
127.0.0.1 tcr.tynt.com # See http://daringfireball.net/2010/05/tynt_copy_paste_jerks
127.0.0.1 tynt.com
127.0.0.1 w1.tcr112.tynt.com
127.0.0.1 wau.tynt.com
127.0.0.1 www.tynt.com
127.0.0.1 www1.tynt.com
127.0.0.1 ac.tynt.com
127.0.0.1 asa.tynt.com
127.0.0.1 asb.tynt.com
127.0.0.1 p.ic.tynt.com
@schneidan
schneidan / NGPS-article-pagination-examples
Created October 31, 2013 02:48
An early example of code designed to create manually-paginated stories from multiple NGPS articles.
//---------------------------------//
// PAGINATION FOR ARTICLE BOTTOM //
//---------------------------------//
<ul>
<hr size="1">
<center>
<a href="http://www.denverpost.com/diego/ci_16370328">PREVIOUS</a> |
@schneidan
schneidan / dp.com-media-mini-rotator
Created October 31, 2013 02:51
Allows manual curation of a rotating list of multimedia items for special sections.
<script src="http://extras.denverpost.com/media/js/jquery-min.js"></script>
<script type="text/javascript">
document.write('<style type="text/css"> \n\
#ssrotate { width:300px; height:270px; overflow:hidden; background:#f5f5f5; color:#222; position:relative; border:1px solid #bbb; -moz-border-radius:5px; border-radius:5px; display:block; margin: 10px 0 5px; } \n\
#ssrotate .rotating-item { width:298px; height:324px; margin-bottom:20px; display: none; position: absolute; top: 0; left: 0; } \n\
#ssrotate .rotating-item img { width:280px; height:200px; margin:5px 10px 10px; } \n\
#ssrotate .rotating-item h2 { font-family:Georgia,Times,"Times New Roman",serif; font-size:14px; color:#568; width:280px; font-weight:600; padding:0; margin:0 10px 5px; } \n\
#ssrotate .rotating-item h2.ssover { font-family:Georgia,Times,"Times New Roman",serif; font-size:12px; text-transform:uppercase; color:#568; width:280px; font-weight:600; padding:0; margin:10px 10px 0; } \n\
</style>');
@schneidan
schneidan / titanic-section-page-css
Created October 31, 2013 03:09
This is the CSS for the Denver Post's 100-year-later Titanic section at denverpost.com/titanic
/* [file] redesign_sectionpage.css */
/* css for SECTION PAGE LAYOUT */
body.bodyStyle {
background-color: #0A1F40;
}
div#masthead_section {
height:auto!important;
@schneidan
schneidan / campaign-tracker-how-to-update
Created October 31, 2013 04:21
Campaign tracker 2008-2012 -- KML file and instructions for updating. (by Joe Murphy)
How to update the 2012 campaign visit tracker
The candidate tracker map is made up of three components
Parent file: DenverPost/media/maps/kml/visits-vs-wins-colorado-2008-2012.kml
2008 results: DenverPost/media/maps/kml/2008-election-results.kml
2012 visits: DenverPost/media/maps/kml/campaigning-in-colorado-07102012
To update the candidate tracker map that you see on the Obama and Romney pages, you only need to update one file. You can download the most recent version of the file from the FTP server and save it on your desktop: Denver Post/media/maps/kml/campaigning-in-colorado-07102012.kml (July 10, 2012 was the creation date. Do not change this in the file name unless you change it in the parent KML file.)
-------------------------------------------------------------------------------------------------------------------
To add a new point to the map, you need to add a "placemark" to the KML file. Every placemark ends in <placemark> and ends in </placemark>. For your convenience, I've put the visits in chro
@schneidan
schneidan / theater-shooting-victims-bar.html
Created October 31, 2013 23:13
HTML and CSS for the "Remembering the victims..." bar at the top of the Denver Post's Aurora theater shooting page at denverpost.com/theatershooting.
<script type="text/javascript" src="http://extras.denverpost.com/media/js/jquery-min.js"></script>
<link type='text/css' rel='stylesheet' href='theater-shooting-victims.css'>
<!-- <link type='text/css' rel='stylesheet' href='http://extras.mnginteractive.com/live/css/site36/theater-shooting-victims.css'> -->
<div id="shootingfeature">
<div id="victimnav">
<div class="victimphoto" name="boxblunk" style="background:url('http://extras.mnginteractive.com/live/media/site36/2012/0724/20120724_124353_jonathan-blunk-81.jpg');">
@schneidan
schneidan / gas-bus-checker.html
Created November 14, 2013 05:23
A simple calculator to help decide whether it's more efficient to take the bus than drive. (for Dave Burdick, 2013)
<script type="text/javascript" src="http://extras.denverpost.com/media/js/jquery-min.js"></script>
<style type="text/css">
#gasbusparent {
width:100%;
text-align:center;
}
#gasbus {
width:330px;
border:1px #ebebeb solid;
@schneidan
schneidan / how-big.html
Last active December 28, 2015 07:09
The "How big is the wildfire?" comparator developed by Joe Murphy and Daniel J. Schneider during the 2012 Colorado wildfire season.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
document.write('<style type="text/css"> \n\
td.region3, td.region6, td.region7, td.region14 { display:none!important; } \n\
td.region2b { width:985px; } \n\
td.articleBox { padding:10px!important; } \n\
</style>');
document.write('<style type="text/css"> \n\
.fire { width:960px;min-height:90px;clear:both; } \n\