mvpkit 0.8.0

data/app/views/minimum_viable_product/styleguide/bootstrap/_forms.html.erb

@@ -0,0 +1,192 @@
+
+
+<div class="mb20">
+  <form>
+    <div class="form-group">
+      <label for="exampleInputEmail1">Email address</label>
+      <input class="form-control" id="exampleInputEmail1" placeholder="Email" type="email">
+    </div>
+    <div class="form-group">
+      <label for="exampleInputPassword1">Password</label>
+      <input class="form-control" id="exampleInputPassword1" placeholder="Password" type="password">
+    </div>
+    <div class="form-group">
+      <label for="exampleInputFile">File input</label>
+      <input id="exampleInputFile" type="file">
+      <p class="help-block">Example block-level help text here.</p>
+    </div>
+    <div class="checkbox">
+      <label>
+        <input type="checkbox">
+        Check me out
+      </label>
+    </div>
+    <button class="btn btn-default" type="submit">Submit</button>
+  </form>
+</div>
+
+<form class="form-inline">
+  <div class="form-group">
+    <label for="exampleInputName2">Name</label>
+    <input class="form-control" id="exampleInputName2" placeholder="Jane Doe" type="text">
+  </div>
+  <div class="form-group">
+    <label for="exampleInputEmail2">Email</label>
+    <input class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com" type="email">
+  </div>
+  <button class="btn btn-default" type="submit">Send invitation</button>
+</form>
+
+<form class="form-horizontal">
+  <div class="form-group">
+    <label class="col-sm-2 control-label" for="inputEmail3">Email</label>
+    <div class="col-sm-10">
+      <input class="form-control" id="inputEmail3" placeholder="Email" type="email">
+    </div>
+  </div>
+  <div class="form-group">
+    <label class="col-sm-2 control-label" for="inputPassword3">Password</label>
+    <div class="col-sm-10">
+      <input class="form-control" id="inputPassword3" placeholder="Password" type="password">
+    </div>
+  </div>
+  <div class="form-group">
+    <div class="col-sm-offset-2 col-sm-10">
+      <div class="checkbox">
+        <label>
+          <input type="checkbox">
+          Remember me
+        </label>
+      </div>
+    </div>
+  </div>
+  <div class="form-group">
+    <div class="col-sm-offset-2 col-sm-10">
+      <button class="btn btn-default" type="submit">Sign in</button>
+    </div>
+  </div>
+</form>
+
+<div class="checkbox">
+  <label>
+    <input type="checkbox" value="">
+    Option one is this and that&mdash;be sure to include why it's great
+  </label>
+</div>
+<div class="checkbox disabled">
+  <label>
+    <input disabled type="checkbox" value="">
+    Option two is disabled
+  </label>
+</div>
+
+<div class="radio">
+  <label>
+    <input checked id="optionsRadios1" name="optionsRadios" type="radio" value="option1">
+    Option one is this and that&mdash;be sure to include why it's great
+  </label>
+</div>
+<div class="radio">
+  <label>
+    <input id="optionsRadios2" name="optionsRadios" type="radio" value="option2">
+    Option two can be something else and selecting it will deselect option one
+  </label>
+</div>
+<div class="radio disabled">
+  <label>
+    <input disabled id="optionsRadios3" name="optionsRadios" type="radio" value="option3">
+    Option three is disabled
+  </label>
+</div>
+
+<select class="form-control">
+  <option>1</option>
+  <option>2</option>
+  <option>3</option>
+  <option>4</option>
+  <option>5</option>
+</select>
+
+<textarea class="form-control" rows="3"></textarea>
+
+<form class="form-horizontal">
+  <div class="form-group">
+    <label class="col-sm-2 control-label">Email</label>
+    <div class="col-sm-10">
+      <p class="form-control-static">email@example.com</p>
+    </div>
+  </div>
+  <div class="form-group">
+    <label class="col-sm-2 control-label" for="inputPassword">Password</label>
+    <div class="col-sm-10">
+      <input class="form-control" id="inputPassword" placeholder="Password" type="password">
+    </div>
+  </div>
+</form>
+
+<input class="form-control" disabled id="disabledInput" placeholder="Disabled input here..." type="text">
+
+<form>
+  <fieldset disabled>
+    <div class="form-group">
+      <label for="disabledTextInput">Disabled input</label>
+      <input class="form-control" id="disabledTextInput" placeholder="Disabled input" type="text">
+    </div>
+    <div class="form-group">
+      <label for="disabledSelect">Disabled select menu</label>
+      <select class="form-control" id="disabledSelect">
+        <option>Disabled select</option>
+      </select>
+    </div>
+    <div class="checkbox">
+      <label>
+        <input type="checkbox">
+        Can't check this
+      </label>
+    </div>
+    <button class="btn btn-primary" type="submit">Submit</button>
+  </fieldset>
+</form>
+
+<label class="sr-only" for="inputHelpBlock">Input with help text</label>
+<input aria-describedby="helpBlock" class="form-control" id="inputHelpBlock" type="text">
+...
+<span class="help-block" id="helpBlock">A block of help text that breaks onto a new line and may extend beyond one line.</span>
+
+<div class="form-group has-success">
+  <label class="control-label" for="inputSuccess1">Input with success</label>
+  <input aria-describedby="helpBlock2" class="form-control" id="inputSuccess1" type="text">
+  <span class="help-block" id="helpBlock2">A block of help text that breaks onto a new line and may extend beyond one line.</span>
+</div>
+<div class="form-group has-warning">
+  <label class="control-label" for="inputWarning1">Input with warning</label>
+  <input class="form-control" id="inputWarning1" type="text">
+</div>
+<div class="form-group has-error">
+  <label class="control-label" for="inputError1">Input with error</label>
+  <input class="form-control" id="inputError1" type="text">
+</div>
+<div class="has-success">
+  <div class="checkbox">
+    <label>
+      <input id="checkboxSuccess" type="checkbox" value="option1">
+      Checkbox with success
+    </label>
+  </div>
+</div>
+<div class="has-warning">
+  <div class="checkbox">
+    <label>
+      <input id="checkboxWarning" type="checkbox" value="option1">
+      Checkbox with warning
+    </label>
+  </div>
+</div>
+<div class="has-error">
+  <div class="checkbox">
+    <label>
+      <input id="checkboxError" type="checkbox" value="option1">
+      Checkbox with error
+    </label>
+  </div>
+</div>

data/app/views/minimum_viable_product/styleguide/bootstrap/_header.html.erb

@@ -0,0 +1,48 @@
+<nav class="navbar navbar-default mt20">
+  <div class="container-fluid">
+    <!-- Brand and toggle get grouped for better mobile display -->
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="navbar-brand" href="#">__PROJECT_NAME__</a>
+    </div>
+
+    <!-- Collect the nav links, forms, and other content for toggling -->
+    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+      <ul class="nav navbar-nav">
+        <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
+        <li><a href="#">Link</a></li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="#">Action</a></li>
+            <li><a href="#">Another action</a></li>
+            <li><a href="#">Something else here</a></li>
+            <li role="separator" class="divider"></li>
+            <li><a href="#">Separated link</a></li>
+            <li role="separator" class="divider"></li>
+            <li><a href="#">One more separated link</a></li>
+          </ul>
+        </li>
+      </ul>
+
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="#">Link</a></li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+          <ul class="dropdown-menu">
+            <li><a href="#">Action</a></li>
+            <li><a href="#">Another action</a></li>
+            <li><a href="#">Something else here</a></li>
+            <li role="separator" class="divider"></li>
+            <li><a href="#">Separated link</a></li>
+          </ul>
+        </li>
+      </ul>
+    </div><!-- /.navbar-collapse -->
+  </div><!-- /.container-fluid -->
+</nav>

data/app/views/minimum_viable_product/styleguide/bootstrap/_panels.html.erb

@@ -0,0 +1,16 @@
+<div class="mb20">
+  <div class="panel panel-default">
+  <div class="panel-heading">Panel heading without title</div>
+  <div class="panel-body">
+    Panel content
+  </div>
+</div>
+
+<div class="panel panel-default">
+  <div class="panel-heading">
+    <h3 class="panel-title">Panel title</h3>
+  </div>
+  <div class="panel-body">
+    Panel content
+  </div>
+</div>

data/app/views/minimum_viable_product/styleguide/bootstrap/_tables.html.erb

@@ -0,0 +1,34 @@
+<div class="mb20">
+
+  <table class="table">
+    <caption>Optional table caption.</caption>
+    <thead>
+      <tr>
+        <th>#</th>
+        <th>First Name</th>
+        <th>Last Name</th>
+        <th>Username</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <th scope="row">1</th>
+        <td>Mark</td>
+        <td>Otto</td>
+        <td>@mdo</td>
+      </tr>
+      <tr>
+        <th scope="row">2</th>
+        <td>Jacob</td>
+        <td>Thornton</td>
+        <td>@fat</td>
+      </tr>
+      <tr>
+        <th scope="row">3</th>
+        <td>Larry</td>
+        <td>the Bird</td>
+        <td>@twitter</td>
+      </tr>
+    </tbody>
+  </table>
+</div>

data/app/views/minimum_viable_product/styleguide/bootstrap/_typography.html.erb

@@ -0,0 +1,51 @@
+<div class="mb20">
+  <h1>Blog letterpress kogi, brooklyn man braid banh mi pickled echo park next level taxidermy scenester tote bag deep v.</h1>
+  <h2>Blog letterpress kogi, brooklyn man braid banh mi pickled echo park next level taxidermy scenester tote bag deep v.</h2>
+  <h3>Blog letterpress kogi, brooklyn man braid banh mi pickled echo park next level taxidermy scenester tote bag deep v.</h3>
+  <h4>Blog letterpress kogi, brooklyn man braid banh mi pickled echo park next level taxidermy scenester tote bag deep v.</h4>
+  <h5>Blog letterpress kogi, brooklyn man braid banh mi pickled echo park next level taxidermy scenester tote bag deep v.</h5>
+  <h6>Blog letterpress kogi, brooklyn man braid banh mi pickled echo park next level taxidermy scenester tote bag deep v.</h6>
+</div>
+
+<div class="mb20">
+  <p class="lead">
+    Umami single-origin coffee 90's yuccie, forage meditation paleo synth kinfolk 8-bit iPhone. Blog marfa gastropub, messenger bag bespoke lumbersexual pork belly neutra cronut selvage vinyl irony kale chips. Hammock dreamcatcher skateboard 90's neutra.
+    Occupy banh mi try-hard typewriter post-ironic pitchfork, selfies neutra farm-to-table synth quinoa church-key.
+  </p>
+</div>
+
+<div class="mb20">
+  <h2>Skateboard gluten-free gastropub mustache, helvetica flannel sustainable kogi stumptown echo park.</h2>
+</div>
+
+<div class="mb20">
+  <p>
+    Gentrify flexitarian seitan, yr street art cronut viral health goth bicycle rights chambray godard authentic pinterest. Fashion axe neutra put a bird on it, chartreuse craft beer health goth mlkshk green juice artisan sustainable narwhal 3 wolf moon.
+    Bespoke vice sriracha, DIY aesthetic XOXO beard banh mi. Pop-up tacos bespoke distillery, banjo tousled
+  </p>
+</div>
+
+<div class="mb20">
+  <p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
+  <p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+  <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
+  <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
+  <p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
+  <p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
+</div>
+
+<div class="mb20">
+  <p class="p10 mb10 bg-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+  <p class="p10 mb10 bg-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
+  <p class="p10 mb10 bg-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
+  <p class="p10 mb10 bg-warning">Etiam porta sem malesuada magna mollis euismod.</p>
+  <p class="p10 mb10 bg-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
+</div>
+
+<div class="mb20">
+  <div aria-label="..." class="btn-group" role="group">
+    <button class="btn btn-default" type="button">Left</button>
+    <button class="btn btn-default" type="button">Middle</button>
+    <button class="btn btn-default" type="button">Right</button>
+  </div>
+</div>

data/app/views/minimum_viable_product/styleguide/bootstrap.html.erb

@@ -0,0 +1,43 @@
+<div class="container">
+  <%= render 'minimum_viable_product/styleguide/bootstrap/header' %>
+
+  <section>
+    <h1>Typography</h1>
+    <%= render 'minimum_viable_product/styleguide/bootstrap/typography' %>
+  </section>
+
+  <section>
+    <h1>Buttons</h1>
+    <%= render 'minimum_viable_product/styleguide/bootstrap/buttons' %>
+  </section>
+
+  <section>
+    <h1>Panels</h1>
+    <%= render 'minimum_viable_product/styleguide/bootstrap/panels' %>
+  </section>
+
+  <section>
+    <h1>Forms</h1>
+    <%= render 'minimum_viable_product/styleguide/bootstrap/forms' %>
+  </section>
+
+  <section>
+    <h1>Tables</h1>
+    <%= render 'minimum_viable_product/styleguide/bootstrap/tables' %>
+  </section>
+</div>
+
+<footer class='text-center'>
+  <small>Copyright &copy; <%= Date.today.year %></p></small>
+</footer>
+
+<style media="screen">
+  section {
+    margin-bottom: 100px;
+  }
+
+  section h1 {
+    border-bottom: 1px solid #CCC;
+    padding-bottom: 10px;
+  }
+</style>

data/app/views/minimum_viable_product/styleguide/elements/_grouping.html.erb

@@ -0,0 +1 @@
+<%= render 'example', source: 'row_groups_of' %>

data/app/views/minimum_viable_product/styleguide/elements/partials/_row_groups_of.html.erb

@@ -0,0 +1,7 @@
+<% row_groups_of(3, [1,2,3,4,5,6,7,8,9]) do |i| %>
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <h2 class="text-center"><%= i %></h2>
+    </div>
+  </div>
+<% end %>

data/app/views/minimum_viable_product/styleguide/index.html.erb

@@ -0,0 +1,17 @@
+<div class="container">
+  <section>
+    <h1>Grouping</h1>
+    <%= render 'minimum_viable_product/styleguide/elements/grouping' %>
+  </section>
+</div>
+
+<style media="screen">
+  section {
+    margin-bottom: 100px;
+  }
+
+  section h1 {
+    border-bottom: 1px solid #CCC;
+    padding-bottom: 10px;
+  }
+</style>

data/app/views/minimum_viable_product/styleguide/layouts/basic.html.erb

@@ -0,0 +1,4 @@
+<div class="starter-template">
+  <h1>Bootstrap starter template</h1>
+  <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
+</div>

data/app/views/minimum_viable_product/styleguide/layouts/carousel.html.erb

@@ -0,0 +1,120 @@
+<%- content_for :carousel do %>
+<div id="myCarousel" class="carousel slide" data-ride="carousel">
+  <!-- Indicators -->
+  <ol class="carousel-indicators">
+    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+    <li data-target="#myCarousel" data-slide-to="1"></li>
+    <li data-target="#myCarousel" data-slide-to="2"></li>
+  </ol>
+  <div class="carousel-inner" role="listbox">
+    <div class="item active">
+      <img class="first-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
+      <div class="container">
+        <div class="carousel-caption">
+          <h1>Example headline.</h1>
+          <p>Note: If you're viewing this page via a <code>file://</code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.</p>
+          <p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
+        </div>
+      </div>
+    </div>
+    <div class="item">
+      <img class="second-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide">
+      <div class="container">
+        <div class="carousel-caption">
+          <h1>Another example headline.</h1>
+          <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+          <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
+        </div>
+      </div>
+    </div>
+    <div class="item">
+      <img class="third-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
+      <div class="container">
+        <div class="carousel-caption">
+          <h1>One more for good measure.</h1>
+          <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+          <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
+        </div>
+      </div>
+    </div>
+  </div>
+  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
+    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+    <span class="sr-only">Previous</span>
+  </a>
+  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
+    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+    <span class="sr-only">Next</span>
+  </a>
+</div>
+<% end %>
+
+<div class="container">
+
+  <div class="row">
+    <div class="col-lg-4">
+      <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+      <h2>Heading</h2>
+      <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
+      <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+    </div><!-- /.col-lg-4 -->
+    <div class="col-lg-4">
+      <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+      <h2>Heading</h2>
+      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
+      <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+    </div><!-- /.col-lg-4 -->
+    <div class="col-lg-4">
+      <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+      <h2>Heading</h2>
+      <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+      <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+    </div><!-- /.col-lg-4 -->
+  </div><!-- /.row -->
+
+
+  <!-- START THE FEATURETTES -->
+
+  <hr class="featurette-divider">
+
+  <div class="row featurette">
+    <div class="col-md-7">
+      <h2 class="featurette-heading">First featurette heading. <span class="text-muted">It'll blow your mind.</span></h2>
+      <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+    </div>
+    <div class="col-md-5">
+      <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
+    </div>
+  </div>
+
+  <hr class="featurette-divider">
+
+  <div class="row featurette">
+    <div class="col-md-7 col-md-push-5">
+      <h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
+      <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+    </div>
+    <div class="col-md-5 col-md-pull-7">
+      <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
+    </div>
+  </div>
+
+  <hr class="featurette-divider">
+
+  <div class="row featurette">
+    <div class="col-md-7">
+      <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
+      <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+    </div>
+    <div class="col-md-5">
+      <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
+    </div>
+  </div>
+
+  <hr class="featurette-divider">
+
+  <footer>
+    <p class="pull-right"><a href="#">Back to top</a></p>
+    <p>&copy; 2016 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
+  </footer>
+</div>

data/app/views/minimum_viable_product/styleguide/layouts/cover.html.erb

@@ -0,0 +1,34 @@
+<div class="masthead clearfix">
+  <div class="inner">
+    <h3 class="masthead-brand">Cover</h3>
+    <nav>
+      <ul class="nav masthead-nav">
+        <li class="active">
+          <a href="#">Home</a>
+        </li>
+        <li>
+          <a href="#">Features</a>
+        </li>
+        <li>
+          <a href="#">Contact</a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+</div>
+
+<div class="inner cover">
+  <h1 class="cover-heading">Cover your page.</h1>
+  <p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p>
+  <p class="lead">
+    <a href="#" class="btn btn-lg btn-default">Learn more</a>
+  </p>
+</div>
+
+<div class="mastfoot">
+  <div class="inner">
+    <p>Cover template for
+      <a href="http://getbootstrap.com">Bootstrap</a>, by
+      <a href="https://twitter.com/mdo">@mdo</a>.</p>
+  </div>
+</div>

data/assets/js/application.js

@@ -0,0 +1,31 @@
+require('jquery')
+require('jquery-ujs')
+require('jquery.cookie')
+var _  = require('lodash')
+var is = require('is')
+
+require('./init/controllers')
+require('./init/forms')
+
+window.track = function(event, attributes, fn){
+  console.log("Track: " + event + " " + JSON.stringify(attributes))
+
+  if (is.fn(attributes)) fn = attributes, attributes = null;
+  if (is.undefined(attributes)) { attributes = {} }
+  if ($.cookie('invisible') == "true") {
+    if (!is.undefined(fn)) { fn() }
+    return
+  }
+
+  var attrs = _.extend({
+    iteration: $('body').data('iteration')
+  }, attributes)
+
+  if (typeof(analytics) != 'undefined') {
+    analytics.track(event, attrs, fn);
+  }
+
+  if (typeof(amplitude) != 'undefined') {
+    amplitude.getInstance().logEvent(event, attrs, fn);
+  }
+}

data/assets/js/init/controllers.js

@@ -0,0 +1,26 @@
+window.controllers = {}
+
+let handler = function(){
+  var $body = $("body");
+  var controller = $body.data("controller").replace(/\//g, "_");
+  var action = $body.data("action");
+
+  var activeController = window.controllers[controller];
+
+  if (activeController !== undefined) {
+    if (window.env == "development") {
+      console.log("[Controllers] " + controller + "." + action + "()");
+    }
+
+    if ($.isFunction(activeController.init)) {
+      activeController.init();
+    }
+
+    if ($.isFunction(activeController[action])) {
+      activeController[action]();
+    }
+  }
+}
+
+// $(handler);
+document.addEventListener("turbolinks:load", handler)

data/assets/js/init/forms.js

@@ -0,0 +1,12 @@
+$(function(){
+  $('form.no-enter-submit').bind("keypress", function(e) {
+    if (e.keyCode == 13) {
+      e.preventDefault();
+      return false;
+    }
+  });
+
+  $('form.disable-on-submit').on('submit', function(e){
+    $(this).find(".btn").addClass('disabled')
+  })
+})