<!doctype html>
<html>
  <head>
    <title>Treesaver.js</title>
    <link rel="stylesheet" href="/css/style.css" />
    <link rel="alternate" type="application/rss+xml" href="https://feeds.feedburner.com/treesaver" title="Treesaver.js News Stories" />
    <meta name="viewport" content="width=device-width" />
  </head>

  <body>
    <header>
      <h1><a href="/"><img src="/img/treesaver-150.png" alt="Treesaver" width="150" height="40" /></a></h1>

      <ul id="navigation">
        <li><a href="/#download">Download</a></li>
        <li><a href="/#demos">Demos</a></li>
        <li><a href="/#news">News</a></li>
        <li><a href="/#documentation__support">Documentation</a></li>
        <li><a href="/#documentation__support">Support Forum</a></li>
        <li><a href="/#about">About</a></li>
      </ul>
    </header>

    <div id="content">
      <p class='intro'>Treesaver&reg; is a JavaScript framework for creating magazine-style layouts using standards-compliant HTML and CSS.</p>
<h2 id='download'>Download</h2>

<p>Download the latest stable beta version, 0.9.2:</p>

<p><a href='https://github.com/downloads/Treesaver/treesaver/treesaver-0.9.2.js'><code>treesaver-0.9.2.js</code></a> (21kb minified &amp; gzipped)</p>

<p>For uncompressed or debug versions, see the <a href="https://github.com/Treesaver/treesaver/downloads">downloads</a> section of the <a href="https://github.com/Treesaver/treesaver">Treesaver.js GitHub repository</a>.</p>

<h2 id='demos'>Demos</h2>
<object height='480' width='600'><param name='movie' value='http://www.youtube.com/v/NPdXB5OHlNw?fs=1&amp;hl=en_US&amp;rel=0' /><param name='allowFullScreen' value='true' /><param name='allowscriptaccess' value='always' /><embed src="https://www.youtube.com/v/NPdXB5OHlNw?fs=1&amp;hl=en_US&amp;rel=0" allowfullscreen='true' type='application/x-shockwave-flash' allowscriptaccess='always' height='480' width='600' /></object>
<p>Some examples of the Treesaver framework in use:</p>

<ul>
<li><a href='http://demo.nomadeditions.com/real-eats/'>Nomad Editions&#8217; Real Eats Sample Issue</a></li>

<li><a href="https://www.publicintegrity.org/treesaver/tuna/">ICIJ Looting the Seas Investigative Report</a></li>
</ul>

<p><strong>Important:</strong> although the JavaScript framework is Open Source, the HTML and CSS used by the sites above <em>are not open source</em> and are the copyright of their respective publishers. Unlike Treesaver.js, they cannot be freely used elsewhere.</p>

<h2 id='documentation__support'>Documentation &amp; Support</h2>

<p>The <a href="https://github.com/Treesaver/treesaver/wiki">Treesaver wiki</a> is currently the best source for documentation and reference. Note that the documentation is still a work in progress.</p>

<p>Report bugs via the <a href="https://github.com/Treesaver/treesaver/issues">issues page</a>. For questions and general discussion, use the <a href="https://groups.google.com/group/treesaverjs">Treesaver Mailing List</a>.</p>

<h2 id='news_'>News <a href='http://feeds.feedburner.com/treesaver'><img src='/img/atom.png' height='14' alt='RSS feed' width='14' /></a></h2>

<ul>
<li>
<p><a href='/2011/treesaver-0.9.2.html'>Treesaver version 0.9.2</a> <span class='date'>[Mar 2011]</span></p>
</li>

<li>
<p><a href='/2011/treesaver-open-source-release.html'>Treesaver Open Source Release (v 0.9.1)</a> <span class='date'>[Feb 2011]</span></p>
</li>
</ul>

<p>You can follow <a href="https://twitter.com/treesaverjs">@treesaverjs</a> for updates.</p>

<h2 id='about'>About</h2>

<p>The Treesaver JavaScript framework is an open-source project by <a href='http://www.treesaver.net'>Treesaver</a>. It is free for all uses and made available under the MIT or GPLv2 licenses.</p>
    </div>

    <footer>
      &copy; 2011 Treesaver.<br />Treesaver&reg; is a registered trademark of Roger Black Studio, Inc.
    </footer>
    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-21230007-1']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>
  </body>
</html>
