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

timeline_setter 0.2.0 → 0.3.0

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 @@