http://git-wip-us.apache.org/repos/asf/storm/blob/1d09012e/_site/tutorial.html
----------------------------------------------------------------------
diff --git a/_site/tutorial.html b/_site/tutorial.html
new file mode 100644
index 0000000..f640f68
--- /dev/null
+++ b/_site/tutorial.html
@@ -0,0 +1,438 @@
+<!DOCTYPE html>
+<html>
+    <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
+    <link rel="icon" href="/favicon.ico" type="image/x-icon">
+
+    <title>Tutorial</title>
+
+    <!-- Bootstrap core CSS -->
+    <link href="/assets/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Bootstrap theme -->
+    <link href="/assets/css/bootstrap-theme.min.css" rel="stylesheet">
+
+    <!-- Custom styles for this template -->
+    <link rel="stylesheet" 
href="http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css";>
+    <link href="/css/style.css" rel="stylesheet">
+    <link href="/assets/css/owl.theme.css" rel="stylesheet">
+    <link href="/assets/css/owl.carousel.css" rel="stylesheet">
+    <script type="text/javascript" src="/assets/js/jquery.min.js"></script>
+    <script type="text/javascript" src="/assets/js/bootstrap.min.js"></script>
+    <script type="text/javascript" 
src="/assets/js/owl.carousel.min.js"></script>
+    <script type="text/javascript" src="/assets/js/storm.js"></script>
+    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
+    <!--[if lt IE 9]><script 
src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+    
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media 
queries -->
+    <!--[if lt IE 9]>
+      <script 
src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js";></script>
+      <script 
src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js";></script>
+    <![endif]-->
+  </head>
+
+
+  <body>
+    <header>
+  <div class="container-fluid">
+      <div class="row">
+          <div class="col-md-10">
+              <a href="/index.html"><img src="/images/logo.png" class="logo" 
/></a>
+            </div>
+            <div class="col-md-2">
+              <a href="/downloads.html" class="btn-std btn-block 
btn-download">Download</a>
+            </div>
+        </div>
+    </div>
+</header>
+<!--Header End-->
+<!--Navigation Begin-->
+<div class="navbar" role="banner">
+  <div class="container-fluid">
+      <div class="navbar-header">
+          <button class="navbar-toggle" type="button" data-toggle="collapse" 
data-target=".bs-navbar-collapse">
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+        </div>
+        <nav class="collapse navbar-collapse bs-navbar-collapse" 
role="navigation">
+          <ul class="nav navbar-nav">
+              <li><a href="/index.html" id="home">Home</a></li>
+                <li><a href="/getting-help.html" id="getting-help">Getting 
Help</a></li>
+                <li><a href="/about/integrates.html" id="project-info">Project 
Information</a></li>
+                <li><a href="/documentation.html" 
id="documentation">Documentation</a></li>
+                <li><a href="/talksAndVideos.html">Talks and 
Slideshows</a></li>
+                <li class="dropdown">
+                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" 
id="contribute">Contribute <b class="caret"></b></a>
+                    <ul class="dropdown-menu">
+                        <li><a 
href="/contribute/Contributing-to-Storm.html">Getting Started</a></li>
+                        <li><a href="/contribute/BYLAWS.html">ByLaws</a></li>
+                    </ul>
+                </li>
+                <li><a href="/2015/06/15/storm0100-beta-released.html" 
id="news">News</a></li>
+            </ul>
+        </nav>
+    </div>
+</div>
+
+
+
+    <div class="container-fluid">
+    <h1 class="page-title">Tutorial</h1>
+          <div class="row">
+               <div class="col-md-12">
+                    <!-- Documentation -->
+
+<p class="post-meta"></p>
+
+<p>In this tutorial, you&#39;ll learn how to create Storm topologies and 
deploy them to a Storm cluster. Java will be the main language used, but a few 
examples will use Python to illustrate Storm&#39;s multi-language 
capabilities.</p>
+
+<h2 id="preliminaries">Preliminaries</h2>
+
+<p>This tutorial uses examples from the <a 
href="https://github.com/apache/storm/blob/master/examples/storm-starter";>storm-starter</a>
 project. It&#39;s recommended that you clone the project and follow along with 
the examples. Read <a 
href="/documentation/Setting-up-development-environment.html">Setting up a 
development environment</a> and <a 
href="/documentation/Creating-a-new-Storm-project.html">Creating a new Storm 
project</a> to get your machine set up.</p>
+
+<h2 id="components-of-a-storm-cluster">Components of a Storm cluster</h2>
+
+<p>A Storm cluster is superficially similar to a Hadoop cluster. Whereas on 
Hadoop you run &quot;MapReduce jobs&quot;, on Storm you run 
&quot;topologies&quot;. &quot;Jobs&quot; and &quot;topologies&quot; themselves 
are very different -- one key difference is that a MapReduce job eventually 
finishes, whereas a topology processes messages forever (or until you kill 
it).</p>
+
+<p>There are two kinds of nodes on a Storm cluster: the master node and the 
worker nodes. The master node runs a daemon called &quot;Nimbus&quot; that is 
similar to Hadoop&#39;s &quot;JobTracker&quot;. Nimbus is responsible for 
distributing code around the cluster, assigning tasks to machines, and 
monitoring for failures.</p>
+
+<p>Each worker node runs a daemon called the &quot;Supervisor&quot;. The 
supervisor listens for work assigned to its machine and starts and stops worker 
processes as necessary based on what Nimbus has assigned to it. Each worker 
process executes a subset of a topology; a running topology consists of many 
worker processes spread across many machines.</p>
+
+<p><img src="/documentation/images/storm-cluster.png" alt="Storm cluster"></p>
+
+<p>All coordination between Nimbus and the Supervisors is done through a <a 
href="http://zookeeper.apache.org/";>Zookeeper</a> cluster. Additionally, the 
Nimbus daemon and Supervisor daemons are fail-fast and stateless; all state is 
kept in Zookeeper or on local disk. This means you can kill -9 Nimbus or the 
Supervisors and they&#39;ll start back up like nothing happened. This design 
leads to Storm clusters being incredibly stable.</p>
+
+<h2 id="topologies">Topologies</h2>
+
+<p>To do realtime computation on Storm, you create what are called 
&quot;topologies&quot;. A topology is a graph of computation. Each node in a 
topology contains processing logic, and links between nodes indicate how data 
should be passed around between nodes.</p>
+
+<p>Running a topology is straightforward. First, you package all your code and 
dependencies into a single jar. Then, you run a command like the following:</p>
+<div class="highlight"><pre><code class="language-text" data-lang="text">storm 
jar all-my-code.jar backtype.storm.MyTopology arg1 arg2
+</code></pre></div>
+<p>This runs the class <code>backtype.storm.MyTopology</code> with the 
arguments <code>arg1</code> and <code>arg2</code>. The main function of the 
class defines the topology and submits it to Nimbus. The <code>storm jar</code> 
part takes care of connecting to Nimbus and uploading the jar.</p>
+
+<p>Since topology definitions are just Thrift structs, and Nimbus is a Thrift 
service, you can create and submit topologies using any programming language. 
The above example is the easiest way to do it from a JVM-based language. See <a 
href="/documentation/Running-topologies-on-a-production-cluster.html">Running 
topologies on a production cluster</a> for more information on starting and 
stopping topologies.</p>
+
+<h2 id="streams">Streams</h2>
+
+<p>The core abstraction in Storm is the &quot;stream&quot;. A stream is an 
unbounded sequence of tuples. Storm provides the primitives for transforming a 
stream into a new stream in a distributed and reliable way. For example, you 
may transform a stream of tweets into a stream of trending topics.</p>
+
+<p>The basic primitives Storm provides for doing stream transformations are 
&quot;spouts&quot; and &quot;bolts&quot;. Spouts and bolts have interfaces that 
you implement to run your application-specific logic.</p>
+
+<p>A spout is a source of streams. For example, a spout may read tuples off of 
a <a href="http://github.com/nathanmarz/storm-kestrel";>Kestrel</a> queue and 
emit them as a stream. Or a spout may connect to the Twitter API and emit a 
stream of tweets.</p>
+
+<p>A bolt consumes any number of input streams, does some processing, and 
possibly emits new streams. Complex stream transformations, like computing a 
stream of trending topics from a stream of tweets, require multiple steps and 
thus multiple bolts. Bolts can do anything from run functions, filter tuples, 
do streaming aggregations, do streaming joins, talk to databases, and more.</p>
+
+<p>Networks of spouts and bolts are packaged into a &quot;topology&quot; which 
is the top-level abstraction that you submit to Storm clusters for execution. A 
topology is a graph of stream transformations where each node is a spout or 
bolt. Edges in the graph indicate which bolts are subscribing to which streams. 
When a spout or bolt emits a tuple to a stream, it sends the tuple to every 
bolt that subscribed to that stream.</p>
+
+<p><img src="/documentation/images/topology.png" alt="A Storm topology"></p>
+
+<p>Links between nodes in your topology indicate how tuples should be passed 
around. For example, if there is a link between Spout A and Bolt B, a link from 
Spout A to Bolt C, and a link from Bolt B to Bolt C, then everytime Spout A 
emits a tuple, it will send the tuple to both Bolt B and Bolt C. All of Bolt 
B&#39;s output tuples will go to Bolt C as well.</p>
+
+<p>Each node in a Storm topology executes in parallel. In your topology, you 
can specify how much parallelism you want for each node, and then Storm will 
spawn that number of threads across the cluster to do the execution.</p>
+
+<p>A topology runs forever, or until you kill it. Storm will automatically 
reassign any failed tasks. Additionally, Storm guarantees that there will be no 
data loss, even if machines go down and messages are dropped.</p>
+
+<h2 id="data-model">Data model</h2>
+
+<p>Storm uses tuples as its data model. A tuple is a named list of values, and 
a field in a tuple can be an object of any type. Out of the box, Storm supports 
all the primitive types, strings, and byte arrays as tuple field values. To use 
an object of another type, you just need to implement <a 
href="/documentation/Serialization.html">a serializer</a> for the type.</p>
+
+<p>Every node in a topology must declare the output fields for the tuples it 
emits. For example, this bolt declares that it emits 2-tuples with the fields 
&quot;double&quot; and &quot;triple&quot;:</p>
+<div class="highlight"><pre><code class="language-java" data-lang="java"><span 
class="kd">public</span> <span class="kd">class</span> <span 
class="nc">DoubleAndTripleBolt</span> <span class="kd">extends</span> <span 
class="n">BaseRichBolt</span> <span class="o">{</span>
+    <span class="kd">private</span> <span class="n">OutputCollectorBase</span> 
<span class="n">_collector</span><span class="o">;</span>
+
+    <span class="nd">@Override</span>
+    <span class="kd">public</span> <span class="kt">void</span> <span 
class="nf">prepare</span><span class="o">(</span><span class="n">Map</span> 
<span class="n">conf</span><span class="o">,</span> <span 
class="n">TopologyContext</span> <span class="n">context</span><span 
class="o">,</span> <span class="n">OutputCollectorBase</span> <span 
class="n">collector</span><span class="o">)</span> <span class="o">{</span>
+        <span class="n">_collector</span> <span class="o">=</span> <span 
class="n">collector</span><span class="o">;</span>
+    <span class="o">}</span>
+
+    <span class="nd">@Override</span>
+    <span class="kd">public</span> <span class="kt">void</span> <span 
class="nf">execute</span><span class="o">(</span><span class="n">Tuple</span> 
<span class="n">input</span><span class="o">)</span> <span class="o">{</span>
+        <span class="kt">int</span> <span class="n">val</span> <span 
class="o">=</span> <span class="n">input</span><span class="o">.</span><span 
class="na">getInteger</span><span class="o">(</span><span 
class="mi">0</span><span class="o">);</span>        
+        <span class="n">_collector</span><span class="o">.</span><span 
class="na">emit</span><span class="o">(</span><span class="n">input</span><span 
class="o">,</span> <span class="k">new</span> <span 
class="nf">Values</span><span class="o">(</span><span class="n">val</span><span 
class="o">*</span><span class="mi">2</span><span class="o">,</span> <span 
class="n">val</span><span class="o">*</span><span class="mi">3</span><span 
class="o">));</span>
+        <span class="n">_collector</span><span class="o">.</span><span 
class="na">ack</span><span class="o">(</span><span class="n">input</span><span 
class="o">);</span>
+    <span class="o">}</span>
+
+    <span class="nd">@Override</span>
+    <span class="kd">public</span> <span class="kt">void</span> <span 
class="nf">declareOutputFields</span><span class="o">(</span><span 
class="n">OutputFieldsDeclarer</span> <span class="n">declarer</span><span 
class="o">)</span> <span class="o">{</span>
+        <span class="n">declarer</span><span class="o">.</span><span 
class="na">declare</span><span class="o">(</span><span class="k">new</span> 
<span class="nf">Fields</span><span class="o">(</span><span 
class="s">&quot;double&quot;</span><span class="o">,</span> <span 
class="s">&quot;triple&quot;</span><span class="o">));</span>
+    <span class="o">}</span>    
+<span class="o">}</span>
+</code></pre></div>
+<p>The <code>declareOutputFields</code> function declares the output fields 
<code>[&quot;double&quot;, &quot;triple&quot;]</code> for the component. The 
rest of the bolt will be explained in the upcoming sections.</p>
+
+<h2 id="a-simple-topology">A simple topology</h2>
+
+<p>Let&#39;s take a look at a simple topology to explore the concepts more and 
see how the code shapes up. Let&#39;s look at the 
<code>ExclamationTopology</code> definition from storm-starter:</p>
+<div class="highlight"><pre><code class="language-java" data-lang="java"><span 
class="n">TopologyBuilder</span> <span class="n">builder</span> <span 
class="o">=</span> <span class="k">new</span> <span 
class="nf">TopologyBuilder</span><span class="o">();</span>        
+<span class="n">builder</span><span class="o">.</span><span 
class="na">setSpout</span><span class="o">(</span><span 
class="s">&quot;words&quot;</span><span class="o">,</span> <span 
class="k">new</span> <span class="nf">TestWordSpout</span><span 
class="o">(),</span> <span class="mi">10</span><span class="o">);</span>        
+<span class="n">builder</span><span class="o">.</span><span 
class="na">setBolt</span><span class="o">(</span><span 
class="s">&quot;exclaim1&quot;</span><span class="o">,</span> <span 
class="k">new</span> <span class="nf">ExclamationBolt</span><span 
class="o">(),</span> <span class="mi">3</span><span class="o">)</span>
+        <span class="o">.</span><span class="na">shuffleGrouping</span><span 
class="o">(</span><span class="s">&quot;words&quot;</span><span 
class="o">);</span>
+<span class="n">builder</span><span class="o">.</span><span 
class="na">setBolt</span><span class="o">(</span><span 
class="s">&quot;exclaim2&quot;</span><span class="o">,</span> <span 
class="k">new</span> <span class="nf">ExclamationBolt</span><span 
class="o">(),</span> <span class="mi">2</span><span class="o">)</span>
+        <span class="o">.</span><span class="na">shuffleGrouping</span><span 
class="o">(</span><span class="s">&quot;exclaim1&quot;</span><span 
class="o">);</span>
+</code></pre></div>
+<p>This topology contains a spout and two bolts. The spout emits words, and 
each bolt appends the string &quot;!!!&quot; to its input. The nodes are 
arranged in a line: the spout emits to the first bolt which then emits to the 
second bolt. If the spout emits the tuples [&quot;bob&quot;] and 
[&quot;john&quot;], then the second bolt will emit the words 
[&quot;bob!!!!!!&quot;] and [&quot;john!!!!!!&quot;].</p>
+
+<p>This code defines the nodes using the <code>setSpout</code> and 
<code>setBolt</code> methods. These methods take as input a user-specified id, 
an object containing the processing logic, and the amount of parallelism you 
want for the node. In this example, the spout is given id &quot;words&quot; and 
the bolts are given ids &quot;exclaim1&quot; and &quot;exclaim2&quot;. </p>
+
+<p>The object containing the processing logic implements the <a 
href="/javadoc/apidocs/backtype/storm/topology/IRichSpout.html">IRichSpout</a> 
interface for spouts and the <a 
href="/javadoc/apidocs/backtype/storm/topology/IRichBolt.html">IRichBolt</a> 
interface for bolts.</p>
+
+<p>The last parameter, how much parallelism you want for the node, is 
optional. It indicates how many threads should execute that component across 
the cluster. If you omit it, Storm will only allocate one thread for that 
node.</p>
+
+<p><code>setBolt</code> returns an <a 
href="/javadoc/apidocs/backtype/storm/topology/InputDeclarer.html">InputDeclarer</a>
 object that is used to define the inputs to the Bolt. Here, component 
&quot;exclaim1&quot; declares that it wants to read all the tuples emitted by 
component &quot;words&quot; using a shuffle grouping, and component 
&quot;exclaim2&quot; declares that it wants to read all the tuples emitted by 
component &quot;exclaim1&quot; using a shuffle grouping. &quot;shuffle 
grouping&quot; means that tuples should be randomly distributed from the input 
tasks to the bolt&#39;s tasks. There are many ways to group data between 
components. These will be explained in a few sections.</p>
+
+<p>If you wanted component &quot;exclaim2&quot; to read all the tuples emitted 
by both component &quot;words&quot; and component &quot;exclaim1&quot;, you 
would write component &quot;exclaim2&quot;&#39;s definition like this:</p>
+<div class="highlight"><pre><code class="language-java" data-lang="java"><span 
class="n">builder</span><span class="o">.</span><span 
class="na">setBolt</span><span class="o">(</span><span 
class="s">&quot;exclaim2&quot;</span><span class="o">,</span> <span 
class="k">new</span> <span class="nf">ExclamationBolt</span><span 
class="o">(),</span> <span class="mi">5</span><span class="o">)</span>
+            <span class="o">.</span><span 
class="na">shuffleGrouping</span><span class="o">(</span><span 
class="s">&quot;words&quot;</span><span class="o">)</span>
+            <span class="o">.</span><span 
class="na">shuffleGrouping</span><span class="o">(</span><span 
class="s">&quot;exclaim1&quot;</span><span class="o">);</span>
+</code></pre></div>
+<p>As you can see, input declarations can be chained to specify multiple 
sources for the Bolt.</p>
+
+<p>Let&#39;s dig into the implementations of the spouts and bolts in this 
topology. Spouts are responsible for emitting new messages into the topology. 
<code>TestWordSpout</code> in this topology emits a random word from the list 
[&quot;nathan&quot;, &quot;mike&quot;, &quot;jackson&quot;, &quot;golda&quot;, 
&quot;bertels&quot;] as a 1-tuple every 100ms. The implementation of 
<code>nextTuple()</code> in TestWordSpout looks like this:</p>
+<div class="highlight"><pre><code class="language-java" data-lang="java"><span 
class="kd">public</span> <span class="kt">void</span> <span 
class="nf">nextTuple</span><span class="o">()</span> <span class="o">{</span>
+    <span class="n">Utils</span><span class="o">.</span><span 
class="na">sleep</span><span class="o">(</span><span class="mi">100</span><span 
class="o">);</span>
+    <span class="kd">final</span> <span class="n">String</span><span 
class="o">[]</span> <span class="n">words</span> <span class="o">=</span> <span 
class="k">new</span> <span class="n">String</span><span class="o">[]</span> 
<span class="o">{</span><span class="s">&quot;nathan&quot;</span><span 
class="o">,</span> <span class="s">&quot;mike&quot;</span><span 
class="o">,</span> <span class="s">&quot;jackson&quot;</span><span 
class="o">,</span> <span class="s">&quot;golda&quot;</span><span 
class="o">,</span> <span class="s">&quot;bertels&quot;</span><span 
class="o">};</span>
+    <span class="kd">final</span> <span class="n">Random</span> <span 
class="n">rand</span> <span class="o">=</span> <span class="k">new</span> <span 
class="nf">Random</span><span class="o">();</span>
+    <span class="kd">final</span> <span class="n">String</span> <span 
class="n">word</span> <span class="o">=</span> <span 
class="n">words</span><span class="o">[</span><span class="n">rand</span><span 
class="o">.</span><span class="na">nextInt</span><span class="o">(</span><span 
class="n">words</span><span class="o">.</span><span 
class="na">length</span><span class="o">)];</span>
+    <span class="n">_collector</span><span class="o">.</span><span 
class="na">emit</span><span class="o">(</span><span class="k">new</span> <span 
class="nf">Values</span><span class="o">(</span><span 
class="n">word</span><span class="o">));</span>
+<span class="o">}</span>
+</code></pre></div>
+<p>As you can see, the implementation is very straightforward.</p>
+
+<p><code>ExclamationBolt</code> appends the string &quot;!!!&quot; to its 
input. Let&#39;s take a look at the full implementation for 
<code>ExclamationBolt</code>:</p>
+<div class="highlight"><pre><code class="language-java" data-lang="java"><span 
class="kd">public</span> <span class="kd">static</span> <span 
class="kd">class</span> <span class="nc">ExclamationBolt</span> <span 
class="kd">implements</span> <span class="n">IRichBolt</span> <span 
class="o">{</span>
+    <span class="n">OutputCollector</span> <span 
class="n">_collector</span><span class="o">;</span>
+
+    <span class="nd">@Override</span>
+    <span class="kd">public</span> <span class="kt">void</span> <span 
class="nf">prepare</span><span class="o">(</span><span class="n">Map</span> 
<span class="n">conf</span><span class="o">,</span> <span 
class="n">TopologyContext</span> <span class="n">context</span><span 
class="o">,</span> <span class="n">OutputCollector</span> <span 
class="n">collector</span><span class="o">)</span> <span class="o">{</span>
+        <span class="n">_collector</span> <span class="o">=</span> <span 
class="n">collector</span><span class="o">;</span>
+    <span class="o">}</span>
+
+    <span class="nd">@Override</span>
+    <span class="kd">public</span> <span class="kt">void</span> <span 
class="nf">execute</span><span class="o">(</span><span class="n">Tuple</span> 
<span class="n">tuple</span><span class="o">)</span> <span class="o">{</span>
+        <span class="n">_collector</span><span class="o">.</span><span 
class="na">emit</span><span class="o">(</span><span class="n">tuple</span><span 
class="o">,</span> <span class="k">new</span> <span 
class="nf">Values</span><span class="o">(</span><span 
class="n">tuple</span><span class="o">.</span><span 
class="na">getString</span><span class="o">(</span><span 
class="mi">0</span><span class="o">)</span> <span class="o">+</span> <span 
class="s">&quot;!!!&quot;</span><span class="o">));</span>
+        <span class="n">_collector</span><span class="o">.</span><span 
class="na">ack</span><span class="o">(</span><span class="n">tuple</span><span 
class="o">);</span>
+    <span class="o">}</span>
+
+    <span class="nd">@Override</span>
+    <span class="kd">public</span> <span class="kt">void</span> <span 
class="nf">cleanup</span><span class="o">()</span> <span class="o">{</span>
+    <span class="o">}</span>
+
+    <span class="nd">@Override</span>
+    <span class="kd">public</span> <span class="kt">void</span> <span 
class="nf">declareOutputFields</span><span class="o">(</span><span 
class="n">OutputFieldsDeclarer</span> <span class="n">declarer</span><span 
class="o">)</span> <span class="o">{</span>
+        <span class="n">declarer</span><span class="o">.</span><span 
class="na">declare</span><span class="o">(</span><span class="k">new</span> 
<span class="nf">Fields</span><span class="o">(</span><span 
class="s">&quot;word&quot;</span><span class="o">));</span>
+    <span class="o">}</span>
+
+    <span class="nd">@Override</span>
+    <span class="kd">public</span> <span class="n">Map</span> <span 
class="nf">getComponentConfiguration</span><span class="o">()</span> <span 
class="o">{</span>
+        <span class="k">return</span> <span class="kc">null</span><span 
class="o">;</span>
+    <span class="o">}</span>
+<span class="o">}</span>
+</code></pre></div>
+<p>The <code>prepare</code> method provides the bolt with an 
<code>OutputCollector</code> that is used for emitting tuples from this bolt. 
Tuples can be emitted at anytime from the bolt -- in the <code>prepare</code>, 
<code>execute</code>, or <code>cleanup</code> methods, or even asynchronously 
in another thread. This <code>prepare</code> implementation simply saves the 
<code>OutputCollector</code> as an instance variable to be used later on in the 
<code>execute</code> method.</p>
+
+<p>The <code>execute</code> method receives a tuple from one of the bolt&#39;s 
inputs. The <code>ExclamationBolt</code> grabs the first field from the tuple 
and emits a new tuple with the string &quot;!!!&quot; appended to it. If you 
implement a bolt that subscribes to multiple input sources, you can find out 
which component the <a 
href="/javadoc/apidocs/backtype/storm/tuple/Tuple.html">Tuple</a> came from by 
using the <code>Tuple#getSourceComponent</code> method.</p>
+
+<p>There&#39;s a few other things going on in the <code>execute</code> method, 
namely that the input tuple is passed as the first argument to 
<code>emit</code> and the input tuple is acked on the final line. These are 
part of Storm&#39;s reliability API for guaranteeing no data loss and will be 
explained later in this tutorial. </p>
+
+<p>The <code>cleanup</code> method is called when a Bolt is being shutdown and 
should cleanup any resources that were opened. There&#39;s no guarantee that 
this method will be called on the cluster: for example, if the machine the task 
is running on blows up, there&#39;s no way to invoke the method. The 
<code>cleanup</code> method is intended for when you run topologies in <a 
href="/documentation/Local-mode.html">local mode</a> (where a Storm cluster is 
simulated in process), and you want to be able to run and kill many topologies 
without suffering any resource leaks.</p>
+
+<p>The <code>declareOutputFields</code> method declares that the 
<code>ExclamationBolt</code> emits 1-tuples with one field called 
&quot;word&quot;.</p>
+
+<p>The <code>getComponentConfiguration</code> method allows you to configure 
various aspects of how this component runs. This is a more advanced topic that 
is explained further on <a 
href="/documentation/Configuration.html">Configuration</a>.</p>
+
+<p>Methods like <code>cleanup</code> and 
<code>getComponentConfiguration</code> are often not needed in a bolt 
implementation. You can define bolts more succinctly by using a base class that 
provides default implementations where appropriate. 
<code>ExclamationBolt</code> can be written more succinctly by extending 
<code>BaseRichBolt</code>, like so:</p>
+<div class="highlight"><pre><code class="language-java" data-lang="java"><span 
class="kd">public</span> <span class="kd">static</span> <span 
class="kd">class</span> <span class="nc">ExclamationBolt</span> <span 
class="kd">extends</span> <span class="n">BaseRichBolt</span> <span 
class="o">{</span>
+    <span class="n">OutputCollector</span> <span 
class="n">_collector</span><span class="o">;</span>
+
+    <span class="nd">@Override</span>
+    <span class="kd">public</span> <span class="kt">void</span> <span 
class="nf">prepare</span><span class="o">(</span><span class="n">Map</span> 
<span class="n">conf</span><span class="o">,</span> <span 
class="n">TopologyContext</span> <span class="n">context</span><span 
class="o">,</span> <span class="n">OutputCollector</span> <span 
class="n">collector</span><span class="o">)</span> <span class="o">{</span>
+        <span class="n">_collector</span> <span class="o">=</span> <span 
class="n">collector</span><span class="o">;</span>
+    <span class="o">}</span>
+
+    <span class="nd">@Override</span>
+    <span class="kd">public</span> <span class="kt">void</span> <span 
class="nf">execute</span><span class="o">(</span><span class="n">Tuple</span> 
<span class="n">tuple</span><span class="o">)</span> <span class="o">{</span>
+        <span class="n">_collector</span><span class="o">.</span><span 
class="na">emit</span><span class="o">(</span><span class="n">tuple</span><span 
class="o">,</span> <span class="k">new</span> <span 
class="nf">Values</span><span class="o">(</span><span 
class="n">tuple</span><span class="o">.</span><span 
class="na">getString</span><span class="o">(</span><span 
class="mi">0</span><span class="o">)</span> <span class="o">+</span> <span 
class="s">&quot;!!!&quot;</span><span class="o">));</span>
+        <span class="n">_collector</span><span class="o">.</span><span 
class="na">ack</span><span class="o">(</span><span class="n">tuple</span><span 
class="o">);</span>
+    <span class="o">}</span>
+
+    <span class="nd">@Override</span>
+    <span class="kd">public</span> <span class="kt">void</span> <span 
class="nf">declareOutputFields</span><span class="o">(</span><span 
class="n">OutputFieldsDeclarer</span> <span class="n">declarer</span><span 
class="o">)</span> <span class="o">{</span>
+        <span class="n">declarer</span><span class="o">.</span><span 
class="na">declare</span><span class="o">(</span><span class="k">new</span> 
<span class="nf">Fields</span><span class="o">(</span><span 
class="s">&quot;word&quot;</span><span class="o">));</span>
+    <span class="o">}</span>    
+<span class="o">}</span>
+</code></pre></div>
+<h2 id="running-exclamationtopology-in-local-mode">Running ExclamationTopology 
in local mode</h2>
+
+<p>Let&#39;s see how to run the <code>ExclamationTopology</code> in local mode 
and see that it&#39;s working.</p>
+
+<p>Storm has two modes of operation: local mode and distributed mode. In local 
mode, Storm executes completely in process by simulating worker nodes with 
threads. Local mode is useful for testing and development of topologies. When 
you run the topologies in storm-starter, they&#39;ll run in local mode and 
you&#39;ll be able to see what messages each component is emitting. You can 
read more about running topologies in local mode on <a 
href="/documentation/Local-mode.html">Local mode</a>.</p>
+
+<p>In distributed mode, Storm operates as a cluster of machines. When you 
submit a topology to the master, you also submit all the code necessary to run 
the topology. The master will take care of distributing your code and 
allocating workers to run your topology. If workers go down, the master will 
reassign them somewhere else. You can read more about running topologies on a 
cluster on <a 
href="/documentation/Running-topologies-on-a-production-cluster.html">Running 
topologies on a production cluster</a>. </p>
+
+<p>Here&#39;s the code that runs <code>ExclamationTopology</code> in local 
mode:</p>
+<div class="highlight"><pre><code class="language-java" data-lang="java"><span 
class="n">Config</span> <span class="n">conf</span> <span class="o">=</span> 
<span class="k">new</span> <span class="nf">Config</span><span 
class="o">();</span>
+<span class="n">conf</span><span class="o">.</span><span 
class="na">setDebug</span><span class="o">(</span><span 
class="kc">true</span><span class="o">);</span>
+<span class="n">conf</span><span class="o">.</span><span 
class="na">setNumWorkers</span><span class="o">(</span><span 
class="mi">2</span><span class="o">);</span>
+
+<span class="n">LocalCluster</span> <span class="n">cluster</span> <span 
class="o">=</span> <span class="k">new</span> <span 
class="nf">LocalCluster</span><span class="o">();</span>
+<span class="n">cluster</span><span class="o">.</span><span 
class="na">submitTopology</span><span class="o">(</span><span 
class="s">&quot;test&quot;</span><span class="o">,</span> <span 
class="n">conf</span><span class="o">,</span> <span 
class="n">builder</span><span class="o">.</span><span 
class="na">createTopology</span><span class="o">());</span>
+<span class="n">Utils</span><span class="o">.</span><span 
class="na">sleep</span><span class="o">(</span><span 
class="mi">10000</span><span class="o">);</span>
+<span class="n">cluster</span><span class="o">.</span><span 
class="na">killTopology</span><span class="o">(</span><span 
class="s">&quot;test&quot;</span><span class="o">);</span>
+<span class="n">cluster</span><span class="o">.</span><span 
class="na">shutdown</span><span class="o">();</span>
+</code></pre></div>
+<p>First, the code defines an in-process cluster by creating a 
<code>LocalCluster</code> object. Submitting topologies to this virtual cluster 
is identical to submitting topologies to distributed clusters. It submits a 
topology to the <code>LocalCluster</code> by calling 
<code>submitTopology</code>, which takes as arguments a name for the running 
topology, a configuration for the topology, and then the topology itself.</p>
+
+<p>The name is used to identify the topology so that you can kill it later on. 
A topology will run indefinitely until you kill it.</p>
+
+<p>The configuration is used to tune various aspects of the running topology. 
The two configurations specified here are very common:</p>
+
+<ol>
+<li><strong>TOPOLOGY_WORKERS</strong> (set with <code>setNumWorkers</code>) 
specifies how many <em>processes</em> you want allocated around the cluster to 
execute the topology. Each component in the topology will execute as many 
<em>threads</em>. The number of threads allocated to a given component is 
configured through the <code>setBolt</code> and <code>setSpout</code> methods. 
Those <em>threads</em> exist within worker <em>processes</em>. Each worker 
<em>process</em> contains within it some number of <em>threads</em> for some 
number of components. For instance, you may have 300 threads specified across 
all your components and 50 worker processes specified in your config. Each 
worker process will execute 6 threads, each of which of could belong to a 
different component. You tune the performance of Storm topologies by tweaking 
the parallelism for each component and the number of worker processes those 
threads should run within.</li>
+<li><strong>TOPOLOGY_DEBUG</strong> (set with <code>setDebug</code>), when set 
to true, tells Storm to log every message every emitted by a component. This is 
useful in local mode when testing topologies, but you probably want to keep 
this turned off when running topologies on the cluster.</li>
+</ol>
+
+<p>There&#39;s many other configurations you can set for the topology. The 
various configurations are detailed on <a 
href="/javadoc/apidocs/backtype/storm/Config.html">the Javadoc for 
Config</a>.</p>
+
+<p>To learn about how to set up your development environment so that you can 
run topologies in local mode (such as in Eclipse), see <a 
href="/documentation/Creating-a-new-Storm-project.html">Creating a new Storm 
project</a>.</p>
+
+<h2 id="stream-groupings">Stream groupings</h2>
+
+<p>A stream grouping tells a topology how to send tuples between two 
components. Remember, spouts and bolts execute in parallel as many tasks across 
the cluster. If you look at how a topology is executing at the task level, it 
looks something like this:</p>
+
+<p><img src="/documentation/images/topology-tasks.png" alt="Tasks in a 
topology"></p>
+
+<p>When a task for Bolt A emits a tuple to Bolt B, which task should it send 
the tuple to?</p>
+
+<p>A &quot;stream grouping&quot; answers this question by telling Storm how to 
send tuples between sets of tasks. Before we dig into the different kinds of 
stream groupings, let&#39;s take a look at another topology from <a 
href="http://github.com/apache/storm/blob/master/examples/storm-starter";>storm-starter</a>.
 This <a 
href="https://github.com/apache/storm/blob/master/examples/storm-starter/src/jvm/storm/starter/WordCountTopology.java";>WordCountTopology</a>
 reads sentences off of a spout and streams out of <code>WordCountBolt</code> 
the total number of times it has seen that word before:</p>
+<div class="highlight"><pre><code class="language-java" data-lang="java"><span 
class="n">TopologyBuilder</span> <span class="n">builder</span> <span 
class="o">=</span> <span class="k">new</span> <span 
class="nf">TopologyBuilder</span><span class="o">();</span>
+
+<span class="n">builder</span><span class="o">.</span><span 
class="na">setSpout</span><span class="o">(</span><span 
class="s">&quot;sentences&quot;</span><span class="o">,</span> <span 
class="k">new</span> <span class="nf">RandomSentenceSpout</span><span 
class="o">(),</span> <span class="mi">5</span><span class="o">);</span>        
+<span class="n">builder</span><span class="o">.</span><span 
class="na">setBolt</span><span class="o">(</span><span 
class="s">&quot;split&quot;</span><span class="o">,</span> <span 
class="k">new</span> <span class="nf">SplitSentence</span><span 
class="o">(),</span> <span class="mi">8</span><span class="o">)</span>
+        <span class="o">.</span><span class="na">shuffleGrouping</span><span 
class="o">(</span><span class="s">&quot;sentences&quot;</span><span 
class="o">);</span>
+<span class="n">builder</span><span class="o">.</span><span 
class="na">setBolt</span><span class="o">(</span><span 
class="s">&quot;count&quot;</span><span class="o">,</span> <span 
class="k">new</span> <span class="nf">WordCount</span><span 
class="o">(),</span> <span class="mi">12</span><span class="o">)</span>
+        <span class="o">.</span><span class="na">fieldsGrouping</span><span 
class="o">(</span><span class="s">&quot;split&quot;</span><span 
class="o">,</span> <span class="k">new</span> <span 
class="nf">Fields</span><span class="o">(</span><span 
class="s">&quot;word&quot;</span><span class="o">));</span>
+</code></pre></div>
+<p><code>SplitSentence</code> emits a tuple for each word in each sentence it 
receives, and <code>WordCount</code> keeps a map in memory from word to count. 
Each time <code>WordCount</code> receives a word, it updates its state and 
emits the new word count.</p>
+
+<p>There&#39;s a few different kinds of stream groupings.</p>
+
+<p>The simplest kind of grouping is called a &quot;shuffle grouping&quot; 
which sends the tuple to a random task. A shuffle grouping is used in the 
<code>WordCountTopology</code> to send tuples from 
<code>RandomSentenceSpout</code> to the <code>SplitSentence</code> bolt. It has 
the effect of evenly distributing the work of processing the tuples across all 
of <code>SplitSentence</code> bolt&#39;s tasks.</p>
+
+<p>A more interesting kind of grouping is the &quot;fields grouping&quot;. A 
fields grouping is used between the <code>SplitSentence</code> bolt and the 
<code>WordCount</code> bolt. It is critical for the functioning of the 
<code>WordCount</code> bolt that the same word always go to the same task. 
Otherwise, more than one task will see the same word, and they&#39;ll each emit 
incorrect values for the count since each has incomplete information. A fields 
grouping lets you group a stream by a subset of its fields. This causes equal 
values for that subset of fields to go to the same task. Since 
<code>WordCount</code> subscribes to <code>SplitSentence</code>&#39;s output 
stream using a fields grouping on the &quot;word&quot; field, the same word 
always goes to the same task and the bolt produces the correct output.</p>
+
+<p>Fields groupings are the basis of implementing streaming joins and 
streaming aggregations as well as a plethora of other use cases. Underneath the 
hood, fields groupings are implemented using mod hashing.</p>
+
+<p>There&#39;s a few other kinds of stream groupings. You can read more about 
them on <a href="/documentation/Concepts.html">Concepts</a>. </p>
+
+<h2 id="defining-bolts-in-other-languages">Defining Bolts in other 
languages</h2>
+
+<p>Bolts can be defined in any language. Bolts written in another language are 
executed as subprocesses, and Storm communicates with those subprocesses with 
JSON messages over stdin/stdout. The communication protocol just requires an 
~100 line adapter library, and Storm ships with adapter libraries for Ruby, 
Python, and Fancy. </p>
+
+<p>Here&#39;s the definition of the <code>SplitSentence</code> bolt from 
<code>WordCountTopology</code>:</p>
+<div class="highlight"><pre><code class="language-java" data-lang="java"><span 
class="kd">public</span> <span class="kd">static</span> <span 
class="kd">class</span> <span class="nc">SplitSentence</span> <span 
class="kd">extends</span> <span class="n">ShellBolt</span> <span 
class="kd">implements</span> <span class="n">IRichBolt</span> <span 
class="o">{</span>
+    <span class="kd">public</span> <span class="nf">SplitSentence</span><span 
class="o">()</span> <span class="o">{</span>
+        <span class="kd">super</span><span class="o">(</span><span 
class="s">&quot;python&quot;</span><span class="o">,</span> <span 
class="s">&quot;splitsentence.py&quot;</span><span class="o">);</span>
+    <span class="o">}</span>
+
+    <span class="kd">public</span> <span class="kt">void</span> <span 
class="nf">declareOutputFields</span><span class="o">(</span><span 
class="n">OutputFieldsDeclarer</span> <span class="n">declarer</span><span 
class="o">)</span> <span class="o">{</span>
+        <span class="n">declarer</span><span class="o">.</span><span 
class="na">declare</span><span class="o">(</span><span class="k">new</span> 
<span class="nf">Fields</span><span class="o">(</span><span 
class="s">&quot;word&quot;</span><span class="o">));</span>
+    <span class="o">}</span>
+<span class="o">}</span>
+</code></pre></div>
+<p><code>SplitSentence</code> overrides <code>ShellBolt</code> and declares it 
as running using <code>python</code> with the arguments 
<code>splitsentence.py</code>. Here&#39;s the implementation of 
<code>splitsentence.py</code>:</p>
+<div class="highlight"><pre><code class="language-python" 
data-lang="python"><span class="kn">import</span> <span class="nn">storm</span>
+
+<span class="k">class</span> <span class="nc">SplitSentenceBolt</span><span 
class="p">(</span><span class="n">storm</span><span class="o">.</span><span 
class="n">BasicBolt</span><span class="p">):</span>
+    <span class="k">def</span> <span class="nf">process</span><span 
class="p">(</span><span class="bp">self</span><span class="p">,</span> <span 
class="n">tup</span><span class="p">):</span>
+        <span class="n">words</span> <span class="o">=</span> <span 
class="n">tup</span><span class="o">.</span><span class="n">values</span><span 
class="p">[</span><span class="mi">0</span><span class="p">]</span><span 
class="o">.</span><span class="n">split</span><span class="p">(</span><span 
class="s">&quot; &quot;</span><span class="p">)</span>
+        <span class="k">for</span> <span class="n">word</span> <span 
class="ow">in</span> <span class="n">words</span><span class="p">:</span>
+          <span class="n">storm</span><span class="o">.</span><span 
class="n">emit</span><span class="p">([</span><span class="n">word</span><span 
class="p">])</span>
+
+<span class="n">SplitSentenceBolt</span><span class="p">()</span><span 
class="o">.</span><span class="n">run</span><span class="p">()</span>
+</code></pre></div>
+<p>For more information on writing spouts and bolts in other languages, and to 
learn about how to create topologies in other languages (and avoid the JVM 
completely), see <a 
href="/documentation/Using-non-JVM-languages-with-Storm.html">Using non-JVM 
languages with Storm</a>.</p>
+
+<h2 id="guaranteeing-message-processing">Guaranteeing message processing</h2>
+
+<p>Earlier on in this tutorial, we skipped over a few aspects of how tuples 
are emitted. Those aspects were part of Storm&#39;s reliability API: how Storm 
guarantees that every message coming off a spout will be fully processed. See 
<a href="/documentation/Guaranteeing-message-processing.html">Guaranteeing 
message processing</a> for information on how this works and what you have to 
do as a user to take advantage of Storm&#39;s reliability capabilities.</p>
+
+<h2 id="transactional-topologies">Transactional topologies</h2>
+
+<p>Storm guarantees that every message will be played through the topology at 
least once. A common question asked is &quot;how do you do things like counting 
on top of Storm? Won&#39;t you overcount?&quot; Storm has a feature called 
transactional topologies that let you achieve exactly-once messaging semantics 
for most computations. Read more about transactional topologies <a 
href="/documentation/Transactional-topologies.html">here</a>. </p>
+
+<h2 id="distributed-rpc">Distributed RPC</h2>
+
+<p>This tutorial showed how to do basic stream processing on top of Storm. 
There&#39;s lots more things you can do with Storm&#39;s primitives. One of the 
most interesting applications of Storm is Distributed RPC, where you 
parallelize the computation of intense functions on the fly. Read more about 
Distributed RPC <a href="/documentation/Distributed-RPC.html">here</a>. </p>
+
+<h2 id="conclusion">Conclusion</h2>
+
+<p>This tutorial gave a broad overview of developing, testing, and deploying 
Storm topologies. The rest of the documentation dives deeper into all the 
aspects of using Storm.</p>
+
+
+
+                 </div>
+              </div>
+         </div>
+<footer>
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-md-3">
+                <div class="footer-widget">
+                    <h5>Meetups</h5>
+                    <ul class="latest-news">
+                        <li><a 
href="http://www.meetup.com/Apache-Storm-Apache-Kafka/";>Sunnyvale, CA</a> <span 
class="small">(10 May 2015)</span></li>
+                        <li><a 
href="http://www.meetup.com/Apache-Storm-Kafka-Users/";>Seatle, WA</a> <span 
class="small">(27 Jun 2015)</span></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="footer-widget">
+                    <h5>About Storm</h5>
+                    <p>Storm integrates with any queueing system and any 
database system. Storm's spout abstraction makes it easy to integrate a new 
queuing system. Likewise, integrating Storm with database systems is easy.</p>
+               </div>
+            </div>
+            <div class="col-md-3">
+                <div class="footer-widget">
+                    <h5>First Look</h5>
+                    <ul class="footer-list">
+                        <li><a 
href="/documentation/Rationale.html">Rationale</a></li>
+                        <li><a href="/tutorial.html">Tutorial</a></li>
+                        <li><a 
href="/documentation/Setting-up-development-environment.html">Setting up 
development environment</a></li>
+                        <li><a 
href="/documentation/Creating-a-new-Storm-project.html">Creating a new Storm 
project</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="footer-widget">
+                    <h5>Documentation</h5>
+                    <ul class="footer-list">
+                        <li><a href="/doc-index.html">Index</a></li>
+                        <li><a href="/documentation.html">Manual</a></li>
+                        <li><a 
href="https://storm.apache.org/javadoc/apidocs/index.html";>Javadoc</a></li>
+                        <li><a href="/documentation/FAQ.html">FAQ</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <hr/>
+        <div class="row">   
+            <div class="col-md-12">
+                <p align="center">Copyright © 2015 <a 
href="http://www.apache.org";>Apache Software Foundation</a>. All Rights 
Reserved. Apache Storm, Apache, the Apache feather logo, and the Apache Storm 
project logos are trademarks of The Apache Software Foundation. All other marks 
mentioned may be trademarks or registered trademarks of their respective 
owners.</p>
+            </div>
+        </div>
+    </div>
+</footer>
+<!--Footer End-->
+<!-- Scroll to top -->
+<span class="totop"><a href="#"><i class="fa fa-angle-up"></i></a></span> 
+
+</body>
+
+</html>
+

http://git-wip-us.apache.org/repos/asf/storm/blob/1d09012e/about.md
----------------------------------------------------------------------
diff --git a/about.md b/about.md
new file mode 100644
index 0000000..ee0e928
--- /dev/null
+++ b/about.md
@@ -0,0 +1,44 @@
+---
+layout: page
+title: Project Information
+items:
+    - 
+      - "/about/integrates.html"
+      - "Integrates"
+    - 
+      - "/about/simple-api.html"
+      - "Simple API"
+    - 
+      - "/about/scalable.html"
+      - "Scalable"
+    - 
+      - "/about/fault-tolerant.html"
+      - "Fault tolerant"
+    - 
+      - "/about/guarantees-data-processing.html"
+      - "Guarantees data processing"
+    - 
+      - "/about/multi-language.html"
+      - "Use with any language"
+    - 
+      - "/about/deployment.html"
+      - "Easy to deploy and operate"
+    - 
+      - "/about/free-and-open-source.html"
+      - "Free and open source"
+---
+{% for post in page.items %}
+<div class="download-block">
+    <div class="row">
+        <div class="col-md-3 remove-custom-padding">
+            <h4><a class="{% if page.url == post[0] then %}current{% else %}{% 
endif %}" href="{{ post[0] }}">{{ post[1] }}</a></h4>
+        </div>
+        <div class="col-md-9 remove-custom-padding">
+               <div class="download-info">
+            <h4>{{page.title}}</h4>
+                       {{ post[1].meta }}
+            </div>
+        </div>
+    </div>
+</div>
+{% endfor %}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/storm/blob/1d09012e/about/deployment.md
----------------------------------------------------------------------
diff --git a/about/deployment.md b/about/deployment.md
new file mode 100644
index 0000000..ff33cc5
--- /dev/null
+++ b/about/deployment.md
@@ -0,0 +1,10 @@
+---
+layout: about
+title: Easy to deploy and operate
+---
+
+Storm clusters are easy to deploy, requiring a minimum of setup and 
configuration to get up and running. Storm's out of the box configurations are 
suitable for production. Read more about how to deploy a Storm cluster 
[here](/documentation/Setting-up-a-Storm-cluster.html).
+
+If you're on EC2, the 
[storm-deploy](https://github.com/nathanmarz/storm-deploy) project can 
provision, configure, and install a Storm cluster from scratch at just the 
click of a button.
+
+Additionally, Storm is easy to operate once deployed. Storm has been designed 
to be [extremely robust](/about/fault-tolerant.html) – the cluster will just 
keep on running, month after month.

http://git-wip-us.apache.org/repos/asf/storm/blob/1d09012e/about/fault-tolerant.md
----------------------------------------------------------------------
diff --git a/about/fault-tolerant.md b/about/fault-tolerant.md
new file mode 100644
index 0000000..057b372
--- /dev/null
+++ b/about/fault-tolerant.md
@@ -0,0 +1,9 @@
+---
+layout: about
+---
+
+Storm is fault-tolerant: when workers die, Storm will automatically restart 
them. If a node dies, the worker will be restarted on another node.
+
+The Storm daemons, Nimbus and the Supervisors, are designed to be stateless 
and fail-fast. So if they die, they will restart like nothing happened. This 
means you can *kill -9* the Storm daemons without affecting the health of the 
cluster or your topologies.
+
+Read more about Storm's fault-tolerance [on the 
manual](/documentation/Fault-tolerance.html).
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/storm/blob/1d09012e/about/free-and-open-source.md
----------------------------------------------------------------------
diff --git a/about/free-and-open-source.md b/about/free-and-open-source.md
new file mode 100644
index 0000000..ade6afa
--- /dev/null
+++ b/about/free-and-open-source.md
@@ -0,0 +1,15 @@
+---
+layout: about
+---
+
+Apache Storm is a free and open source project licensed under the [Apache 
License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0.html)
+
+
+Storm has a large and growing ecosystem of libraries and tools to use in 
conjunction with Storm including everything from:
+
+1. *Spouts*: These spouts integrate with queueing systems such as JMS, Kafka, 
Redis pub/sub, and more.
+2. *storm-state*: storm-state makes it easy to manage large amounts of 
in-memory state in your computations in a reliable by using a distributed 
filesystem for persistence
+3. *Database integrations*: There are helper bolts for integrating with 
various databases, such as MongoDB, RDBMS's, Cassandra, and more.
+4. Other miscellaneous utilities
+
+The [Storm documentation](/documentation.html) has links to notable 
Storm-related projects hosted outside of Apache.
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/storm/blob/1d09012e/about/guarantees-data-processing.md
----------------------------------------------------------------------
diff --git a/about/guarantees-data-processing.md 
b/about/guarantees-data-processing.md
new file mode 100644
index 0000000..3d6a0f3
--- /dev/null
+++ b/about/guarantees-data-processing.md
@@ -0,0 +1,10 @@
+---
+layout: about
+---
+
+Storm guarantees every tuple will be fully processed. One of Storm's core 
mechanisms is the ability to track the lineage of a tuple as it makes its way 
through the topology in an extremely efficient way. Read more about how this 
works [here](/documentation/Guaranteeing-message-processing.html).
+
+Storm's basic abstractions provide an at-least-once processing guarantee, the 
same guarantee you get when using a queueing system. Messages are only replayed 
when there are failures.
+
+Using [Trident](/documentation/Trident-tutorial.html), a higher level 
abstraction over Storm's basic abstractions, you can achieve exactly-once 
processing semantics.
+

http://git-wip-us.apache.org/repos/asf/storm/blob/1d09012e/about/integrates.md
----------------------------------------------------------------------
diff --git a/about/integrates.md b/about/integrates.md
new file mode 100644
index 0000000..8071bdb
--- /dev/null
+++ b/about/integrates.md
@@ -0,0 +1,13 @@
+---
+layout: about
+---
+
+Storm integrates with any queueing system and any database system. Storm's 
[spout](/apidocs/backtype/storm/spout/ISpout.html) abstraction makes it easy to 
integrate a new queuing system. Example queue integrations include:
+
+1. [Kestrel](https://github.com/nathanmarz/storm-kestrel)
+2. [RabbitMQ / AMQP](https://github.com/Xorlev/storm-amqp-spout)
+3. [Kafka](https://github.com/apache/storm/tree/master/external/storm-kafka)
+4. [JMS](https://github.com/ptgoetz/storm-jms)
+5. [Amazon Kinesis](https://github.com/awslabs/kinesis-storm-spout)
+
+Likewise, integrating Storm with database systems is easy. Simply open a 
connection to your database and read/write like you normally would. Storm will 
handle the parallelization, partitioning, and retrying on failures when 
necessary.
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/storm/blob/1d09012e/about/multi-language.md
----------------------------------------------------------------------
diff --git a/about/multi-language.md b/about/multi-language.md
new file mode 100644
index 0000000..836bf03
--- /dev/null
+++ b/about/multi-language.md
@@ -0,0 +1,9 @@
+---
+layout: about
+---
+
+Storm was designed from the ground up to be usable with any programming 
language. At the core of Storm is a [Thrift](http://thrift.apache.org/) 
[definition](https://github.com/apache/storm/blob/master/storm-core/src/storm.thrift)
 for defining and submitting topologies. Since Thrift can be used in any 
language, topologies can be defined and submitted from any language.
+
+Similarly, spouts and bolts can be defined in any language. Non-JVM spouts and 
bolts communicate to Storm over a [JSON-based 
protocol](/documentation/Multilang-protocol.html) over stdin/stdout. Adapters 
that implement this protocol exist for 
[Ruby](https://github.com/apache/storm/blob/master/storm-multilang/ruby/src/main/resources/resources/storm.rb),
 
[Python](https://github.com/apache/storm/blob/master/storm-multilang/python/src/main/resources/resources/storm.py),
 
[Javascript](https://github.com/apache/storm/blob/master/storm-multilang/javascript/src/main/resources/resources/storm.js),
 [Perl](https://github.com/dan-blanchard/io-storm).
+
+*storm-starter* has an [example 
topology](https://github.com/apache/storm/blob/master/examples/storm-starter/src/jvm/storm/starter/WordCountTopology.java)
 that implements one of the bolts in Python.

http://git-wip-us.apache.org/repos/asf/storm/blob/1d09012e/about/scalable.md
----------------------------------------------------------------------
diff --git a/about/scalable.md b/about/scalable.md
new file mode 100644
index 0000000..b487e52
--- /dev/null
+++ b/about/scalable.md
@@ -0,0 +1,10 @@
+---
+layout: about
+---
+
+Storm topologies are inherently parallel and run across a cluster of machines. 
Different parts of the topology can be scaled individually by tweaking their 
parallelism. The "rebalance" command of the "storm" command line client can 
adjust the parallelism of running topologies on the fly. 
+
+Storm's inherent parallelism means it can process very high throughputs of 
messages with very low latency. Storm was benchmarked at processing **one 
million 100 byte messages per second per node** on hardware with the following 
specs:
+
+ * **Processor:** 2x Intel [email protected] 
+ * **Memory:** 24 GB

http://git-wip-us.apache.org/repos/asf/storm/blob/1d09012e/about/simple-api.md
----------------------------------------------------------------------
diff --git a/about/simple-api.md b/about/simple-api.md
new file mode 100644
index 0000000..3370d78
--- /dev/null
+++ b/about/simple-api.md
@@ -0,0 +1,15 @@
+---
+layout: about
+---
+
+Storm has a simple and easy to use API. When programming on Storm, you 
manipulate and transform streams of tuples, and a tuple is a named list of 
values. Tuples can contain objects of any type; if you want to use a type Storm 
doesn't know about it's [very easy](/documentation/Serialization.html) to 
register a serializer for that type.
+
+There are just three abstractions in Storm: spouts, bolts, and topologies. A 
**spout** is a source of streams in a computation. Typically a spout reads from 
a queueing broker such as Kestrel, RabbitMQ, or Kafka, but a spout can also 
generate its own stream or read from somewhere like the Twitter streaming API. 
Spout implementations already exist for most queueing systems.
+
+A **bolt** processes any number of input streams and produces any number of 
new output streams. Most of the logic of a computation goes into bolts, such as 
functions, filters, streaming joins, streaming aggregations, talking to 
databases, and so on.
+
+A **topology** is a network of spouts and bolts, with each edge in the network 
representing a bolt subscribing to the output stream of some other spout or 
bolt. A topology is an arbitrarily complex multi-stage stream computation. 
Topologies run indefinitely when deployed.
+
+Storm has a "local mode" where a Storm cluster is simulated in-process. This 
is useful for development and testing. The "storm" command line client is used 
when ready to submit a topology for execution on an actual cluster.
+
+The 
[storm-starter](https://github.com/apache/storm/tree/master/examples/storm-starter)
 project contains example topologies for learning the basics of Storm. Learn 
more about how to use Storm by reading the [tutorial](/tutorial.html) and the 
[documentation](/documentation.html).
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/storm/blob/1d09012e/assets/css/bootstrap-theme.css
----------------------------------------------------------------------
diff --git a/assets/css/bootstrap-theme.css b/assets/css/bootstrap-theme.css
new file mode 100644
index 0000000..c4cadf1
--- /dev/null
+++ b/assets/css/bootstrap-theme.css
@@ -0,0 +1,470 @@
+/*!
+ * Bootstrap v3.3.1 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+.btn-default,
+.btn-primary,
+.btn-success,
+.btn-info,
+.btn-warning,
+.btn-danger {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px 
rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px 
rgba(0, 0, 0, .075);
+}
+.btn-default:active,
+.btn-primary:active,
+.btn-success:active,
+.btn-info:active,
+.btn-warning:active,
+.btn-danger:active,
+.btn-default.active,
+.btn-primary.active,
+.btn-success.active,
+.btn-info.active,
+.btn-warning.active,
+.btn-danger.active {
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+}
+.btn-default .badge,
+.btn-primary .badge,
+.btn-success .badge,
+.btn-info .badge,
+.btn-warning .badge,
+.btn-danger .badge {
+  text-shadow: none;
+}
+.btn:active,
+.btn.active {
+  background-image: none;
+}
+.btn-default {
+  text-shadow: 0 1px 0 #fff;
+  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
+  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#fff), to(#e0e0e0));
+  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', 
endColorstr='#ffe0e0e0', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #dbdbdb;
+  border-color: #ccc;
+}
+.btn-default:hover,
+.btn-default:focus {
+  background-color: #e0e0e0;
+  background-position: 0 -15px;
+}
+.btn-default:active,
+.btn-default.active {
+  background-color: #e0e0e0;
+  border-color: #dbdbdb;
+}
+.btn-default:disabled,
+.btn-default[disabled] {
+  background-color: #e0e0e0;
+  background-image: none;
+}
+.btn-primary {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#337ab7), to(#265a88));
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #265a88 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', 
endColorstr='#ff265a88', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #245580;
+}
+.btn-primary:hover,
+.btn-primary:focus {
+  background-color: #265a88;
+  background-position: 0 -15px;
+}
+.btn-primary:active,
+.btn-primary.active {
+  background-color: #265a88;
+  border-color: #245580;
+}
+.btn-primary:disabled,
+.btn-primary[disabled] {
+  background-color: #265a88;
+  background-image: none;
+}
+.btn-success {
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
+  background-image:      -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#5cb85c), to(#419641));
+  background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', 
endColorstr='#ff419641', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #3e8f3e;
+}
+.btn-success:hover,
+.btn-success:focus {
+  background-color: #419641;
+  background-position: 0 -15px;
+}
+.btn-success:active,
+.btn-success.active {
+  background-color: #419641;
+  border-color: #3e8f3e;
+}
+.btn-success:disabled,
+.btn-success[disabled] {
+  background-color: #419641;
+  background-image: none;
+}
+.btn-info {
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
+  background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#5bc0de), to(#2aabd2));
+  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', 
endColorstr='#ff2aabd2', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #28a4c9;
+}
+.btn-info:hover,
+.btn-info:focus {
+  background-color: #2aabd2;
+  background-position: 0 -15px;
+}
+.btn-info:active,
+.btn-info.active {
+  background-color: #2aabd2;
+  border-color: #28a4c9;
+}
+.btn-info:disabled,
+.btn-info[disabled] {
+  background-color: #2aabd2;
+  background-image: none;
+}
+.btn-warning {
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
+  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#f0ad4e), to(#eb9316));
+  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', 
endColorstr='#ffeb9316', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #e38d13;
+}
+.btn-warning:hover,
+.btn-warning:focus {
+  background-color: #eb9316;
+  background-position: 0 -15px;
+}
+.btn-warning:active,
+.btn-warning.active {
+  background-color: #eb9316;
+  border-color: #e38d13;
+}
+.btn-warning:disabled,
+.btn-warning[disabled] {
+  background-color: #eb9316;
+  background-image: none;
+}
+.btn-danger {
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
+  background-image:      -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#d9534f), to(#c12e2a));
+  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', 
endColorstr='#ffc12e2a', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #b92c28;
+}
+.btn-danger:hover,
+.btn-danger:focus {
+  background-color: #c12e2a;
+  background-position: 0 -15px;
+}
+.btn-danger:active,
+.btn-danger.active {
+  background-color: #c12e2a;
+  border-color: #b92c28;
+}
+.btn-danger:disabled,
+.btn-danger[disabled] {
+  background-color: #c12e2a;
+  background-image: none;
+}
+.thumbnail,
+.img-thumbnail {
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+  background-color: #e8e8e8;
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#f5f5f5), to(#e8e8e8));
+  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', 
endColorstr='#ffe8e8e8', GradientType=0);
+  background-repeat: repeat-x;
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  background-color: #2e6da4;
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#337ab7), to(#2e6da4));
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', 
endColorstr='#ff2e6da4', GradientType=0);
+  background-repeat: repeat-x;
+}
+.navbar-default {
+  background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
+  background-image:      -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#fff), to(#f8f8f8));
+  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', 
endColorstr='#fff8f8f8', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px 
rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px 
rgba(0, 0, 0, .075);
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .active > a {
+  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
+  background-image:      -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#dbdbdb), to(#e2e2e2));
+  background-image:         linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', 
endColorstr='#ffe2e2e2', GradientType=0);
+  background-repeat: repeat-x;
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
+}
+.navbar-brand,
+.navbar-nav > li > a {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
+}
+.navbar-inverse {
+  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
+  background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#3c3c3c), to(#222));
+  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', 
endColorstr='#ff222222', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+}
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .active > a {
+  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
+  background-image:      -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#080808), to(#0f0f0f));
+  background-image:         linear-gradient(to bottom, #080808 0%, #0f0f0f 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', 
endColorstr='#ff0f0f0f', GradientType=0);
+  background-repeat: repeat-x;
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
+          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
+}
+.navbar-inverse .navbar-brand,
+.navbar-inverse .navbar-nav > li > a {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
+}
+.navbar-static-top,
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  border-radius: 0;
+}
+@media (max-width: 767px) {
+  .navbar .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #fff;
+    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+    background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+    background-image: -webkit-gradient(linear, left top, left bottom, 
from(#337ab7), to(#2e6da4));
+    background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 
100%);
+    filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', 
endColorstr='#ff2e6da4', GradientType=0);
+    background-repeat: repeat-x;
+  }
+}
+.alert {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px 
rgba(0, 0, 0, .05);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px 
rgba(0, 0, 0, .05);
+}
+.alert-success {
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
+  background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#dff0d8), to(#c8e5bc));
+  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', 
endColorstr='#ffc8e5bc', GradientType=0);
+  background-repeat: repeat-x;
+  border-color: #b2dba1;
+}
+.alert-info {
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
+  background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#d9edf7), to(#b9def0));
+  background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', 
endColorstr='#ffb9def0', GradientType=0);
+  background-repeat: repeat-x;
+  border-color: #9acfea;
+}
+.alert-warning {
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
+  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#fcf8e3), to(#f8efc0));
+  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', 
endColorstr='#fff8efc0', GradientType=0);
+  background-repeat: repeat-x;
+  border-color: #f5e79e;
+}
+.alert-danger {
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
+  background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#f2dede), to(#e7c3c3));
+  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', 
endColorstr='#ffe7c3c3', GradientType=0);
+  background-repeat: repeat-x;
+  border-color: #dca7a7;
+}
+.progress {
+  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
+  background-image:      -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#ebebeb), to(#f5f5f5));
+  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', 
endColorstr='#fff5f5f5', GradientType=0);
+  background-repeat: repeat-x;
+}
+.progress-bar {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #286090 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#337ab7), to(#286090));
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #286090 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', 
endColorstr='#ff286090', GradientType=0);
+  background-repeat: repeat-x;
+}
+.progress-bar-success {
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
+  background-image:      -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#5cb85c), to(#449d44));
+  background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', 
endColorstr='#ff449d44', GradientType=0);
+  background-repeat: repeat-x;
+}
+.progress-bar-info {
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
+  background-image:      -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#5bc0de), to(#31b0d5));
+  background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', 
endColorstr='#ff31b0d5', GradientType=0);
+  background-repeat: repeat-x;
+}
+.progress-bar-warning {
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
+  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#f0ad4e), to(#ec971f));
+  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', 
endColorstr='#ffec971f', GradientType=0);
+  background-repeat: repeat-x;
+}
+.progress-bar-danger {
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
+  background-image:      -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#d9534f), to(#c9302c));
+  background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', 
endColorstr='#ffc9302c', GradientType=0);
+  background-repeat: repeat-x;
+}
+.progress-bar-striped {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 
25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 
255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 
25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 
255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 
25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 
255, 255, .15) 75%, transparent 75%, transparent);
+}
+.list-group {
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+}
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+  text-shadow: 0 -1px 0 #286090;
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#337ab7), to(#2b669a));
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #2b669a 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', 
endColorstr='#ff2b669a', GradientType=0);
+  background-repeat: repeat-x;
+  border-color: #2b669a;
+}
+.list-group-item.active .badge,
+.list-group-item.active:hover .badge,
+.list-group-item.active:focus .badge {
+  text-shadow: none;
+}
+.panel {
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
+          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
+}
+.panel-default > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#f5f5f5), to(#e8e8e8));
+  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', 
endColorstr='#ffe8e8e8', GradientType=0);
+  background-repeat: repeat-x;
+}
+.panel-primary > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#337ab7), to(#2e6da4));
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', 
endColorstr='#ff2e6da4', GradientType=0);
+  background-repeat: repeat-x;
+}
+.panel-success > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
+  background-image:      -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#dff0d8), to(#d0e9c6));
+  background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', 
endColorstr='#ffd0e9c6', GradientType=0);
+  background-repeat: repeat-x;
+}
+.panel-info > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
+  background-image:      -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#d9edf7), to(#c4e3f3));
+  background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', 
endColorstr='#ffc4e3f3', GradientType=0);
+  background-repeat: repeat-x;
+}
+.panel-warning > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
+  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#fcf8e3), to(#faf2cc));
+  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', 
endColorstr='#fffaf2cc', GradientType=0);
+  background-repeat: repeat-x;
+}
+.panel-danger > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
+  background-image:      -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#f2dede), to(#ebcccc));
+  background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', 
endColorstr='#ffebcccc', GradientType=0);
+  background-repeat: repeat-x;
+}
+.well {
+  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
+  background-image:      -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, 
from(#e8e8e8), to(#f5f5f5));
+  background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 
100%);
+  filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', 
endColorstr='#fff5f5f5', GradientType=0);
+  background-repeat: repeat-x;
+  border-color: #dcdcdc;
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 
255, 255, .1);
+          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 
255, 255, .1);
+}
+/*# sourceMappingURL=bootstrap-theme.css.map */

Reply via email to