RubyGems - timeline_setter - Versions diffs - 0.2.0 → 0.3.0 - Mend

timeline_setter 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

data/Rakefile +11 -2
data/config/assets.yml +9 -0
data/doc/doc.markdown +65 -17
data/doc/templates.html +3 -0
data/doc/timeline-setter.html +327 -238
data/doc/timeline-setter.min.html +3 -0
data/documentation/TimelineSetter/CLI.html +77 -52
data/documentation/TimelineSetter/Parser.html +40 -39
data/documentation/TimelineSetter/Timeline.html +132 -83
data/documentation/TimelineSetter.html +27 -12
data/documentation/_index.html +23 -12
data/documentation/class_list.html +20 -9
data/documentation/css/style.css +7 -5
data/documentation/file.README.html +33 -23
data/documentation/file_list.html +20 -9
data/documentation/frames.html +1 -1
data/documentation/index.html +33 -23
data/documentation/js/app.js +16 -14
data/documentation/js/full_list.js +7 -6
data/documentation/js/jquery.js +3 -3
data/documentation/method_list.html +42 -23
data/documentation/top-level-namespace.html +26 -11
data/index.html +100 -19
data/lib/timeline_setter/cli.rb +2 -0
data/lib/timeline_setter/timeline.rb +6 -3
data/lib/timeline_setter/version.rb +1 -1
data/lib/timeline_setter.rb +0 -7
data/public/javascripts/templates/card.jst +21 -0
data/public/javascripts/templates/notch.jst +1 -0
data/public/javascripts/templates/series_legend.jst +3 -0
data/public/javascripts/templates/timeline.jst +20 -0
data/public/javascripts/templates/year_notch.jst +3 -0
data/public/javascripts/templates.js +1 -0
data/public/javascripts/timeline-setter.js +303 -167
data/public/javascripts/timeline-setter.min.js +1 -0
data/public/stylesheets/timeline-setter.css +5 -5
data/spec/timeline_setter_spec.rb +2 -2
data/templates/timeline-markup.erb +5 -59
data/timeline_setter.gemspec +15 -5
metadata +15 -5

data/documentation/method_list.html CHANGED Viewed

@@ -2,11 +2,19 @@
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
   <head>
-    <meta name="Content-Type" content="text/html; charset=utf-8" />
-    <link rel="stylesheet" href="css/full_list.css" type="text/css" media="screen" charset="utf-8" />
-    <link rel="stylesheet" href="css/common.css" type="text/css" media="screen" charset="utf-8" />
-    <script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
-    <script type="text/javascript" charset="utf-8" src="js/full_list.js"></script>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+      <link rel="stylesheet" href="css/full_list.css" type="text/css" media="screen" charset="utf-8" />
+      <link rel="stylesheet" href="css/common.css" type="text/css" media="screen" charset="utf-8" />
+      <script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
+      <script type="text/javascript" charset="utf-8" src="js/full_list.js"></script>
     <base id="base_target" target="_parent" />
   </head>
   <body>
@@ -19,9 +27,13 @@
     <div id="content">
       <h1 id="full_list_header">Method List</h1>
       <div id="nav">
-        <a target="_self" href="class_list.html">Classes</a> |
-        <a target="_self" href="method_list.html">Methods</a> |
-        <a target="_self" href="file_list.html">Files</a>
+          <a target="_self" href="class_list.html">Classes</a>
+          <a target="_self" href="method_list.html">Methods</a>
+          <a target="_self" href="file_list.html">Files</a>
       </div>
       <div id="search">Search: <input type="text" /></div>
@@ -37,9 +49,9 @@
   <li class="r2 ">
-    <span class='object_link'><a href="TimelineSetter/Parser.html#events-instance_method" title="TimelineSetter::Parser#events (method)">#events</a></span>
+    <span class='object_link'><a href="TimelineSetter/Timeline.html#config_json-instance_method" title="TimelineSetter::Timeline#config_json (method)">#config_json</a></span>
-      <small>TimelineSetter::Parser</small>
+      <small>TimelineSetter::Timeline</small>
   </li>
@@ -53,15 +65,15 @@
   <li class="r2 ">
-    <span class='object_link'><a href="TimelineSetter/CLI.html#html-instance_method" title="TimelineSetter::CLI#html (method)">#html</a></span>
+    <span class='object_link'><a href="TimelineSetter/Parser.html#events-instance_method" title="TimelineSetter::Parser#events (method)">#events</a></span>
-      <small>TimelineSetter::CLI</small>
+      <small>TimelineSetter::Parser</small>
   </li>
   <li class="r1 ">
-    <span class='object_link'><a href="TimelineSetter/CLI.html#initialize-instance_method" title="TimelineSetter::CLI#initialize (method)">#initialize</a></span>
+    <span class='object_link'><a href="TimelineSetter/CLI.html#html-instance_method" title="TimelineSetter::CLI#html (method)">#html</a></span>
       <small>TimelineSetter::CLI</small>
@@ -77,6 +89,14 @@
   <li class="r1 ">
+    <span class='object_link'><a href="TimelineSetter/CLI.html#initialize-instance_method" title="TimelineSetter::CLI#initialize (method)">#initialize</a></span>
+      <small>TimelineSetter::CLI</small>
+  </li>
+  <li class="r2 ">
     <span class='object_link'><a href="TimelineSetter/Parser.html#initialize-instance_method" title="TimelineSetter::Parser#initialize (method)">#initialize</a></span>
       <small>TimelineSetter::Parser</small>
@@ -84,7 +104,7 @@
   </li>
-  <li class="r2 ">
+  <li class="r1 ">
     <span class='object_link'><a href="TimelineSetter/CLI.html#outdir-instance_method" title="TimelineSetter::CLI#outdir (method)">#outdir</a></span>
       <small>TimelineSetter::CLI</small>
@@ -92,7 +112,7 @@
   </li>
-  <li class="r1 ">
+  <li class="r2 ">
     <span class='object_link'><a href="TimelineSetter/CLI.html#parse_options%21-instance_method" title="TimelineSetter::CLI#parse_options! (method)">#parse_options!</a></span>
       <small>TimelineSetter::CLI</small>
@@ -100,7 +120,7 @@
   </li>
-  <li class="r2 ">
+  <li class="r1 ">
     <span class='object_link'><a href="TimelineSetter/CLI.html#sheet-instance_method" title="TimelineSetter::CLI#sheet (method)">#sheet</a></span>
       <small>TimelineSetter::CLI</small>
@@ -108,7 +128,7 @@
   </li>
-  <li class="r1 ">
+  <li class="r2 ">
     <span class='object_link'><a href="TimelineSetter/Timeline.html#timeline-instance_method" title="TimelineSetter::Timeline#timeline (method)">#timeline</a></span>
       <small>TimelineSetter::Timeline</small>
@@ -116,7 +136,7 @@
   </li>
-  <li class="r2 ">
+  <li class="r1 ">
     <span class='object_link'><a href="TimelineSetter/Timeline.html#timeline_markup-instance_method" title="TimelineSetter::Timeline#timeline_markup (method)">#timeline_markup</a></span>
       <small>TimelineSetter::Timeline</small>
@@ -124,7 +144,7 @@
   </li>
-  <li class="r1 ">
+  <li class="r2 ">
     <span class='object_link'><a href="TimelineSetter/Timeline.html#timeline_min-instance_method" title="TimelineSetter::Timeline#timeline_min (method)">#timeline_min</a></span>
       <small>TimelineSetter::Timeline</small>
@@ -132,7 +152,7 @@
   </li>
-  <li class="r2 ">
+  <li class="r1 ">
     <span class='object_link'><a href="TimelineSetter/CLI.html#timeline_page_path-instance_method" title="TimelineSetter::CLI#timeline_page_path (method)">#timeline_page_path</a></span>
       <small>TimelineSetter::CLI</small>
@@ -140,7 +160,7 @@
   </li>
-  <li class="r1 ">
+  <li class="r2 ">
     <span class='object_link'><a href="TimelineSetter/Timeline.html#tmpl-instance_method" title="TimelineSetter::Timeline#tmpl (method)">#tmpl</a></span>
       <small>TimelineSetter::Timeline</small>
@@ -148,7 +168,7 @@
   </li>
-  <li class="r2 ">
+  <li class="r1 ">
     <span class='object_link'><a href="TimelineSetter/Timeline.html#to_json-instance_method" title="TimelineSetter::Timeline#to_json (method)">#to_json</a></span>
       <small>TimelineSetter::Timeline</small>
@@ -160,4 +180,3 @@
     </div>
   </body>
 </html>

data/documentation/top-level-namespace.html CHANGED Viewed

@@ -3,16 +3,26 @@
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title>Top Level Namespace</title>
-<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" charset="utf-8" />
-<link rel="stylesheet" href="css/common.css" type="text/css" media="screen" charset="utf-8" />
+<title>
+  Top Level Namespace
+    &mdash; Documentation by YARD 0.7.2
+</title>
+  <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" charset="utf-8" />
+  <link rel="stylesheet" href="css/common.css" type="text/css" media="screen" charset="utf-8" />
 <script type="text/javascript" charset="utf-8">
   relpath = '';
   if (relpath != '') relpath += '/';
 </script>
-<script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
-<script type="text/javascript" charset="utf-8" src="js/app.js"></script>
+  <script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
+  <script type="text/javascript" charset="utf-8" src="js/app.js"></script>
   </head>
   <body>
@@ -33,11 +43,14 @@
 </div>
       <div id="search">
-  <a id="class_list_link" href="#">Class List</a>
-  <a id="method_list_link" href="#">Method List</a>
-  <a id ="file_list_link" href="#">File List</a>
+    <a id="class_list_link" href="#">Class List</a>
+    <a id="method_list_link" href="#">Method List</a>
+    <a id="file_list_link" href="#">File List</a>
 </div>
       <div class="clear"></div>
     </div>
@@ -76,12 +89,14 @@
 </div>
     <div id="footer">
-  Generated on Thu Apr 21 10:33:42 2011 by
+  Generated on Wed Nov  2 15:20:08 2011 by
   <a href="http://yardoc.org" title="Yay! A Ruby Documentation Tool" target="_parent">yard</a>
-  0.6.5 (ruby-1.8.7).
+  0.7.2 (ruby-1.8.7).
 </div>
   </body>

data/index.html CHANGED Viewed

@@ -82,7 +82,7 @@
   </head>
   <body>
     <a href="http://www.propublica.org" class="propublica">&nbsp;</a>
-    <h1>TimelineSetter 0.1.2</h1>
+    <h1>TimelineSetter 0.3.0</h1>
 <p>TimelineSetter creates beautiful timelines.</p>
@@ -167,9 +167,10 @@ supporting assets if applicable) within the current directory.</p>
 <ul>
 <li><code>-c CSV</code> Path to your CSV file.</li>
 <li><code>-o OUTPUT_PATH</code> Path to output timeline and assets. If absent, timeline will be created in current directory.</li>
-<li><code>-a</code> Add the default supporting assets to the output directory, along with the timeline itself.</li>
+<li><code>-a</code> Do not output supporting assets such as CSS and JavaScript. This is useful if you&rsquo;re customizing those and don&rsquo;t want your versions clobbered.</li>
 <li><code>-m</code> Create a minified one-page version of your timeline with all supporting assets inline.</li>
 <li><code>-O</code> Open a browser to your new timeline after it is generated (currently Mac OS only).</li>
+<li><code>-i</code> Add a custom interval for background &ldquo;interval notches.&rdquo; These take the format of JavaScript date <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date#Methods">getter methods</a>. For example, year would be <code>FullYear.</code> All the options are available <a href="#interval_notch_options">below</a>. If absent, TimelineSetter will attempt to automatically create interval notches based on the first and last dates in your timeline.</li>
 <li><code>-h</code> Print help to standard output.</li>
 </ul>
@@ -264,6 +265,25 @@ to point to their appropriate destinations.</p>
 periods of time, and <em>event notches</em>, which, when clicked, reveal their
 associated <em>event cards</em>.</p>
+<p><a id="configuring"></a></p>
+<h2>Configuring the Timeline JavaScript Embed</h2>
+<p>Although the <code>timeline-setter</code> command generates a JavaScript embed that prepopulates your data, you can also create this yourself by calling <code>TimelineSetter.timeline.boot</code> with an array of card objects, and a config object.</p>
+<pre><code>var myTimeline = TimelineSetter.Timeline.boot([{card}...], {config})
+</code></pre>
+<p>The config object looks for <code>interval</code>, <code>container</code>, and <code>formatter</code> options.</p>
+<p>The <code>interval</code> option takes an <a href="#interval_notch_options">interval</a> in the form of a JavaScript date getter. The <code>container</code> option allows you to inject the entire timeline into an element with the given selector. (By default this is <code>#timeline</code>). Finally, <code>formatter</code> is a way to format dates on the timeline&rsquo;s interval notches. Write a formatter like so:</p>
+<pre><code>formatter : function(d, defaults) {
+  defaults.months = ['enero', 'febrero', 'marzo', 'abril', 'mayo', 'junio', 'julio', 'agosto', 'septiembre', 'octubre', 'noviembre', 'diciembre'];
+  return defaults;
+}
+</code></pre>
 <p><a name="styling"></a></p>
 <h2>Styling Your Timeline</h2>
@@ -277,17 +297,14 @@ replace it completely. Here&rsquo;s a guide to do that.</p>
 <h3>Overview and Styling the Container and Top Matter</h3>
-<p>All TimelineSetter CSS is scoped within a namespace starting with <code>TS.</code> The
-outermost container is <code>#timeline_setter.</code></p>
+<p>All TimelineSetter CSS is scoped within a namespace starting with <code>TS</code> except for the outermost container (by default <code>#timeline</code>.) The container is configurable with the <code>container</code> argument in the TimelineSetter boot function&rsquo;s config object.</p>
 <p>Upon first glance, it may not seem like there is much markup at all. That&rsquo;s
 because we make extensive use of JavaScript (ERB-style) templating via
-<a href="http://documentcloud.github.com/underscore/#template">Underscore.js</a> &mdash; so
-templates for each part of the timeline reside in the DOM. The controls (zoom
-in/out, previous/next buttons) are available within <code>#TS-top_matter_container .TS-controls</code>.</p>
+<a href="http://documentcloud.github.com/underscore/#template">Underscore.js</a> &mdash;
+templates for each part of the timeline reside in a JST object at the end of timeline-setter.js.</p>
-<p>Series checkboxes are injected into <code>.TS-series_nav_container</code> and templated
-via <code>script#TS-notch_tmpl</code>. Currently, series colors are hard coded in the
+<p>Currently, series colors are hard coded in the
 JavaScript. We support a maximum of nine series colors (assigned in this order:
 <code>#065718, #EDC047, #91ADD1, #929E5E, #9E5E23, #C44846, #465363, #EDD4A5, #CECECE</code>,
 they can be overridden in the &ldquo;color priority&rdquo; section of <code>timeline-setter.css</code>). Technically
@@ -298,10 +315,7 @@ to the default charcoal notch color.</p>
 <h3>Styling the bar, notches and cards</h3>
-<p>Interval notches are templated within <code>script#TS-year_notch_tmpl</code>. Their
-position is based on the interval of time between events as automatically
-determined by the JavaScript. Here&rsquo;s a sampling of what you might see in
-interval notches:</p>
+<p>The position of interval notches is based on the interval of time between events as automatically determined by the JavaScript. Here&rsquo;s a sampling of what you might see in interval notches:</p>
 <pre><code>year        =&gt; 2001
 month       =&gt; June, 2004
@@ -310,12 +324,58 @@ hour/minute =&gt; 11:59
 second      =&gt; 11:59:22
 </code></pre>
-<p>Event notches are templated through <code>#TS-card-tmpl</code> and contain individual
-classes corresponding to spreadsheet columns. <code>.TS-item-label</code> corresponds to
-<code>description</code>, <code>.TS-item_html</code> corresponds to <code>html</code>,
-<code>.TS-read_btn</code> is linked to <code>link</code> and <code>.TS-item_year</code> corresponds to
-<code>display_date</code> falling through to <code>date</code>. Finally, <code>TS-permalink</code>
-is a fragment link which will show the active card on page load if used.</p>
+<p><a id="interval_notch_options"></a>
+The interval notches date spans themselves can be customized by using the <code>-i</code> flag when generating a timeline. The available parameters are</p>
+<pre><code>Decade
+Lustrum
+FullYear
+Month
+Week
+Date
+Hours
+Minutes
+Seconds
+</code></pre>
+<p><a id="js_api"></a></p>
+<h2>The JavaScript API</h2>
+<p>As of version 0.3.0, TimelineSetter has a JavaScript API that allows programmatic access to certain events, and the ability to activate cards. To use the API, assign the <code>TimelineSetter.Timeline.boot()</code> function to a variable, and then use methods in the <code>api</code> object like so:</p>
+<pre><code>var currentTimeline = TimelineSetter.Timeline.boot(options);
+currentTimeline.api.onLoad(function() {
+  console.log("I'm ready")
+});
+</code></pre>
+<p>Here are the API methods:</p>
+<h3>onLoad</h3>
+<p>Register a callback for when the timeline is loaded.</p>
+<h3>onCardAdd</h3>
+<p>Register a callback for when a card is added to the timeline. This method has access to the event name and the card object.</p>
+<pre><code>currentTimeline.api.onCardAdd(function(evtName, obj) {
+  console.log(obj);
+});
+</code></pre>
+<h3>onCardActivate</h3>
+<p>Register a callback for when a card is activated (i.e. shown). This method has access to the event name and the card object.</p>
+<h3>onBarMove</h3>
+<p>Register a callback for when the bar is moved or zoomed. Be careful with this one: Bar move events can be fast and furious, especially with scroll wheels in Safari.</p>
+<h3>activateCard</h3>
+<p>Show the card matching a given timestamp. Right now, timelines only support one card per timestamp.</p>
 <p><a id="roadmap"></a></p>
@@ -366,6 +426,27 @@ questions should go to <a href="mailto:opensource@propublica.org">opensource@pro
 <h2>Change Log</h2>
+<p><a id="release-030"></a></p>
+<h3>0.3.0</h3>
+<ul>
+<li>Add JavaScript API</li>
+<li>Scope timeline to a given element to support multiple timelines on a page</li>
+<li>Add date formatter config option. <em>Thanks <a href="https://github.com/propublica/timeline-setter/pull/26">@omega</a></em></li>
+</ul>
+<p><a id="release-020"></a></p>
+<h3>0.2.0</h3>
+<ul>
+<li>New feature adds support for custom interval notch ranges.</li>
+<li>Change command line to output supporting assets by default unless <code>-a</code> is specified</li>
+</ul>
 <p><a id="release-012"></a></p>
 <h3>0.1.2</h3>

data/lib/timeline_setter/cli.rb CHANGED Viewed

@@ -77,6 +77,8 @@ module TimelineSetter
     def compile!
       if !@options[:no_assets] || !@options[:min]
         FileUtils.cp_r(Dir.glob("#{TimelineSetter::ROOT}/public/*"), outdir)
+        # Concatenate JSTs to timeline-setter.js and remove templates.js
+        `cat #{outdir}/javascripts/templates.js >> #{outdir}/javascripts/timeline-setter.js && rm -rf #{outdir}/javascripts/templates*`
       end
       File.open(timeline_page_path, 'w+') do |doc|

data/lib/timeline_setter/timeline.rb CHANGED Viewed

@@ -15,8 +15,11 @@ module TimelineSetter
       @events.to_json
     end
-    def interval_json
-      {"interval" => "#{@interval}"}.to_json
+    def config_json
+      {
+        "interval"  => "#{@interval}",
+        "container" => "#timeline"
+      }.to_json
     end
     def timeline_markup
@@ -38,7 +41,7 @@ module TimelineSetter
       libs = Dir.glob("#{TimelineSetter::ROOT}/public/javascripts/vendor/**")
       libs.each { |lib| @js << File.open(lib,'r').read }
       @min_html = Kompress::HTML.new(timeline_markup).html
-      @js << Closure::Compiler.new.compile(File.open("#{TimelineSetter::ROOT}/public/javascripts/timeline-setter.js", 'r'))
+      @js << File.open("#{TimelineSetter::ROOT}/public/javascripts/timeline-setter.min.js", 'r').read
       @timeline = tmpl("timeline-min.erb")
     end

data/lib/timeline_setter/version.rb CHANGED Viewed

@@ -1,3 +1,3 @@
 module TimelineSetter
-  VERSION = "0.2.0"
+  VERSION = "0.3.0"
 end

data/lib/timeline_setter.rb CHANGED Viewed

@@ -10,13 +10,6 @@ require 'table_fu'
 require 'json'
 require 'kompress'
-begin
-  require 'closure-compiler'
-  rescue LoadError
-    puts "== Warning, the closure-compiler gem is required to generate minified timelines"
-end
 require "#{TimelineSetter::ROOT}/lib/timeline_setter/version"
 require "#{TimelineSetter::ROOT}/lib/timeline_setter/parser"
 require "#{TimelineSetter::ROOT}/lib/timeline_setter/timeline"

data/public/javascripts/templates/card.jst ADDED Viewed

@@ -0,0 +1,21 @@
+<div class="TS-card_container TS-card_container_<%= (card.get("series") || "").replace(/\W/g, "") %>">
+<div class="TS-css_arrow TS-css_arrow_up TS-css_arrow_color_<%= card.get("topcolor") %>"></div>
+  <div class="TS-item TS-item_color_<%= card.get("topcolor") %>" data-timestamp="<%= card.get("timestamp") %>">
+    <div class="TS-item_label">
+      <% if (!_.isEmpty(card.get("html"))){ %>
+        <div class="TS-item_user_html">
+          <%= card.get("html") %>
+        </div>
+      <% } %>
+      <%= card.get("description") %>
+    </div>
+      <% if (!_.isEmpty(card.get("link"))){ %>
+          <a class="TS-read_btn" target="_blank" href="<%= card.get("link") %>">Read More</a>
+      <% } %>
+    <div class="TS-item_year">
+      <span class="TS-item_year_text"><%= (card.get("display_date") || "").length > 0 ? card.get("display_date") : card.get("date") %></span>
+      <div class="TS-permalink">&#8734;</div>
+    </div>
+  </div>
+</div>

data/public/javascripts/templates/notch.jst ADDED Viewed

	@@ -0,0 +1 @@
1	+ <div class="TS-notch TS-notch_<%= timestamp %> TS-notch_<%= series.replace(/\W/g, "") %> TS-notch_color_<%= topcolor %>"></div>

data/public/javascripts/templates/series_legend.jst ADDED Viewed

@@ -0,0 +1,3 @@
+<div class="TS-series_legend_item TS-series_legend_item_<%= name.replace(/\W/g, "") %>">
+  <span class="TS-series_legend_swatch TS-series_legend_swatch_<%= color %>">&nbsp;</span> <span class="TS-series_legend_text"><%= name %></span>
+</div>

data/public/javascripts/templates/timeline.jst ADDED Viewed

@@ -0,0 +1,20 @@
+<div class="timeline_setter">
+  <div class="TS-top_matter_container">
+    <div class="TS-controls">
+      <a href="#" class="TS-zoom TS-zoom_in"><span class="TS-controls_inner_text TS-zoom_inner_text">+</span></a>
+      <a href="#" class="TS-zoom TS-zoom_out"><span class="TS-controls_inner_text TS-zoom_inner_text">-</span></a>
+        &nbsp;&nbsp;&nbsp;&nbsp;
+      <a href="#" class="TS-choose TS-choose_prev">&laquo;&nbsp;<span class="TS-controls_inner_text">Previous</span></a>
+      <a href="#" class="TS-choose TS-choose_next"><span class="TS-controls_inner_text">Next</span>&nbsp;&raquo;</a>
+    </div>
+    <div class="TS-series_nav_container"></div>
+  </div>
+  <div class="TS-notchbar_container">
+    <div class="TS-notchbar"></div>
+  </div>
+  <div class="TS-card_scroller">
+    <div class="TS-card_scroller_inner">
+    </div>
+  </div>
+</div>

data/public/javascripts/templates/year_notch.jst ADDED Viewed

@@ -0,0 +1,3 @@
+<div class="TS-year_notch TS-year_notch_<%= timestamp %>">
+  <span class="TS-year_notch_year_text"><%= human %></span>
+</div>

data/public/javascripts/templates.js ADDED Viewed

@@ -0,0 +1 @@