index.html

---
layout: default
permalink: /
---

<div class="start">
  {% include menu.html %}
  <div class="plot">
    <p>
      Substance is an <strong>open</strong> platform for <strong>collaborative</strong> composition and <strong>sharing</strong> of <strong>digital</strong> documents.
    </p>
    <p class="smaller">
      Substance is free to use and <a href="http://github.com/substance">Open Source</a> from tip to toe.
    </p>
  </div>
</div>

<div class="content">
  <h1>Why should I care?</h1>
  <p class="answer">
    Substance provides a flexible architecture, involving an <a href="/modules/document.html">extensible document format</a> and protocol, <a href="/features/realtime-collaboration.html">realtime synchronization</a>, an extensible <a href="/modules/composer.html">document composer</a> as well as a <a href="http://substance.io">reference implementation</a>.
  </p>
</div>

<div class="substance-features">
  <div class="feature">
    <img src="/images/semantic-editing.png" width="250" height="120"/>
    <div class="description">
      <h2>Semantic Editing</h2>
      <p>
        Unlike traditional word-processors, Substance focuses on content, by leaving the layout part to the system, not the user. Because of the absence of formatting utilities, it suggests structured, content-oriented writing.
      </p>
    </div>
  </div>
  <div class="feature">
    <img src="/images/content-is-data.png" width="250" height="120"/>
    <div class="description">
      <h2>Content is data</h2>
      <p>
        Substance considers content as data, which allows digital documents to be queried like a database. Processing digital documents used to be a pain, with Substance it's a pleasure.
      </p>
    </div>
  </div>
  <div class="feature">
    <img src="/images/collaboration.png" width="250" height="120"/>
    <div class="description">
      <h2>Collaboration</h2>
      <p>
        Substance allows open <a href="/features/realtime-collaboration.html">collaboration in realtime</a>. Every reader can be a potential contributor by submitting comments and patches to a document.
      </p>
    </div>
  </div>
  <div class="feature">
    <img src="/images/modular.png" width="250" height="120"/>
    <div class="description">
      <h2>Modular</h2>
      <p>
        Substance conists of several <a href="/modules">modules</a> that are developed independently and can be used on its own.
      </p>
    </div>
  </div>
  <div class="feature">
    <img src="/images/extensible.png" width="250" height="120"/>  
    <div class="description">
      <h2>Extensible</h2>
      <p>
        Documents are exposed as data, ready to be analyzed, visualized, exported (PDF,ePub, etc.) or integrated with other applications. Additional content types (formulas, maps, etc.) can easily be added by the community.
      </p>
    </div>
  </div>
    <div class="feature">
    <img src="/images/everywhere.png" width="250" height="120"/>
    <div class="description">
      <h2>Runs everywhere</h2>
      <p>
        Substance can be deployed easily. We are working on a <a href="/features/distributed.html">distributed architecture</a> that allows you to run Substance on your own computer and let it talk to other Substance nodes in a peer to peer fashion.
      </p>
    </div>
  </div>
</div>

<!--<div class="darker">
  <div class="content">
    <h1>Who is it for?</h1>
    <p class="answer">
      Everyone. But in particular Substance targets journalists, writers and scientists.
    </p>
  </div>
</div>-->

<div class="demo">
  <div class="content">
    <h1>Can I see it in action?</h1>

    <p class="answer">
      Of course. Our prototype is fully functional but can not be considered stable yet. The current protoype is no longer maintained in favor of a completely new modular infrastructure that solves the issues we've identified while building the prototype.
    </p>

    <div><a href="http://substance.io/explore"><img src="/images/substance.png"></a></div>

    <a class="button" href="http://substance.io/explore">Try the demo</a>

  </div>
</div>


<div class="content">
  <h1>When will it be ready?</h1>
  <p class="answer">
    The current release is 0.4.1. Our next major release, 0.5.0 will feature a compeletely new architecture and will land at the end of the year. Until then, try the demo or integrate one of our stable modules for your project.
  </p>
  <div class="progress-bar">
    <div class="progress done">0.1.0</div>
    <div class="progress done">0.2.0</div>
    <div class="progress done">0.3.0</div>
    <div class="progress done">0.4.0</div>
    <div class="progress">0.5.0</div>
    <div class="progress">0.6.0</div>
    <div class="progress">0.7.0</div>
    <div class="progress">0.8.0</div>
    <div class="progress">0.9.0</div>
    <div class="progress">1.0</div>
  </div>
  <div class="progress-marker">
    We are here.
    <div class="arrow-up"></div>
  </div>
  <p class="answer">
    In the meanwhile, if you're looking for a reliable minimal writing environment, we recommend using <a href="http://prose.io">Prose</a>, a content editor for GitHub that is optimized for editing Markdown.
  </p>
</div>


<div class="darker">
  <div class="content">
    <h1>How can I help?</h1>

    <p class="answer">
      Substance has been around since late 2010, built and used by passionate open source developers all around the world. There was no funding involved so far. We’ll continue improving it, making it an open standard for interoperable digital publishing. Support us!
    </p>
  </div>

  <div class="substance-features">
    <div class="feature">
      <img src="/images/get-involved.png" width="250" height="120"/>
      <div class="description">
        <h2>Get involved</h2>
        <p>
          You can report bugs and discuss features on <a href="http://github.com/substance">GitHub</a>, on Freenode in the <strong><code>#_substance</code></strong> channel, or send tweets to <a href="http://twitter.com/_substance">@_substance</a>.
        </p>
        <p>
          And if that's not enough, post to our <a href="https://groups.google.com/forum/?fromgroups#!forum/substance_">mailing list</a>.
        </p>
      </div>
    </div>
    <div class="feature">
      <img src="/images/knight-foundation.png" width="250" height="120"/>
      <div class="description">
        <h2>Support our Knight News Challenge Submission</h2>
        <p>
          We applied for the <a href="http://newschallenge.tumblr.com/post/25422992783/substance-towards-open-digital-publishing">Knight News Challenge</a>.
        </p>
        <p>
          Spread the word if (and only if) you like Substance and want to see more.
        </p>
      </div>
    </div>
    <div class="feature">
      <img src="/images/donate.png" width="250" height="120"/>
      <div class="description">
        <h2>Donate</h2>
        <p>
          Make strategic donations and help us create a reliable system. We're totally willing to help you with your particular use-case.</p>
        <p>
          <form id="contribute_form" action="https://www.paypal.com/cgi-bin/webscr" method="post">
            <input type="hidden" name="cmd" value="_s-xclick">
            <input type="hidden" name="hosted_button_id" value="WAP9SGX5H29HS">
            Use <a href="/contribute" onclick="javascript: $('#contribute_form').submit(); return false;" id="contribute_button" class=""><strong>Paypal</strong></a> to make a donation.</p>
            <img alt="" border="0" src="https://www.paypal.com/de_DE/i/scr/pixel.gif" width="1" height="1">
          </form>
        </p>
      </div>
    </div>
  </div>
</div>