From 30fcf882ec2fcbeefec2229393f5ca453d922d05 Mon Sep 17 00:00:00 2001
From: joewitt <joewitt@apache.org>
Date: Wed, 13 May 2015 22:30:50 -0400
Subject: [PATCH] Updated main index for feature highlights

---
 nifi-site/src/pages/html/index.hbs | 179 ++++-------------------------
 1 file changed, 22 insertions(+), 157 deletions(-)

diff --git a/nifi-site/src/pages/html/index.hbs b/nifi-site/src/pages/html/index.hbs
index d01e8bca70..8ee8208f76 100644
--- a/nifi-site/src/pages/html/index.hbs
+++ b/nifi-site/src/pages/html/index.hbs
@@ -42,169 +42,34 @@ title: Apache NiFi
             of the high-level capabilities and objectives of Apache NiFi include:
         </p>
         <ul>
-            <li>Web-based user interface for seamless experience between design, control, feedback, and monitoring
-                of data flows
+            <li>Web-based user interface
+                <ul><li>Seamless experience between design, control, feedback, and monitoring</li></ul>
             </li>
-            <li>Highly configurable along several dimensions of quality of service such as loss tolerant versus
-                guaranteed delivery, low latency versus high throughput, and priority based queuing
+            <li>Highly configurable
+                <ul>
+                    <li>Loss tolerant vs guaranteed delivery</li>
+                    <li>Low latency vs high throughput</li>
+                    <li>Dynamic prioritization</li>
+                    <li>Flow can be modified at runtime</li>
+                    <li>Back pressure</li>
+                </ul>
             </li>
-            <li>Fine-grained data provenance for all data received, forked, joined, cloned, modified, sent, and
-                ultimately dropped as data reaches its configured end-state
+            <li>Data Provenance
+                <ul><li>Track dataflow from beginning to end</li></ul>
             </li>
-            <li>Component-based extension model along well defined interfaces enabling rapid development and
-                effective testing
+            <li>Designed for extension
+                <ul>
+                    <li>Build your own processors and more</li>
+                    <li>Enables rapid development and effective testing</li>
+                </ul>
             </li>
-            <li>Security: Supports various forms of SSL, SSH, HTTPS for system to system flows and content
-                encryption/decryption. And SSL, PKI, pluggable authorization for users.
+            <li>Secure
+                <ul>
+                    <li>SSL, SSH, HTTPS, encrypted content, etc...</li>
+                    <li>Pluggable role-based authentication/authorization</li>
+                </ul>
             </li>
         </ul>
     </div>
 </div>
 
-<!--<div class="row">
-    <div class="large-12 columns">
-        <h1>Welcome to Foundation</h1>
-    </div>
-</div>
-
-<div class="row">
-    <div class="large-12 columns">
-        <div class="panel">
-            <h3>We&rsquo;re stoked you want to try Foundation! </h3>
-            <p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p>
-            <p>Once you've exhausted the fun in this document, you should check out:</p>
-            <div class="row">
-                <div class="large-4 medium-4 columns">
-                    <p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</p>
-                </div>
-                <div class="large-4 medium-4 columns">
-                    <p><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</p>
-                </div>
-                <div class="large-4 medium-4 columns">
-                    <p><a href="http://twitter.com/foundationzurb">@foundationzurb</a><br />Ping us on Twitter if you have questions. If you build something with this we'd love to see it (and send you a totally boss sticker).</p>
-                </div>        
-            </div>
-        </div>
-    </div>
-</div>
-
-<div class="row">
-    <div class="large-8 medium-8 columns">
-        <h5>Here&rsquo;s your basic grid:</h5>
-        Grid Example 
-
-        <div class="row">
-            <div class="large-12 columns">
-                <div class="callout panel">
-                    <p><strong>This is a twelve column section in a row.</strong> Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.</p>
-                </div>
-            </div>
-        </div>
-        <div class="row">
-            <div class="large-6 medium-6 columns">
-                <div class="callout panel">
-                    <p>Six columns</p>
-                </div>
-            </div>
-            <div class="large-6 medium-6 columns">
-                <div class="callout panel">
-                    <p>Six columns</p>
-                </div>
-            </div>
-        </div>
-        <div class="row">
-            <div class="large-4 medium-4 small-4 columns">
-                <div class="callout panel">
-                    <p>Four columns</p>
-                </div>
-            </div>
-            <div class="large-4 medium-4 small-4 columns">
-                <div class="callout panel">
-                    <p>Four columns</p>
-                </div>
-            </div>
-            <div class="large-4 medium-4 small-4 columns">
-                <div class="callout panel">
-                    <p>Four columns</p>
-                </div>
-            </div>
-        </div>
-
-        <hr />
-
-        <h5>We bet you&rsquo;ll need a form somewhere:</h5>
-        <form>
-            <div class="row">
-                <div class="large-12 columns">
-                    <label>Input Label</label>
-                    <input type="text" placeholder="large-12.columns" />
-                </div>
-            </div>
-            <div class="row">
-                <div class="large-4 medium-4 columns">
-                    <label>Input Label</label>
-                    <input type="text" placeholder="large-4.columns" />
-                </div>
-                <div class="large-4 medium-4 columns">
-                    <label>Input Label</label>
-                    <input type="text" placeholder="large-4.columns" />
-                </div>
-                <div class="large-4 medium-4 columns">
-                    <div class="row collapse">
-                        <label>Input Label</label>
-                        <div class="small-9 columns">
-                            <input type="text" placeholder="small-9.columns" />
-                        </div>
-                        <div class="small-3 columns">
-                            <span class="postfix">.com</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="row">
-                <div class="large-12 columns">
-                    <label>Select Box</label>
-                    <select>
-                        <option value="husker">Husker</option>
-                        <option value="starbuck">Starbuck</option>
-                        <option value="hotdog">Hot Dog</option>
-                        <option value="apollo">Apollo</option>
-                    </select>
-                </div>
-            </div>
-            <div class="row">
-                <div class="large-6 medium-6 columns">
-                    <label>Choose Your Favorite</label>
-                    <input type="radio" name="pokemon" value="Red" id="pokemonRed"><label for="pokemonRed">Radio 1</label>
-                    <input type="radio" name="pokemon" value="Blue" id="pokemonBlue"><label for="pokemonBlue">Radio 2</label>
-                </div>
-                <div class="large-6 medium-6 columns">
-                    <label>Check these out</label>
-                    <input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label>
-                    <input id="checkbox2" type="checkbox"><label for="checkbox2">Checkbox 2</label>
-                </div>
-            </div>
-            <div class="row">
-                <div class="large-12 columns">
-                    <label>Textarea Label</label>
-                    <textarea placeholder="small-12.columns"></textarea>
-                </div>
-            </div>
-        </form>
-    </div>     
-
-    <div class="large-4 medium-4 columns">
-        <h5>Try one of these buttons:</h5>
-        <p><a href="#" class="small button">Simple Button</a><br/>
-            <a href="#" class="small radius button">Radius Button</a><br/>
-            <a href="#" class="small round button">Round Button</a><br/>            
-            <a href="#" class="medium success button">Success Btn</a><br/>
-            <a href="#" class="medium alert button">Alert Btn</a><br/>
-            <a href="#" class="medium secondary button">Secondary Btn</a></p>           
-        <div class="panel">
-            <h5>So many components, girl!</h5>
-            <p>A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.</p>
-            <a href="http://foundation.zurb.com/docs/" class="small button">Go to Foundation Docs</a>          
-        </div>
-    </div>
-</div>-->
\ No newline at end of file