bootsaas 0.0.8 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +14 -6
- data/lib/bootsaas/version.rb +1 -1
- data/lib/generators/bootsaas/install_generator.rb +12 -3
- data/lib/generators/bootsaas/templates/assets/stylesheets/landing-page.css.scss +9 -1
- data/lib/generators/bootsaas/templates/assets/stylesheets/static_pages.scss +107 -3
- data/lib/generators/bootsaas/templates/controllers/static_pages_controller.rb +3 -0
- data/lib/generators/bootsaas/templates/layouts/_footer.html.erb +19 -0
- data/lib/generators/bootsaas/templates/layouts/_mailchimp.html.erb +23 -0
- data/lib/generators/bootsaas/templates/layouts/_navbar.html.erb +33 -0
- data/lib/generators/bootsaas/templates/layouts/pages.html.erb +3 -48
- data/lib/generators/bootsaas/templates/test/controllers/static_pages_controller_test.rb +4 -0
- data/lib/generators/bootsaas/templates/views/_pricing_table.html.erb +120 -0
- data/lib/generators/bootsaas/templates/views/coming_soon.html.erb +1 -5
- data/lib/generators/bootsaas/templates/views/index.html.erb +13 -13
- data/lib/generators/bootsaas/templates/views/pricing.html.erb +16 -0
- metadata +7 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 897f4df54dcc450fdcd63cb9a148815e703ecedd
|
4
|
+
data.tar.gz: 4ac56df7ba777b32f7276b3d232b790fdbcee21e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f7ca4efbe8a599344374538d3275fd8b9897fa665882ddea68b37b1b529d9dcfcc35a850f3cb6e29fe23e7c02c1cd5455fc19e6e4eca59dcefa042435346a648
|
7
|
+
data.tar.gz: b736c9c591165823a56fec52e5214d80560e5939ae8e9113602fce39851e9c309c136c48b1a91e96d2b59ff546fd9dc9eeedefdf6e184aff5c4f3a826a0a7c7e
|
data/README.md
CHANGED
@@ -2,14 +2,22 @@
|
|
2
2
|
|
3
3
|
Bootstrap your start up! BootSaaS sets up your application and generates basic layouts to get your app started. Just create a blank rails app, add the gem and follow the installation instructions. Forget about the setup, concentrate on building the meat of your startup.
|
4
4
|
|
5
|
+
![Home Page](http://i.imgur.com/1PXcvms.png)
|
6
|
+
![Bottom of Homepage, Mailchimp form](http://i.imgur.com/xxmPiCZ.png)
|
7
|
+
![Pricing Table](http://i.imgur.com/RxpwEfm.png)
|
8
|
+
![Coming Soon Page](http://i.imgur.com/3ViE3bm.png)
|
9
|
+
|
5
10
|
### What it does
|
6
11
|
|
7
12
|
- Sets up Bootstrap
|
8
|
-
- Sets up a static pages controller, layouts,
|
9
|
-
-
|
10
|
-
-
|
13
|
+
- Sets up a static pages controller, with layouts, views and partials for your front facing pages
|
14
|
+
- Sets up reusable partials for main navigation bar, footer, mailchimp form and pricing table throughout your site
|
15
|
+
- Creates a simple home page, a pricing page, and coming soon page
|
16
|
+
- Drive users through the pricing page before the coming soon page to measure commitment
|
11
17
|
- Sets up routes for your new pages
|
12
|
-
- Adds
|
18
|
+
- Adds rails 12 factor gem for assets precompilation on heroku
|
19
|
+
- Adds brakeman gem for security
|
20
|
+
- Adds tests for your static pages!
|
13
21
|
|
14
22
|
## Installation
|
15
23
|
|
@@ -33,7 +41,7 @@ Then run:
|
|
33
41
|
rails g bootsaas:install
|
34
42
|
```
|
35
43
|
|
36
|
-
BootSaaS will create a static pages controller for the front end of your app and a 'coming soon' page to
|
44
|
+
BootSaaS will create a static pages controller for the front end of your app, a 'pricing' page to direct signups to and a 'coming soon' page so that you can measure the commitment of a user trying to sign up via the Pricing page. It's all bootstrap so you can hop in and get tweaking straight away! Drop in your google analytics, mailchimp form, and edit the css for customisation.
|
37
45
|
|
38
46
|
## With thanks
|
39
47
|
|
@@ -41,7 +49,7 @@ Thanks to http://startbootstrap.com for the sweet landing page template
|
|
41
49
|
|
42
50
|
## Contributing
|
43
51
|
|
44
|
-
1. Fork it ( https://github.com/
|
52
|
+
1. Fork it ( https://github.com/spencerldixon/bootsaas/fork )
|
45
53
|
2. Create your feature branch (`git checkout -b my-new-feature`)
|
46
54
|
3. Commit your changes (`git commit -am 'Add some feature'`)
|
47
55
|
4. Push to the branch (`git push origin my-new-feature`)
|
data/lib/bootsaas/version.rb
CHANGED
@@ -14,20 +14,29 @@ module Bootsaas
|
|
14
14
|
|
15
15
|
def add_routes
|
16
16
|
insert_into_file 'config/routes.rb', :after => "Rails.application.routes.draw do" do
|
17
|
-
"\n # BootSaaS routes for home page and coming soon landing page\n root 'static_pages#index'\n get 'coming_soon', to: 'static_pages#coming_soon', as: 'coming_soon'\n"
|
17
|
+
"\n # BootSaaS routes for home page and coming soon landing page\n root 'static_pages#index'\n get 'coming_soon', to: 'static_pages#coming_soon', as: 'coming_soon'\n get 'pricing', to: 'static_pages#pricing', as: 'pricing'\n"
|
18
18
|
end
|
19
19
|
end
|
20
20
|
|
21
21
|
def add_gems
|
22
22
|
append_to_file 'Gemfile' do
|
23
|
-
"\ngem 'rails_12factor', group: :production"
|
23
|
+
"\ngem 'rails_12factor', group: :production\ngem 'brakeman'"
|
24
24
|
end
|
25
25
|
end
|
26
26
|
|
27
27
|
def add_padding_for_navbar
|
28
28
|
append_to_file 'app/assets/stylesheets/application.css' do
|
29
|
-
"body { padding-top:
|
29
|
+
"body { padding-top: 30px; }"
|
30
30
|
end
|
31
31
|
end
|
32
|
+
|
33
|
+
# Removed for now, will be in next release
|
34
|
+
|
35
|
+
# def add_defaults_to_environments
|
36
|
+
# prepend_to_file 'config/secrets.yml', "# Any secrets here will be inhereted by all environments\n# Declaring it again in an environment will override it's default value\ndefault: &default\n\n"
|
37
|
+
# inject_into_file "config/secrets.yml", "\n\t<<: *default", :after => /development:/
|
38
|
+
# inject_into_file "config/secrets.yml", "\n\t<<: *default", :after => /test:/
|
39
|
+
# inject_into_file "config/secrets.yml", "\n\t<<: *default", :after => /production:/
|
40
|
+
# end
|
32
41
|
end
|
33
42
|
end
|
@@ -36,6 +36,8 @@ h6 {
|
|
36
36
|
color: #f8f8f8;
|
37
37
|
background: image-url('intro-bg.jpg') no-repeat center center;
|
38
38
|
background-size: cover;
|
39
|
+
|
40
|
+
.panel { color: #333; }
|
39
41
|
}
|
40
42
|
|
41
43
|
.intro-message {
|
@@ -44,7 +46,13 @@ h6 {
|
|
44
46
|
padding-bottom: 20%;
|
45
47
|
}
|
46
48
|
|
47
|
-
.
|
49
|
+
.pricing-message {
|
50
|
+
position: relative;
|
51
|
+
padding-top: 5%;
|
52
|
+
padding-bottom: 5%;
|
53
|
+
}
|
54
|
+
|
55
|
+
.intro-message > h1, .pricing-message > h1 {
|
48
56
|
margin: 0;
|
49
57
|
text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
|
50
58
|
font-size: 5em;
|
@@ -1,3 +1,107 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
1
|
+
body
|
2
|
+
{
|
3
|
+
margin-top: 20px;
|
4
|
+
}
|
5
|
+
.panel
|
6
|
+
{
|
7
|
+
text-align: center;
|
8
|
+
}
|
9
|
+
.panel:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); }
|
10
|
+
.panel-body
|
11
|
+
{
|
12
|
+
padding: 0px;
|
13
|
+
text-align: center;
|
14
|
+
}
|
15
|
+
|
16
|
+
.the-price
|
17
|
+
{
|
18
|
+
background-color: rgba(220,220,220,.17);
|
19
|
+
box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
|
20
|
+
padding: 20px;
|
21
|
+
margin: 0;
|
22
|
+
}
|
23
|
+
|
24
|
+
.the-price h1
|
25
|
+
{
|
26
|
+
line-height: 1em;
|
27
|
+
padding: 0;
|
28
|
+
margin: 0;
|
29
|
+
}
|
30
|
+
|
31
|
+
.subscript
|
32
|
+
{
|
33
|
+
font-size: 25px;
|
34
|
+
}
|
35
|
+
|
36
|
+
/* CSS-only ribbon styles */
|
37
|
+
.cnrflash
|
38
|
+
{
|
39
|
+
/*Position correctly within container*/
|
40
|
+
position: absolute;
|
41
|
+
top: -9px;
|
42
|
+
right: 4px;
|
43
|
+
z-index: 1; /*Set overflow to hidden, to mask inner square*/
|
44
|
+
overflow: hidden; /*Set size and add subtle rounding to soften edges*/
|
45
|
+
width: 100px;
|
46
|
+
height: 100px;
|
47
|
+
border-radius: 3px 5px 3px 0;
|
48
|
+
}
|
49
|
+
.cnrflash-inner
|
50
|
+
{
|
51
|
+
/*Set position, make larger then container and rotate 45 degrees*/
|
52
|
+
position: absolute;
|
53
|
+
bottom: 0;
|
54
|
+
right: 0;
|
55
|
+
width: 145px;
|
56
|
+
height: 145px;
|
57
|
+
-ms-transform: rotate(45deg); /* IE 9 */
|
58
|
+
-o-transform: rotate(45deg); /* Opera */
|
59
|
+
-moz-transform: rotate(45deg); /* Firefox */
|
60
|
+
-webkit-transform: rotate(45deg); /* Safari and Chrome */
|
61
|
+
-webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
|
62
|
+
-ms-transform-origin: 100% 100%; /* IE 9 */
|
63
|
+
-o-transform-origin: 100% 100%; /* Opera */
|
64
|
+
-moz-transform-origin: 100% 100%; /* Firefox */
|
65
|
+
/*background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);*/
|
66
|
+
background-size: 4px,auto, auto,auto;
|
67
|
+
background-color: #5CB85C;
|
68
|
+
box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
|
69
|
+
}
|
70
|
+
.cnrflash-inner:before, .cnrflash-inner:after
|
71
|
+
{
|
72
|
+
/*Use the border triangle trick to make it look like the ribbon wraps round it's container*/
|
73
|
+
content: " ";
|
74
|
+
display: block;
|
75
|
+
position: absolute;
|
76
|
+
bottom: -16px;
|
77
|
+
width: 0;
|
78
|
+
height: 0;
|
79
|
+
border: 8px solid #357935;
|
80
|
+
}
|
81
|
+
.cnrflash-inner:before
|
82
|
+
{
|
83
|
+
left: 1px;
|
84
|
+
border-bottom-color: transparent;
|
85
|
+
border-right-color: transparent;
|
86
|
+
}
|
87
|
+
.cnrflash-inner:after
|
88
|
+
{
|
89
|
+
right: 0;
|
90
|
+
border-bottom-color: transparent;
|
91
|
+
border-left-color: transparent;
|
92
|
+
}
|
93
|
+
.cnrflash-label
|
94
|
+
{
|
95
|
+
/*Make the label look nice*/
|
96
|
+
position: absolute;
|
97
|
+
bottom: 0;
|
98
|
+
left: 0;
|
99
|
+
display: block;
|
100
|
+
width: 100%;
|
101
|
+
padding-bottom: 5px;
|
102
|
+
color: #fff;
|
103
|
+
text-shadow: 0 1px 1px rgba(1,1,1,.8);
|
104
|
+
font-size: 0.95em;
|
105
|
+
font-weight: bold;
|
106
|
+
text-align: center;
|
107
|
+
}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
<!-- Footer -->
|
2
|
+
<footer>
|
3
|
+
<div class="container">
|
4
|
+
<div class="row">
|
5
|
+
<div class="col-lg-12">
|
6
|
+
<ul class="list-inline">
|
7
|
+
<li><%= link_to 'Home', root_path %></li>
|
8
|
+
<li class="footer-menu-divider">⋅</li>
|
9
|
+
<li><a href="/#howitworks">How it Works</a></li>
|
10
|
+
<li class="footer-menu-divider">⋅</li>
|
11
|
+
<li><%= link_to 'Pricing', pricing_path %></li>
|
12
|
+
<li class="footer-menu-divider">⋅</li>
|
13
|
+
<li><a href="/#contact">Contact</a></li>
|
14
|
+
</ul>
|
15
|
+
<p class="copyright text-muted small">Copyright © BootSaaS <%= Date.today.year %>. All Rights Reserved</p>
|
16
|
+
</div>
|
17
|
+
</div>
|
18
|
+
</div>
|
19
|
+
</footer>
|
@@ -0,0 +1,23 @@
|
|
1
|
+
<!-- Generate your mailchimp form, chose the naked html code, and copy the form action link into the space below -->
|
2
|
+
|
3
|
+
<!-- Begin MailChimp Signup Form -->
|
4
|
+
<div id="mc_embed_signup" style="margin-top:40px;">
|
5
|
+
<form action="DROP YOUR LINK IN HERE" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form-inline" target="_blank" novalidate>
|
6
|
+
<div id="mc_embed_signup_scroll">
|
7
|
+
<div class="form-group">
|
8
|
+
<div class="col-sm-12">
|
9
|
+
<input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL" placeholder="myemail@example.com" style="height:45px;width:400px;font-size:20px;">
|
10
|
+
</div>
|
11
|
+
<div id="mce-responses" class="clear">
|
12
|
+
<div class="response" id="mce-error-response" style="display:none"></div>
|
13
|
+
<div class="response" id="mce-success-response" style="display:none"></div>
|
14
|
+
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
15
|
+
<div style="position: absolute; left: -5000px;">
|
16
|
+
<input type="text" name="b_c46cf3e404f62902d724b0579_7a48d65845" tabindex="-1" value="">
|
17
|
+
</div>
|
18
|
+
</div>
|
19
|
+
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button btn btn-success btn-lg">
|
20
|
+
</div>
|
21
|
+
</form>
|
22
|
+
</div>
|
23
|
+
<!--End mc_embed_signup-->
|
@@ -0,0 +1,33 @@
|
|
1
|
+
<!-- Navigation -->
|
2
|
+
<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
|
3
|
+
<div class="container topnav">
|
4
|
+
<!-- Brand and toggle get grouped for better mobile display -->
|
5
|
+
<div class="navbar-header">
|
6
|
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
7
|
+
<span class="sr-only">Toggle navigation</span>
|
8
|
+
<span class="icon-bar"></span>
|
9
|
+
<span class="icon-bar"></span>
|
10
|
+
<span class="icon-bar"></span>
|
11
|
+
</button>
|
12
|
+
<%= link_to 'BootSaaS', root_path, class: 'navbar-brand topnav' %>
|
13
|
+
</div>
|
14
|
+
|
15
|
+
<!-- /.navbar-collapse -->
|
16
|
+
|
17
|
+
<!-- Collect the nav links, forms, and other content for toggling -->
|
18
|
+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
19
|
+
<ul class="nav navbar-nav navbar-left">
|
20
|
+
<li><a href="/#howitworks">How it Works</a></li>
|
21
|
+
<li><%= link_to 'Pricing', pricing_path %></li>
|
22
|
+
<li><a href="/#contact">Contact</a></li>
|
23
|
+
</ul>
|
24
|
+
|
25
|
+
<ul class="nav navbar-nav navbar-right">
|
26
|
+
<%= link_to 'Sign Up Free', pricing_path, class: "btn btn-success navbar-btn" %>
|
27
|
+
<li><a href="#">Sign In</a></li>
|
28
|
+
</ul>
|
29
|
+
</div>
|
30
|
+
<!-- /.navbar-collapse -->
|
31
|
+
</div>
|
32
|
+
<!-- /.container -->
|
33
|
+
</nav>
|
@@ -1,65 +1,20 @@
|
|
1
1
|
<!DOCTYPE html>
|
2
2
|
<html>
|
3
3
|
<head>
|
4
|
-
<title>
|
4
|
+
<title>BootSaaS</title>
|
5
5
|
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
|
6
6
|
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
|
7
7
|
<%= csrf_meta_tags %>
|
8
8
|
<!-- Custom Fonts -->
|
9
9
|
<!--link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"-->
|
10
10
|
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
|
11
|
-
|
12
11
|
<%= render 'layouts/shim' %>
|
13
12
|
<%= render 'layouts/analytics' %>
|
14
13
|
</head>
|
15
14
|
|
16
15
|
<body>
|
17
|
-
|
18
|
-
<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
|
19
|
-
<div class="container topnav">
|
20
|
-
<!-- Brand and toggle get grouped for better mobile display -->
|
21
|
-
<div class="navbar-header">
|
22
|
-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
23
|
-
<span class="sr-only">Toggle navigation</span>
|
24
|
-
<span class="icon-bar"></span>
|
25
|
-
<span class="icon-bar"></span>
|
26
|
-
<span class="icon-bar"></span>
|
27
|
-
</button>
|
28
|
-
<%= link_to 'BootSaaS', root_path, class: 'navbar-brand topnav' %>
|
29
|
-
</div>
|
30
|
-
<!-- Collect the nav links, forms, and other content for toggling -->
|
31
|
-
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
32
|
-
<ul class="nav navbar-nav navbar-right">
|
33
|
-
<li><a href="#about">About</a></li>
|
34
|
-
<li><a href="#services">Services</a></li>
|
35
|
-
<li><a href="#contact">Contact</a></li>
|
36
|
-
</ul>
|
37
|
-
</div>
|
38
|
-
<!-- /.navbar-collapse -->
|
39
|
-
</div>
|
40
|
-
<!-- /.container -->
|
41
|
-
</nav>
|
42
|
-
|
16
|
+
<%= render 'layouts/navbar' %>
|
43
17
|
<%= yield %>
|
44
|
-
|
45
|
-
<!-- Footer -->
|
46
|
-
<footer>
|
47
|
-
<div class="container">
|
48
|
-
<div class="row">
|
49
|
-
<div class="col-lg-12">
|
50
|
-
<ul class="list-inline">
|
51
|
-
<li><%= link_to 'Home', root_path %></li>
|
52
|
-
<li class="footer-menu-divider">⋅</li>
|
53
|
-
<li><a href="#about">About</a></li>
|
54
|
-
<li class="footer-menu-divider">⋅</li>
|
55
|
-
<li><a href="#services">Services</a></li>
|
56
|
-
<li class="footer-menu-divider">⋅</li>
|
57
|
-
<li><a href="#contact">Contact</a></li>
|
58
|
-
</ul>
|
59
|
-
<p class="copyright text-muted small">Copyright © BootSaas <%= Date.today.year %>. All Rights Reserved</p>
|
60
|
-
</div>
|
61
|
-
</div>
|
62
|
-
</div>
|
63
|
-
</footer>
|
18
|
+
<%= render 'layouts/footer' %>
|
64
19
|
</body>
|
65
20
|
</html>
|
@@ -0,0 +1,120 @@
|
|
1
|
+
<div class="container">
|
2
|
+
<div class="row">
|
3
|
+
<div class="col-xs-12 col-md-4">
|
4
|
+
<div class="panel panel-primary">
|
5
|
+
<div class="panel-heading">
|
6
|
+
<h3 class="panel-title">Free</h3>
|
7
|
+
</div>
|
8
|
+
<div class="panel-body">
|
9
|
+
<div class="the-price">
|
10
|
+
<h1>FREE<span class="subscript">/mo</span></h1>
|
11
|
+
<small>Our free plan, free now, free forever</small>
|
12
|
+
</div>
|
13
|
+
<table class="table">
|
14
|
+
<!--tr>
|
15
|
+
<td>1 Account</td>
|
16
|
+
</tr-->
|
17
|
+
<tr class="active">
|
18
|
+
<td>25 Things</td>
|
19
|
+
</tr>
|
20
|
+
<tr>
|
21
|
+
<td>No Stuff</td>
|
22
|
+
</tr>
|
23
|
+
<tr class="active">
|
24
|
+
<td>No Stuff</td>
|
25
|
+
</tr>
|
26
|
+
<tr>
|
27
|
+
<td>Stuff</td>
|
28
|
+
</tr>
|
29
|
+
<tr class="active">
|
30
|
+
<td>Stuff</td>
|
31
|
+
</tr>
|
32
|
+
</table>
|
33
|
+
</div>
|
34
|
+
<div class="panel-footer">
|
35
|
+
<%= link_to 'Sign Up', coming_soon_path, class: "btn btn-success btn-lg" %>
|
36
|
+
</div>
|
37
|
+
</div>
|
38
|
+
</div>
|
39
|
+
|
40
|
+
<div class="col-xs-12 col-md-4">
|
41
|
+
<div class="panel panel-primary">
|
42
|
+
<div class="cnrflash">
|
43
|
+
<div class="cnrflash-inner">
|
44
|
+
<span class="cnrflash-label">MOST<br>POPULAR</span>
|
45
|
+
</div>
|
46
|
+
</div>
|
47
|
+
<div class="panel-heading">
|
48
|
+
<h3 class="panel-title">Pro</h3>
|
49
|
+
</div>
|
50
|
+
|
51
|
+
<div class="panel-body">
|
52
|
+
<div class="the-price">
|
53
|
+
<h1>£9<span class="subscript">/mo</span></h1>
|
54
|
+
<small>Great features, great price</small>
|
55
|
+
</div>
|
56
|
+
<table class="table">
|
57
|
+
<!--tr>
|
58
|
+
<td>2 Account</td>
|
59
|
+
</tr-->
|
60
|
+
<tr class="active">
|
61
|
+
<td>100 Things</td>
|
62
|
+
</tr>
|
63
|
+
<tr>
|
64
|
+
<td>Unlimited Stuff</td>
|
65
|
+
</tr>
|
66
|
+
<tr class="active">
|
67
|
+
<td>Stuff</td>
|
68
|
+
</tr>
|
69
|
+
<tr>
|
70
|
+
<td>Stuff</td>
|
71
|
+
</tr>
|
72
|
+
<tr class="active">
|
73
|
+
<td>Stuff</td>
|
74
|
+
</tr>
|
75
|
+
</table>
|
76
|
+
</div>
|
77
|
+
<div class="panel-footer">
|
78
|
+
<%= link_to 'Sign Up', coming_soon_path, class: "btn btn-success btn-lg" %>
|
79
|
+
</div>
|
80
|
+
</div>
|
81
|
+
</div>
|
82
|
+
|
83
|
+
<div class="col-xs-12 col-md-4">
|
84
|
+
<div class="panel panel-primary">
|
85
|
+
<div class="panel-heading">
|
86
|
+
<h3 class="panel-title">Business</h3>
|
87
|
+
</div>
|
88
|
+
<div class="panel-body">
|
89
|
+
<div class="the-price">
|
90
|
+
<h1>£35<span class="subscript">/mo</span></h1>
|
91
|
+
<small>For those serious about data</small>
|
92
|
+
</div>
|
93
|
+
<table class="table">
|
94
|
+
<!--tr>
|
95
|
+
<td>5 Account</td>
|
96
|
+
</tr-->
|
97
|
+
<tr class="active">
|
98
|
+
<td>1,000 Things</td>
|
99
|
+
</tr>
|
100
|
+
<tr>
|
101
|
+
<td>Unlimited Stuff</td>
|
102
|
+
</tr>
|
103
|
+
<tr class="active">
|
104
|
+
<td>Stuff</td>
|
105
|
+
</tr>
|
106
|
+
<tr>
|
107
|
+
<td>Stuff</td>
|
108
|
+
</tr>
|
109
|
+
<tr class="active">
|
110
|
+
<td>Stuff</td>
|
111
|
+
</tr>
|
112
|
+
</table>
|
113
|
+
</div>
|
114
|
+
<div class="panel-footer">
|
115
|
+
<%= link_to 'Sign Up', coming_soon_path, class: "btn btn-success btn-lg" %>
|
116
|
+
</div>
|
117
|
+
</div>
|
118
|
+
</div>
|
119
|
+
</div>
|
120
|
+
</div>
|
@@ -8,11 +8,7 @@
|
|
8
8
|
<h3>In the meantime, you can sign up to our mailing list to be the first to know!</h3>
|
9
9
|
<hr class="intro-divider">
|
10
10
|
<ul class="list-inline intro-social-buttons">
|
11
|
-
|
12
|
-
<span class="input-group-addon" id="basic-addon1"><i class="icon-envelope"></i></span>
|
13
|
-
<input type="text" class="form-control" placeholder="a.person@example.com" aria-describedby="basic-addon1">
|
14
|
-
</div>
|
15
|
-
<br><li><%= link_to 'Subscribe', root_path, class: "btn btn-default btn-lg" %></li>
|
11
|
+
<%= render 'layouts/mailchimp' %>
|
16
12
|
</ul>
|
17
13
|
</div>
|
18
14
|
</div>
|
@@ -5,11 +5,12 @@
|
|
5
5
|
<div class="row">
|
6
6
|
<div class="col-lg-12">
|
7
7
|
<div class="intro-message">
|
8
|
-
<h1>
|
8
|
+
<h1>A catchy strapline here</h1>
|
9
|
+
<h3>Explain what your product does and<br> how it benefits your users here</h3>
|
9
10
|
<h3>Try it now, it's free!</h3>
|
10
11
|
<hr class="intro-divider">
|
11
12
|
<ul class="list-inline intro-social-buttons">
|
12
|
-
<li><%= link_to 'Sign Up',
|
13
|
+
<li><%= link_to 'Sign Up', pricing_path, class: "btn btn-success btn-lg" %></li>
|
13
14
|
</ul>
|
14
15
|
</div>
|
15
16
|
</div>
|
@@ -20,15 +21,15 @@
|
|
20
21
|
<!-- /.intro-header -->
|
21
22
|
|
22
23
|
<!-- Page Content -->
|
23
|
-
<a name="
|
24
|
+
<a name="howitworks"></a>
|
24
25
|
<div class="content-section-a">
|
25
26
|
<div class="container">
|
26
27
|
<div class="row">
|
27
28
|
<div class="col-lg-5 col-sm-6">
|
28
29
|
<hr class="section-heading-spacer">
|
29
30
|
<div class="clearfix"></div>
|
30
|
-
<h2 class="section-heading">
|
31
|
-
<p class="lead">
|
31
|
+
<h2 class="section-heading">Attractive features described below</h2>
|
32
|
+
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel eros nec ipsum viverra lacinia. In ante nibh, faucibus ut mollis eget, maximus in ex. </p><p class="lead">Morbi vitae mauris vehicula, sollicitudin arcu non, ornare nulla. In maximus pretium metus non dapibus. Proin vestibulum lacus at euismod sagittis. </p>
|
32
33
|
</div>
|
33
34
|
<div class="col-lg-5 col-lg-offset-2 col-sm-6">
|
34
35
|
<%= image_tag 'ipad.png', class: 'img-responsive' %>
|
@@ -45,8 +46,8 @@
|
|
45
46
|
<div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6">
|
46
47
|
<hr class="section-heading-spacer">
|
47
48
|
<div class="clearfix"></div>
|
48
|
-
<h2 class="section-heading">
|
49
|
-
<p class="lead">
|
49
|
+
<h2 class="section-heading">More features</h2>
|
50
|
+
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel eros nec ipsum viverra lacinia. In ante nibh, faucibus ut mollis eget, maximus in ex. </p><p class="lead">Morbi vitae mauris vehicula, sollicitudin arcu non, ornare nulla. In maximus pretium metus non dapibus. Proin vestibulum lacus at euismod sagittis. </p>
|
50
51
|
</div>
|
51
52
|
<div class="col-lg-5 col-sm-pull-6 col-sm-6">
|
52
53
|
<%= image_tag 'dog.png', class: 'img-responsive' %>
|
@@ -63,8 +64,8 @@
|
|
63
64
|
<div class="col-lg-5 col-sm-6">
|
64
65
|
<hr class="section-heading-spacer">
|
65
66
|
<div class="clearfix"></div>
|
66
|
-
<h2 class="section-heading">
|
67
|
-
<p class="lead">
|
67
|
+
<h2 class="section-heading">Even more features</h2>
|
68
|
+
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel eros nec ipsum viverra lacinia. In ante nibh, faucibus ut mollis eget, maximus in ex. </p><p class="lead">Morbi vitae mauris vehicula, sollicitudin arcu non, ornare nulla. In maximus pretium metus non dapibus. Proin vestibulum lacus at euismod sagittis. </p>
|
68
69
|
</div>
|
69
70
|
<div class="col-lg-5 col-lg-offset-2 col-sm-6">
|
70
71
|
<%= image_tag 'phones.png', class: 'img-responsive' %>
|
@@ -80,13 +81,12 @@
|
|
80
81
|
<div class="container">
|
81
82
|
<div class="row">
|
82
83
|
<div class="col-lg-6">
|
83
|
-
<h2>
|
84
|
+
<h2>Stay in the know</h2>
|
85
|
+
<h4>We don't spam or share your email, just great updates and news about the cool things we're working on for you</h4>
|
84
86
|
</div>
|
85
87
|
<div class="col-lg-6">
|
86
88
|
<ul class="list-inline banner-social-buttons">
|
87
|
-
|
88
|
-
<li><a href="https://github.com/IronSummitMedia/startbootstrap" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a></li>
|
89
|
-
<li><a href="#" class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Linkedin</span></a></li>
|
89
|
+
<%= render 'layouts/mailchimp' %>
|
90
90
|
</ul>
|
91
91
|
</div>
|
92
92
|
</div>
|
@@ -0,0 +1,16 @@
|
|
1
|
+
<a name="about"></a>
|
2
|
+
<div class="intro-header">
|
3
|
+
<div class="container">
|
4
|
+
<div class="row">
|
5
|
+
<div class="col-lg-12">
|
6
|
+
<div class="pricing-message">
|
7
|
+
<h1>Simple pricing, how it should be</h1>
|
8
|
+
<h3>Cancel anytime, no fuss, no questions asked</h3>
|
9
|
+
<hr class="intro-divider"><br><br>
|
10
|
+
<%= render 'static_pages/pricing_table' %>
|
11
|
+
</div>
|
12
|
+
</div>
|
13
|
+
</div>
|
14
|
+
</div>
|
15
|
+
<!-- /.container -->
|
16
|
+
</div>
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bootsaas
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0
|
4
|
+
version: 1.0.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Spencer Dixon
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-01-
|
11
|
+
date: 2015-01-31 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -108,12 +108,17 @@ files:
|
|
108
108
|
- lib/generators/bootsaas/templates/fonts/glyphicons-halflings-regular.woff2
|
109
109
|
- lib/generators/bootsaas/templates/helpers/static_pages_helper.rb
|
110
110
|
- lib/generators/bootsaas/templates/layouts/_analytics.html.erb
|
111
|
+
- lib/generators/bootsaas/templates/layouts/_footer.html.erb
|
112
|
+
- lib/generators/bootsaas/templates/layouts/_mailchimp.html.erb
|
113
|
+
- lib/generators/bootsaas/templates/layouts/_navbar.html.erb
|
111
114
|
- lib/generators/bootsaas/templates/layouts/_shim.html.erb
|
112
115
|
- lib/generators/bootsaas/templates/layouts/pages.html.erb
|
113
116
|
- lib/generators/bootsaas/templates/test/controllers/.keep
|
114
117
|
- lib/generators/bootsaas/templates/test/controllers/static_pages_controller_test.rb
|
118
|
+
- lib/generators/bootsaas/templates/views/_pricing_table.html.erb
|
115
119
|
- lib/generators/bootsaas/templates/views/coming_soon.html.erb
|
116
120
|
- lib/generators/bootsaas/templates/views/index.html.erb
|
121
|
+
- lib/generators/bootsaas/templates/views/pricing.html.erb
|
117
122
|
homepage: https://github.com/spencerldixon/BootSaaS
|
118
123
|
licenses:
|
119
124
|
- MIT
|