Skip to content

Instantly share code, notes, and snippets.

@luigi

luigi/event.html

Created December 15, 2011 17:11
Show Gist options
  • Save luigi/1481902 to your computer and use it in GitHub Desktop.
Save luigi/1481902 to your computer and use it in GitHub Desktop.
Download ZIP
Seed templates for Datajam
Raw
event.html
<h2 id="liveHeader">{{heading}}</h2>
<div class="share">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="sunfoundation" data-text="Sunlight Live's coverage on deficit reduction" data-url="http://sunlightlive.com/">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<iframe src="http://www.facebook.com/plugins/like.php?href=http://sunlightlive.com&amp;layout=button_count&amp;show_faces=true&amp;width=150&amp;action=like&amp;colorscheme=light&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:20px;" allowTransparency="true"></iframe>
</div>
<div class="clear"></div>
<div id="content">
<div id="video" class="smallModule">
{{ content_area: Video Embed }}
</div>
<div id="discussion" class="smallModule">
<span class="tip">Have something to say? <a href="#">Join the discussion</a>.</span>
<ul id="discussionFilter">
<li>
<label><input class="radio" type="radio" name="word" />All</label>
</li>
<li>
<label><input class="radio" type="radio" name="word" />Commentary</label>
</li>
<li class="last">
<label><input class="radio" type="radio" name="word" />Tweets</label>
</li>
</ul>
<div class="clear scroll" id="discussionComments">
<ol>
<li>
<div class="commentDetails">
<time pubdate="" class="published" datetime="">5:52pm</time>
</div>
<img alt="photo of Bill Allison" src="http://assets.sunlightfoundation.com/images/blog/avatars/100/100x100_ballison.jpg">
<div class="liveComment">
<address class="author"><a href="/people/sunlight/">Bill Allison</a></address>
<p>Good morning everyone We'll soon be covering the House Financial Services hearing on the Financial Crisis Independent Commission report.</p>
</div>
<div class="clear"></div>
</li>
<li>
<div class="commentDetails">
<time pubdate="" class="published" datetime="">5:52pm</time>
</div>
<img alt="photo of Bill Allison" src="http://assets.sunlightfoundation.com/images/blog/avatars/100/100x100_ballison.jpg">
<div class="liveComment">
<address class="author"><a href="/people/sunlight/">Bill Allison</a></address>
<p>Good morning everyone We'll soon be covering the House Financial Services hearing on the Financial Crisis Independent Commission report.</p>
</div>
<div class="clear"></div>
</li>
<li>
<div class="commentDetails">
<time pubdate="" class="published" datetime="">5:52pm</time>
</div>
<img alt="photo of Bill Allison" src="http://assets.sunlightfoundation.com/images/blog/avatars/100/100x100_ballison.jpg">
<div class="liveComment">
<address class="author"><a href="/people/sunlight/">Bill Allison</a></address>
<p>Good morning everyone We'll soon be covering the House Financial Services hearing on the Financial Crisis Independent Commission report.</p>
</div>
<div class="clear"></div>
</li>
</ol>
</div>
<div id="liveComments">
<textarea name="text"></textarea>
<button id="submitBtn" type="submit">
<span>Submit</span>
</button>
</div>
</div>
</div>
<div id="live_sidebar">
<div id="commentBubbleNub"></div>
<div id="commentBubble" class="smallModule">
{{ content_area: Comment Bubble }}
</div>
<div id="charts">
<iframe class="card_frame" id="live_frame" frameborder="0" framepadding="0" width="440" height="540" scrolling="no" src="http://live.sunlightlabs.com"></iframe>
<ol id="otherCharts">
<li><a href="#">Monthly Jobs Added/Lost</a></li>
<li><a href="#">Annual Deficits</a></li>
<li><a href="#">Industries Supporting Boehner in 2009-2010</a></li>
</ol>
</div>
</div>
Raw
site.html
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Sunlight Live</title>
<meta name="description" content="Interactive, data-driven reporting in real time.">
<meta property="og:site_name" content="Sunlight Foundation">
<meta name="og:site_name" content="Sunlight Foundation">
<meta name="og:title" content="Sunlight Live">
<meta name="og:description" content="Interactive, data-driven reporting in real time.">
<meta name="og:type" content="website">
<meta name="og:url" content="http://sunlightfoundation.com/live/">
<meta property="fb:admins" content="7812952">
<link rel="shortcut icon" href="http://assets.sunlightfoundation.com/site/4.0/favicon.ico">
<link rel="apple-touch-icon" href="http://assets.sunlightfoundation.com/site/4.0/apple-touch-icon.png">
<link rel="stylesheet" href="http://assets.sunlightfoundation.com/site/4.0/styles/thefoundation.css.gz" type="text/css" media="screen, projection">
<!--[if IE 7]><link rel="stylesheet" href="http://assets.sunlightfoundation.com/site/4.0/styles/buggy_7.css.gz" type="text/css" media="screen, projection"><![endif]-->
{{{head_assets}}}
</head>
<body class="live">
<div id="container">
<header class="sf_mini_header">
<h1><a href="http://sunlightfoundation.com/">Sunlight Foundation</a></h1>
<nav class="clearfix">
<ul>
<li class="nav-about"><a href="http://sunlightfoundation.com/about/">About</a></li>
<li class="nav-blog"><a href="http://sunlightfoundation.com/blog/">Blog</a></li>
<li class="nav-projects"><a href="http://sunlightfoundation.com/projects/">Projects</a></li>
<li class="nav-contact"><a href="http://sunlightfoundation.com/contact/">Contact</a></li>
</ul>
<div class="clear"></div>
</nav>
</header>
<div id="main">
<div id="mainContent">
<article class="micrositeStarter">
<header>
<h1 id="liveLogo">Sunlight Live</h1>
<nav id="liveNav">
<ul>
<li id="nav_liveabout"><a href="/about">About Sunlight Live</a></li>
<li id="nav_live" class="active" ><a href="/">Live Now</a></li>
</ul>
</nav>
</header>
{{{ content }}}
</article>
<div class="clear"></div>
<div class="googlecheckout" id="liveDonate">
<h3>Like this product? Help us build more of them by donating now.</h3>
<form action="https://checkout.google.com/cws/v2/Donations/548702786961191/checkoutForm" id="BB_BuyButtonForm" method="post" name="BB_BuyButtonForm" target="_top">
<input name="item_name_1" type="hidden" value="Support the Sunlight Foundation with a Donation"/>
<input name="item_description_1" type="hidden" value="The Sunlight Foundation is a non-profit, nonpartisan organization that uses the power of the Internet to catalyze greater government openness and transparency and to provide new tools and resources for media and individuals alike."/>
<input name="item_quantity_1" type="hidden" value="1"/>
<input name="item_currency_1" type="hidden" value="USD"/>
<input name="item_is_modifiable_1" type="hidden" value="true"/>
<input name="item_min_price_1" type="hidden" value="0.01"/>
<input name="item_max_price_1" type="hidden" value="25000.0"/>
<input name="_charset_" type="hidden" value="utf-8"/>
<input id="item_price_1" name="item_price_1" type="text" value="10.00" placeholder="donation amount"/>
<button class="donatebutton" type="submit">
<span>Donate</span>
</button>
</form>
</div>
<div id="liveSignup">
<p>Become a part of the open government community <span class="tip">and get regular updates from us by</span> <b>signing-up below.</b></p>
<form action="http://sunlightfoundation.com/mailinglist/subscribe/" method="post" id="mailinglistform">
<div style='display:none'><input type='hidden' name='csrfmiddlewaretoken' value='c1925b5232590701e60512e9c5e89acd' /></div>
<ul>
<li>
<label for="id_email">Email</label>
<input class="transparent" type="email" name="email" id="id_email" placeholder="enter your email address">
</li>
<li>
<label for="id_zipcode">ZIP Code</label>
<input class="transparent" type="zipcode" name="zipcode" id="id_zipcode" placeholder="and zip code" pattern="[0-9]{5}" maxlength="5">
</li>
<li>
<button id="joinBtn" type="submit">
<span>Join</span>
</button>
</li>
</ul>
</form>
</div>
<div class="clear"></div>
</div>
</div>
<footer id="mainFooter">
<div id="footerContent">
<div id="contact">
<h2>Contact Us</h2>
<address class="vcard">
<span class="fn org">
<a href="http://sunlightfoundation.com" class="url">Sunlight Foundation</a>
</span>
<span class="adr">
<span class="street-address">1818 N Street NW</span>
<span class="extended-address">Suite 300</span>
<span class="locality">Washington</span>,
<span class="region" title="District of Columbia">DC</span>
<span class="postal-code">20036</span>
</span>
<span class="tel">202-742-1520</span>
<a href="callto:+12027421520" class="tel-skype">Call with Skype</a>
</address>
</div>
<div id="aboutSunlight">
<h2>About Sunlight</h2>
<ul>
<li><a href="http://sunlightfoundation.com/about/">Our Mission</a></li>
<li><a href="http://sunlightfoundation.com/about/board/">Board &amp; Advisory Board</a></li>
<li><a href="http://sunlightfoundation.com/about/funding/">How We're Funded</a></li>
<li><a href="http://sunlightfoundation.com/people/">Our Team</a> and <a href="http://sunlightfoundation.com/jobs/">Jobs</a></li>
</ul>
</div>
<div id="privacyPolicy">
<p>Our <a href="http://sunlightfoundation.com/legal/privacy/">privacy policy</a> details how personally identifiable information that is collected on our web sites is handled. Read our <a href="http://sunlightfoundation.com/legal/terms/">terms of service</a>.</p>
<p>This work by <a href="http://sunlightfoundation.com">Sunlight Foundation</a>, unless <a href="http://sunlightfoundation.com/colophon/">otherwise noted</a>, is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/us/">Creative Commons Attribution 3.0 United States License</a>.</p>
</div>
<div class="clear"></div>
</div>
</footer>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<script src="http://assets.sunlightfoundation.com/site/4.0/scripts/thefoundation.js.gz"></script>
<!--[if lt IE 7 ]>
<script src="http://assets.sunlightfoundation.com/site/4.0/scripts/dd_belatedpng.js.gz"></script>
<script>
//DD_belatedPNG.fix('img, .png_bg');
</script>
<![endif]-->
{{{body_assets}}}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment