Starter Kit UI

by ramnathv

HTML

<script src="//fb.me/react-with-addons-0.14.0.js"></script>
<script src="//fb.me/react-dom-0.14.0.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.28.1/react-bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.18.0/ramda.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script>
<div class="container-fluid" id='main'>
   <div class="row">
       <div class="col-xs-12 col-md-3" id='app'>
         
       </div>
   </div>
</div>

CSS

#main{
  margin-top: 20px;
}
.content{min-height: 350px;}
.content p{text-align: justify;}

CoffeeScript

R = React.DOM
Rc = React.createElement
Rb = ReactBootstrap


tutorial = {}
tutorial.title = 'Learn AB Testing'
tutorial.steps = [
  """
  Welcome to the __A/B Testing Starter Kit!__
  Press Ctrl+R to automatically extract the rest of the starter kit    (this will take a few seconds to complete) then...


To skip right to the step-by-step in-depth tutorial, click here. To skip right to the complete tutorial workflows, click here. To see the help page, click here. To continue on to the introduction and experimental design background section, click the blue next arrow to the right.
""",
"""
A/B testing is about trying something new to see if it helps your business. Instead of changing something across your entire company – which could backfire if it turns out that the change makes business worse, A/B testing involves applying the change to a sample portion of your business and using statistical techniques to extrapolate the potential benefits or detriments of applying the change across the rest of the company. Alteryx contains tools with the math baked in so you don’t have to worry about getting the statistics right – all you have to do is make sure your test is set up correctly and prepare the data so as to get the most straightforward results. In this starter kit we take you through this process.
""",
"""
A/B testing techniques can be used across a wide range of industries including web design and marketing. This starter kit explores a retail use case.

In this example, we have a Day Spa interested in finding out how lowering the price of a facial treatment affects sales and profit margin. The normal price of a facial is $98.99. We will be testing two alternate prices: $87.99 and $76.99.
""",
"""
The overall process is as follows:

1. Select treatment units
2. Perform test
3. Select control units
4. Perform data analysis
""",
"""
__Step 1: Select treatment units...__

Sometimes as an analyst, you’re not in charge of selecting treatment units. That’s the case in...