minimum_viable_product 0.0.8 → 0.0.9

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 02a4450a6517649bf14786a202ee567f040d9071
4
- data.tar.gz: 5124a07411bd2d1691e03ac3918f4c5bb9993eef
3
+ metadata.gz: 1d0880527c602d931ca1d6f95c965d7be9f9d5a0
4
+ data.tar.gz: 4558e1f1b061cff1fcb8fb7ef14373480acb0c6e
5
5
  SHA512:
6
- metadata.gz: 8c4ba875d1a15406ecb7a6432d8f504fe98f5de1a393bc46c2c1fb09395d7e8133f632778b6b4f27bc4d5d1ec3289cf2dbfd83c6d88f64b4852bd9038879f104
7
- data.tar.gz: af320fda6b4cc38e004343ebf17da8daf615d444c29e23e53c663a3276aa30411b3651c742bbe3ef583c2b59882c4ca8414a743b6e3da2c876c5db1fd524626b
6
+ metadata.gz: 915fc9afacdd9e4a2c61e5de5691f07e65583aa4ca7b8905c7f0a667fa397773af62b944f4c56c0140f50d463a8167d6eb89e974cb399cae94e89f6cced4a778
7
+ data.tar.gz: 13e9f2c9dfbdc818277be027da44584ca9076d60a8abbf8a4f9bd63114b26d2d3319c1d1e63ad258c48893070d341e678b30624dd64631540072ab68aed1be6f
@@ -2,16 +2,24 @@ require_dependency "minimum_viable_product/controller"
2
2
 
3
3
  module MinimumViableProduct
4
4
  class StyleguideController < Controller
5
+ def index
6
+ render layout: 'minimum_viable_product/basic'
7
+ end
8
+
9
+ def bootstrap
10
+ render layout: 'minimum_viable_product/basic'
11
+ end
12
+
5
13
  def layout_basic
6
- render template: 'styleguide/layouts/basic', layout: 'basic'
14
+ render template: 'minimum_viable_product/styleguide/layouts/basic', layout: 'minimum_viable_product/basic'
7
15
  end
8
16
 
9
17
  def layout_cover
10
- render template: 'styleguide/layouts/cover', layout: 'cover'
18
+ render template: 'minimum_viable_product/styleguide/layouts/cover', layout: 'minimum_viable_product/cover'
11
19
  end
12
20
 
13
21
  def layout_carousel
14
- render template: 'styleguide/layouts/carousel', layout: 'carousel'
22
+ render template: 'minimum_viable_product/styleguide/layouts/carousel', layout: 'minimum_viable_product/carousel'
15
23
  end
16
24
  end
17
25
  end
@@ -0,0 +1,6 @@
1
+
2
+ <%= render "minimum_viable_product/styleguide/elements/partials/#{source}" %>
3
+
4
+ <pre>
5
+ <%= File.open(File.join(MinimumViableProduct::Engine.root,'app/views/minimum_viable_product/styleguide/elements/partials/',"_#{source}.html.erb")).read.strip %>
6
+ </pre>
@@ -0,0 +1,43 @@
1
+ <div class="container">
2
+ <%= render 'minimum_viable_product/styleguide/bootstrap/header' %>
3
+
4
+ <section>
5
+ <h1>Typography</h1>
6
+ <%= render 'minimum_viable_product/styleguide/bootstrap/typography' %>
7
+ </section>
8
+
9
+ <section>
10
+ <h1>Buttons</h1>
11
+ <%= render 'minimum_viable_product/styleguide/bootstrap/buttons' %>
12
+ </section>
13
+
14
+ <section>
15
+ <h1>Panels</h1>
16
+ <%= render 'minimum_viable_product/styleguide/bootstrap/panels' %>
17
+ </section>
18
+
19
+ <section>
20
+ <h1>Forms</h1>
21
+ <%= render 'minimum_viable_product/styleguide/bootstrap/forms' %>
22
+ </section>
23
+
24
+ <section>
25
+ <h1>Tables</h1>
26
+ <%= render 'minimum_viable_product/styleguide/bootstrap/tables' %>
27
+ </section>
28
+ </div>
29
+
30
+ <footer class='text-center'>
31
+ <small>Copyright &copy; <%= Date.today.year %></p></small>
32
+ </footer>
33
+
34
+ <style media="screen">
35
+ section {
36
+ margin-bottom: 100px;
37
+ }
38
+
39
+ section h1 {
40
+ border-bottom: 1px solid #CCC;
41
+ padding-bottom: 10px;
42
+ }
43
+ </style>
@@ -0,0 +1,191 @@
1
+ <div class="mb20">
2
+ <p class="mb10">
3
+ <button class="btn btn-default" type="button">Default</button>
4
+ <button class="btn btn-primary" type="button">Primary</button>
5
+ <button class="btn btn-success" type="button">Success</button>
6
+ <button class="btn btn-info" type="button">Info</button>
7
+ <button class="btn btn-warning" type="button">Warning</button>
8
+ <button class="btn btn-danger" type="button">Danger</button>
9
+ <button class="btn btn-link" type="button">Link</button>
10
+ </p>
11
+
12
+ <p class="mb10">
13
+ <button class="btn btn-primary btn-lg" type="button">Large button</button>
14
+ <button class="btn btn-default btn-lg" type="button">Large button</button>
15
+ </p>
16
+ <p class="mb10">
17
+ <button class="btn btn-primary" type="button">Default button</button>
18
+ <button class="btn btn-default" type="button">Default button</button>
19
+ </p>
20
+ <p class="mb10">
21
+ <button class="btn btn-primary btn-sm" type="button">Small button</button>
22
+ <button class="btn btn-default btn-sm" type="button">Small button</button>
23
+ </p>
24
+ <p class="mb10">
25
+ <button class="btn btn-primary btn-xs" type="button">Extra small button</button>
26
+ <button class="btn btn-default btn-xs" type="button">Extra small button</button>
27
+ </p>
28
+ </div>
29
+
30
+ <div class="mb20">
31
+ <div aria-label="Toolbar with button groups" class="btn-toolbar" role="toolbar">
32
+ <div aria-label="First group" class="btn-group" role="group">
33
+ <button class="btn btn-default" type="button">1</button>
34
+ <button class="btn btn-default" type="button">2</button>
35
+ <button class="btn btn-default" type="button">3</button>
36
+ <button class="btn btn-default" type="button">4</button>
37
+ </div>
38
+ <div aria-label="Second group" class="btn-group" role="group">
39
+ <button class="btn btn-default" type="button">5</button>
40
+ <button class="btn btn-default" type="button">6</button>
41
+ <button class="btn btn-default" type="button">7</button>
42
+ </div>
43
+ <div aria-label="Third group" class="btn-group" role="group">
44
+ <button class="btn btn-default" type="button">8</button>
45
+ </div>
46
+ </div>
47
+ </div>
48
+
49
+ <div class="mb20">
50
+ <div aria-label="Button group with nested dropdown" class="btn-group" role="group">
51
+ <button class="btn btn-default" type="button">1</button>
52
+ <button class="btn btn-default" type="button">2</button>
53
+ <div class="btn-group" role="group">
54
+ <button aria-expanded="false" aria-haspopup="true" class="btn btn-default dropdown-toggle" data-toggle="dropdown" id="btnGroupDrop1" type="button">
55
+ Dropdown
56
+ <span class="caret"></span>
57
+ </button>
58
+ <ul aria-labelledby="btnGroupDrop1" class="dropdown-menu">
59
+ <li>
60
+ <a href="#">Dropdown link</a>
61
+ </li>
62
+ <li>
63
+ <a href="#">Dropdown link</a>
64
+ </li>
65
+ </ul>
66
+ </div>
67
+ </div>
68
+ </div>
69
+
70
+ <div class="mb20">
71
+ <div class="btn-group">
72
+ <button aria-expanded="false" aria-haspopup="true" class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">Default
73
+ <span class="caret"></span>
74
+ </button>
75
+ <ul class="dropdown-menu">
76
+ <li>
77
+ <a href="#">Action</a>
78
+ </li>
79
+ <li>
80
+ <a href="#">Another action</a>
81
+ </li>
82
+ <li>
83
+ <a href="#">Something else here</a>
84
+ </li>
85
+ <li class="divider" role="separator"></li>
86
+ <li>
87
+ <a href="#">Separated link</a>
88
+ </li>
89
+ </ul>
90
+ </div>
91
+ <div class="btn-group">
92
+ <button aria-expanded="false" aria-haspopup="true" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" type="button">Primary
93
+ <span class="caret"></span>
94
+ </button>
95
+ <ul class="dropdown-menu">
96
+ <li>
97
+ <a href="#">Action</a>
98
+ </li>
99
+ <li>
100
+ <a href="#">Another action</a>
101
+ </li>
102
+ <li>
103
+ <a href="#">Something else here</a>
104
+ </li>
105
+ <li class="divider" role="separator"></li>
106
+ <li>
107
+ <a href="#">Separated link</a>
108
+ </li>
109
+ </ul>
110
+ </div>
111
+ <div class="btn-group">
112
+ <button aria-expanded="false" aria-haspopup="true" class="btn btn-success dropdown-toggle" data-toggle="dropdown" type="button">Success
113
+ <span class="caret"></span>
114
+ </button>
115
+ <ul class="dropdown-menu">
116
+ <li>
117
+ <a href="#">Action</a>
118
+ </li>
119
+ <li>
120
+ <a href="#">Another action</a>
121
+ </li>
122
+ <li>
123
+ <a href="#">Something else here</a>
124
+ </li>
125
+ <li class="divider" role="separator"></li>
126
+ <li>
127
+ <a href="#">Separated link</a>
128
+ </li>
129
+ </ul>
130
+ </div>
131
+ <div class="btn-group">
132
+ <button aria-expanded="false" aria-haspopup="true" class="btn btn-info dropdown-toggle" data-toggle="dropdown" type="button">Info
133
+ <span class="caret"></span>
134
+ </button>
135
+ <ul class="dropdown-menu">
136
+ <li>
137
+ <a href="#">Action</a>
138
+ </li>
139
+ <li>
140
+ <a href="#">Another action</a>
141
+ </li>
142
+ <li>
143
+ <a href="#">Something else here</a>
144
+ </li>
145
+ <li class="divider" role="separator"></li>
146
+ <li>
147
+ <a href="#">Separated link</a>
148
+ </li>
149
+ </ul>
150
+ </div>
151
+ <div class="btn-group">
152
+ <button aria-expanded="false" aria-haspopup="true" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" type="button">Warning
153
+ <span class="caret"></span>
154
+ </button>
155
+ <ul class="dropdown-menu">
156
+ <li>
157
+ <a href="#">Action</a>
158
+ </li>
159
+ <li>
160
+ <a href="#">Another action</a>
161
+ </li>
162
+ <li>
163
+ <a href="#">Something else here</a>
164
+ </li>
165
+ <li class="divider" role="separator"></li>
166
+ <li>
167
+ <a href="#">Separated link</a>
168
+ </li>
169
+ </ul>
170
+ </div>
171
+ <div class="btn-group">
172
+ <button aria-expanded="false" aria-haspopup="true" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" type="button">Danger
173
+ <span class="caret"></span>
174
+ </button>
175
+ <ul class="dropdown-menu">
176
+ <li>
177
+ <a href="#">Action</a>
178
+ </li>
179
+ <li>
180
+ <a href="#">Another action</a>
181
+ </li>
182
+ <li>
183
+ <a href="#">Something else here</a>
184
+ </li>
185
+ <li class="divider" role="separator"></li>
186
+ <li>
187
+ <a href="#">Separated link</a>
188
+ </li>
189
+ </ul>
190
+ </div>
191
+ </div>
@@ -0,0 +1,192 @@
1
+
2
+
3
+ <div class="mb20">
4
+ <form>
5
+ <div class="form-group">
6
+ <label for="exampleInputEmail1">Email address</label>
7
+ <input class="form-control" id="exampleInputEmail1" placeholder="Email" type="email">
8
+ </div>
9
+ <div class="form-group">
10
+ <label for="exampleInputPassword1">Password</label>
11
+ <input class="form-control" id="exampleInputPassword1" placeholder="Password" type="password">
12
+ </div>
13
+ <div class="form-group">
14
+ <label for="exampleInputFile">File input</label>
15
+ <input id="exampleInputFile" type="file">
16
+ <p class="help-block">Example block-level help text here.</p>
17
+ </div>
18
+ <div class="checkbox">
19
+ <label>
20
+ <input type="checkbox">
21
+ Check me out
22
+ </label>
23
+ </div>
24
+ <button class="btn btn-default" type="submit">Submit</button>
25
+ </form>
26
+ </div>
27
+
28
+ <form class="form-inline">
29
+ <div class="form-group">
30
+ <label for="exampleInputName2">Name</label>
31
+ <input class="form-control" id="exampleInputName2" placeholder="Jane Doe" type="text">
32
+ </div>
33
+ <div class="form-group">
34
+ <label for="exampleInputEmail2">Email</label>
35
+ <input class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com" type="email">
36
+ </div>
37
+ <button class="btn btn-default" type="submit">Send invitation</button>
38
+ </form>
39
+
40
+ <form class="form-horizontal">
41
+ <div class="form-group">
42
+ <label class="col-sm-2 control-label" for="inputEmail3">Email</label>
43
+ <div class="col-sm-10">
44
+ <input class="form-control" id="inputEmail3" placeholder="Email" type="email">
45
+ </div>
46
+ </div>
47
+ <div class="form-group">
48
+ <label class="col-sm-2 control-label" for="inputPassword3">Password</label>
49
+ <div class="col-sm-10">
50
+ <input class="form-control" id="inputPassword3" placeholder="Password" type="password">
51
+ </div>
52
+ </div>
53
+ <div class="form-group">
54
+ <div class="col-sm-offset-2 col-sm-10">
55
+ <div class="checkbox">
56
+ <label>
57
+ <input type="checkbox">
58
+ Remember me
59
+ </label>
60
+ </div>
61
+ </div>
62
+ </div>
63
+ <div class="form-group">
64
+ <div class="col-sm-offset-2 col-sm-10">
65
+ <button class="btn btn-default" type="submit">Sign in</button>
66
+ </div>
67
+ </div>
68
+ </form>
69
+
70
+ <div class="checkbox">
71
+ <label>
72
+ <input type="checkbox" value="">
73
+ Option one is this and that&mdash;be sure to include why it's great
74
+ </label>
75
+ </div>
76
+ <div class="checkbox disabled">
77
+ <label>
78
+ <input disabled type="checkbox" value="">
79
+ Option two is disabled
80
+ </label>
81
+ </div>
82
+
83
+ <div class="radio">
84
+ <label>
85
+ <input checked id="optionsRadios1" name="optionsRadios" type="radio" value="option1">
86
+ Option one is this and that&mdash;be sure to include why it's great
87
+ </label>
88
+ </div>
89
+ <div class="radio">
90
+ <label>
91
+ <input id="optionsRadios2" name="optionsRadios" type="radio" value="option2">
92
+ Option two can be something else and selecting it will deselect option one
93
+ </label>
94
+ </div>
95
+ <div class="radio disabled">
96
+ <label>
97
+ <input disabled id="optionsRadios3" name="optionsRadios" type="radio" value="option3">
98
+ Option three is disabled
99
+ </label>
100
+ </div>
101
+
102
+ <select class="form-control">
103
+ <option>1</option>
104
+ <option>2</option>
105
+ <option>3</option>
106
+ <option>4</option>
107
+ <option>5</option>
108
+ </select>
109
+
110
+ <textarea class="form-control" rows="3"></textarea>
111
+
112
+ <form class="form-horizontal">
113
+ <div class="form-group">
114
+ <label class="col-sm-2 control-label">Email</label>
115
+ <div class="col-sm-10">
116
+ <p class="form-control-static">email@example.com</p>
117
+ </div>
118
+ </div>
119
+ <div class="form-group">
120
+ <label class="col-sm-2 control-label" for="inputPassword">Password</label>
121
+ <div class="col-sm-10">
122
+ <input class="form-control" id="inputPassword" placeholder="Password" type="password">
123
+ </div>
124
+ </div>
125
+ </form>
126
+
127
+ <input class="form-control" disabled id="disabledInput" placeholder="Disabled input here..." type="text">
128
+
129
+ <form>
130
+ <fieldset disabled>
131
+ <div class="form-group">
132
+ <label for="disabledTextInput">Disabled input</label>
133
+ <input class="form-control" id="disabledTextInput" placeholder="Disabled input" type="text">
134
+ </div>
135
+ <div class="form-group">
136
+ <label for="disabledSelect">Disabled select menu</label>
137
+ <select class="form-control" id="disabledSelect">
138
+ <option>Disabled select</option>
139
+ </select>
140
+ </div>
141
+ <div class="checkbox">
142
+ <label>
143
+ <input type="checkbox">
144
+ Can't check this
145
+ </label>
146
+ </div>
147
+ <button class="btn btn-primary" type="submit">Submit</button>
148
+ </fieldset>
149
+ </form>
150
+
151
+ <label class="sr-only" for="inputHelpBlock">Input with help text</label>
152
+ <input aria-describedby="helpBlock" class="form-control" id="inputHelpBlock" type="text">
153
+ ...
154
+ <span class="help-block" id="helpBlock">A block of help text that breaks onto a new line and may extend beyond one line.</span>
155
+
156
+ <div class="form-group has-success">
157
+ <label class="control-label" for="inputSuccess1">Input with success</label>
158
+ <input aria-describedby="helpBlock2" class="form-control" id="inputSuccess1" type="text">
159
+ <span class="help-block" id="helpBlock2">A block of help text that breaks onto a new line and may extend beyond one line.</span>
160
+ </div>
161
+ <div class="form-group has-warning">
162
+ <label class="control-label" for="inputWarning1">Input with warning</label>
163
+ <input class="form-control" id="inputWarning1" type="text">
164
+ </div>
165
+ <div class="form-group has-error">
166
+ <label class="control-label" for="inputError1">Input with error</label>
167
+ <input class="form-control" id="inputError1" type="text">
168
+ </div>
169
+ <div class="has-success">
170
+ <div class="checkbox">
171
+ <label>
172
+ <input id="checkboxSuccess" type="checkbox" value="option1">
173
+ Checkbox with success
174
+ </label>
175
+ </div>
176
+ </div>
177
+ <div class="has-warning">
178
+ <div class="checkbox">
179
+ <label>
180
+ <input id="checkboxWarning" type="checkbox" value="option1">
181
+ Checkbox with warning
182
+ </label>
183
+ </div>
184
+ </div>
185
+ <div class="has-error">
186
+ <div class="checkbox">
187
+ <label>
188
+ <input id="checkboxError" type="checkbox" value="option1">
189
+ Checkbox with error
190
+ </label>
191
+ </div>
192
+ </div>
@@ -0,0 +1,48 @@
1
+ <nav class="navbar navbar-default mt20">
2
+ <div class="container-fluid">
3
+ <!-- Brand and toggle get grouped for better mobile display -->
4
+ <div class="navbar-header">
5
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
6
+ <span class="sr-only">Toggle navigation</span>
7
+ <span class="icon-bar"></span>
8
+ <span class="icon-bar"></span>
9
+ <span class="icon-bar"></span>
10
+ </button>
11
+ <a class="navbar-brand" href="#">__PROJECT_NAME__</a>
12
+ </div>
13
+
14
+ <!-- Collect the nav links, forms, and other content for toggling -->
15
+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
16
+ <ul class="nav navbar-nav">
17
+ <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
18
+ <li><a href="#">Link</a></li>
19
+ <li class="dropdown">
20
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
21
+ <ul class="dropdown-menu">
22
+ <li><a href="#">Action</a></li>
23
+ <li><a href="#">Another action</a></li>
24
+ <li><a href="#">Something else here</a></li>
25
+ <li role="separator" class="divider"></li>
26
+ <li><a href="#">Separated link</a></li>
27
+ <li role="separator" class="divider"></li>
28
+ <li><a href="#">One more separated link</a></li>
29
+ </ul>
30
+ </li>
31
+ </ul>
32
+
33
+ <ul class="nav navbar-nav navbar-right">
34
+ <li><a href="#">Link</a></li>
35
+ <li class="dropdown">
36
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
37
+ <ul class="dropdown-menu">
38
+ <li><a href="#">Action</a></li>
39
+ <li><a href="#">Another action</a></li>
40
+ <li><a href="#">Something else here</a></li>
41
+ <li role="separator" class="divider"></li>
42
+ <li><a href="#">Separated link</a></li>
43
+ </ul>
44
+ </li>
45
+ </ul>
46
+ </div><!-- /.navbar-collapse -->
47
+ </div><!-- /.container-fluid -->
48
+ </nav>
@@ -0,0 +1,16 @@
1
+ <div class="mb20">
2
+ <div class="panel panel-default">
3
+ <div class="panel-heading">Panel heading without title</div>
4
+ <div class="panel-body">
5
+ Panel content
6
+ </div>
7
+ </div>
8
+
9
+ <div class="panel panel-default">
10
+ <div class="panel-heading">
11
+ <h3 class="panel-title">Panel title</h3>
12
+ </div>
13
+ <div class="panel-body">
14
+ Panel content
15
+ </div>
16
+ </div>
@@ -0,0 +1,34 @@
1
+ <div class="mb20">
2
+
3
+ <table class="table">
4
+ <caption>Optional table caption.</caption>
5
+ <thead>
6
+ <tr>
7
+ <th>#</th>
8
+ <th>First Name</th>
9
+ <th>Last Name</th>
10
+ <th>Username</th>
11
+ </tr>
12
+ </thead>
13
+ <tbody>
14
+ <tr>
15
+ <th scope="row">1</th>
16
+ <td>Mark</td>
17
+ <td>Otto</td>
18
+ <td>@mdo</td>
19
+ </tr>
20
+ <tr>
21
+ <th scope="row">2</th>
22
+ <td>Jacob</td>
23
+ <td>Thornton</td>
24
+ <td>@fat</td>
25
+ </tr>
26
+ <tr>
27
+ <th scope="row">3</th>
28
+ <td>Larry</td>
29
+ <td>the Bird</td>
30
+ <td>@twitter</td>
31
+ </tr>
32
+ </tbody>
33
+ </table>
34
+ </div>
@@ -0,0 +1,51 @@
1
+ <div class="mb20">
2
+ <h1>Blog letterpress kogi, brooklyn man braid banh mi pickled echo park next level taxidermy scenester tote bag deep v.</h1>
3
+ <h2>Blog letterpress kogi, brooklyn man braid banh mi pickled echo park next level taxidermy scenester tote bag deep v.</h2>
4
+ <h3>Blog letterpress kogi, brooklyn man braid banh mi pickled echo park next level taxidermy scenester tote bag deep v.</h3>
5
+ <h4>Blog letterpress kogi, brooklyn man braid banh mi pickled echo park next level taxidermy scenester tote bag deep v.</h4>
6
+ <h5>Blog letterpress kogi, brooklyn man braid banh mi pickled echo park next level taxidermy scenester tote bag deep v.</h5>
7
+ <h6>Blog letterpress kogi, brooklyn man braid banh mi pickled echo park next level taxidermy scenester tote bag deep v.</h6>
8
+ </div>
9
+
10
+ <div class="mb20">
11
+ <p class="lead">
12
+ 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.
13
+ Occupy banh mi try-hard typewriter post-ironic pitchfork, selfies neutra farm-to-table synth quinoa church-key.
14
+ </p>
15
+ </div>
16
+
17
+ <div class="mb20">
18
+ <h2>Skateboard gluten-free gastropub mustache, helvetica flannel sustainable kogi stumptown echo park.</h2>
19
+ </div>
20
+
21
+ <div class="mb20">
22
+ <p>
23
+ 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.
24
+ Bespoke vice sriracha, DIY aesthetic XOXO beard banh mi. Pop-up tacos bespoke distillery, banjo tousled
25
+ </p>
26
+ </div>
27
+
28
+ <div class="mb20">
29
+ <p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
30
+ <p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
31
+ <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
32
+ <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
33
+ <p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
34
+ <p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
35
+ </div>
36
+
37
+ <div class="mb20">
38
+ <p class="p10 mb10 bg-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
39
+ <p class="p10 mb10 bg-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
40
+ <p class="p10 mb10 bg-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
41
+ <p class="p10 mb10 bg-warning">Etiam porta sem malesuada magna mollis euismod.</p>
42
+ <p class="p10 mb10 bg-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
43
+ </div>
44
+
45
+ <div class="mb20">
46
+ <div aria-label="..." class="btn-group" role="group">
47
+ <button class="btn btn-default" type="button">Left</button>
48
+ <button class="btn btn-default" type="button">Middle</button>
49
+ <button class="btn btn-default" type="button">Right</button>
50
+ </div>
51
+ </div>
@@ -0,0 +1 @@
1
+ <%= render 'example', source: 'row_groups_of' %>
@@ -0,0 +1,7 @@
1
+ <% row_groups_of(3, [1,2,3,4,5,6,7,8,9]) do |i| %>
2
+ <div class="panel panel-default">
3
+ <div class="panel-heading">
4
+ <h2 class="text-center"><%= i %></h2>
5
+ </div>
6
+ </div>
7
+ <% end %>
@@ -0,0 +1,17 @@
1
+ <div class="container">
2
+ <section>
3
+ <h1>Grouping</h1>
4
+ <%= render 'minimum_viable_product/styleguide/elements/grouping' %>
5
+ </section>
6
+ </div>
7
+
8
+ <style media="screen">
9
+ section {
10
+ margin-bottom: 100px;
11
+ }
12
+
13
+ section h1 {
14
+ border-bottom: 1px solid #CCC;
15
+ padding-bottom: 10px;
16
+ }
17
+ </style>
@@ -0,0 +1,4 @@
1
+ <div class="starter-template">
2
+ <h1>Bootstrap starter template</h1>
3
+ <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>
4
+ </div>
@@ -0,0 +1,120 @@
1
+ <%- content_for :carousel do %>
2
+ <div id="myCarousel" class="carousel slide" data-ride="carousel">
3
+ <!-- Indicators -->
4
+ <ol class="carousel-indicators">
5
+ <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
6
+ <li data-target="#myCarousel" data-slide-to="1"></li>
7
+ <li data-target="#myCarousel" data-slide-to="2"></li>
8
+ </ol>
9
+ <div class="carousel-inner" role="listbox">
10
+ <div class="item active">
11
+ <img class="first-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
12
+ <div class="container">
13
+ <div class="carousel-caption">
14
+ <h1>Example headline.</h1>
15
+ <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>
16
+ <p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
17
+ </div>
18
+ </div>
19
+ </div>
20
+ <div class="item">
21
+ <img class="second-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide">
22
+ <div class="container">
23
+ <div class="carousel-caption">
24
+ <h1>Another example headline.</h1>
25
+ <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>
26
+ <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
27
+ </div>
28
+ </div>
29
+ </div>
30
+ <div class="item">
31
+ <img class="third-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
32
+ <div class="container">
33
+ <div class="carousel-caption">
34
+ <h1>One more for good measure.</h1>
35
+ <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>
36
+ <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
37
+ </div>
38
+ </div>
39
+ </div>
40
+ </div>
41
+ <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
42
+ <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
43
+ <span class="sr-only">Previous</span>
44
+ </a>
45
+ <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
46
+ <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
47
+ <span class="sr-only">Next</span>
48
+ </a>
49
+ </div>
50
+ <% end %>
51
+
52
+ <div class="container">
53
+
54
+ <div class="row">
55
+ <div class="col-lg-4">
56
+ <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
57
+ <h2>Heading</h2>
58
+ <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>
59
+ <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
60
+ </div><!-- /.col-lg-4 -->
61
+ <div class="col-lg-4">
62
+ <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
63
+ <h2>Heading</h2>
64
+ <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>
65
+ <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
66
+ </div><!-- /.col-lg-4 -->
67
+ <div class="col-lg-4">
68
+ <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
69
+ <h2>Heading</h2>
70
+ <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>
71
+ <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
72
+ </div><!-- /.col-lg-4 -->
73
+ </div><!-- /.row -->
74
+
75
+
76
+ <!-- START THE FEATURETTES -->
77
+
78
+ <hr class="featurette-divider">
79
+
80
+ <div class="row featurette">
81
+ <div class="col-md-7">
82
+ <h2 class="featurette-heading">First featurette heading. <span class="text-muted">It'll blow your mind.</span></h2>
83
+ <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>
84
+ </div>
85
+ <div class="col-md-5">
86
+ <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
87
+ </div>
88
+ </div>
89
+
90
+ <hr class="featurette-divider">
91
+
92
+ <div class="row featurette">
93
+ <div class="col-md-7 col-md-push-5">
94
+ <h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
95
+ <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>
96
+ </div>
97
+ <div class="col-md-5 col-md-pull-7">
98
+ <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
99
+ </div>
100
+ </div>
101
+
102
+ <hr class="featurette-divider">
103
+
104
+ <div class="row featurette">
105
+ <div class="col-md-7">
106
+ <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
107
+ <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>
108
+ </div>
109
+ <div class="col-md-5">
110
+ <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
111
+ </div>
112
+ </div>
113
+
114
+ <hr class="featurette-divider">
115
+
116
+ <footer>
117
+ <p class="pull-right"><a href="#">Back to top</a></p>
118
+ <p>&copy; 2016 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
119
+ </footer>
120
+ </div>
@@ -0,0 +1,34 @@
1
+ <div class="masthead clearfix">
2
+ <div class="inner">
3
+ <h3 class="masthead-brand">Cover</h3>
4
+ <nav>
5
+ <ul class="nav masthead-nav">
6
+ <li class="active">
7
+ <a href="#">Home</a>
8
+ </li>
9
+ <li>
10
+ <a href="#">Features</a>
11
+ </li>
12
+ <li>
13
+ <a href="#">Contact</a>
14
+ </li>
15
+ </ul>
16
+ </nav>
17
+ </div>
18
+ </div>
19
+
20
+ <div class="inner cover">
21
+ <h1 class="cover-heading">Cover your page.</h1>
22
+ <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>
23
+ <p class="lead">
24
+ <a href="#" class="btn btn-lg btn-default">Learn more</a>
25
+ </p>
26
+ </div>
27
+
28
+ <div class="mastfoot">
29
+ <div class="inner">
30
+ <p>Cover template for
31
+ <a href="http://getbootstrap.com">Bootstrap</a>, by
32
+ <a href="https://twitter.com/mdo">@mdo</a>.</p>
33
+ </div>
34
+ </div>
@@ -1,16 +1,16 @@
1
- MinimumViableProduct::Engine.routes.draw do
1
+ Rails.application.routes.draw do
2
2
  # mount RailsAdmin::Engine => '/admin', as: 'rails_admin'
3
3
 
4
4
  if Rails.env.development?
5
- get 'styleguide', to: 'styleguide#index'
6
- get 'styleguide/bootstrap', to: 'styleguide#bootstrap'
5
+ get 'styleguide', to: 'minimum_viable_product/styleguide#index'
6
+ get 'styleguide/bootstrap', to: 'minimum_viable_product/styleguide#bootstrap'
7
7
  ['basic','cover','carousel'].each do |layout|
8
- get "styleguide/layouts/#{layout}", to: "styleguide#layout_#{layout}"
8
+ get "styleguide/layouts/#{layout}", to: "minimum_viable_product/styleguide#layout_#{layout}"
9
9
  end
10
10
  end
11
11
 
12
- get 'robots.txt', to: 'seo#robots', as: :robots
12
+ get 'robots.txt', to: 'minimum_viable_product/seo#robots', as: :robots
13
13
  get '/sitemap.xml.gz', to: redirect("https://#{ENV['AWS_S3_BUCKET']}.s3.amazonaws.com/nailsalons/sitemaps/sitemap.xml.gz"), as: :sitemap
14
14
 
15
- get 'analytics/optout', to: 'sessions#optout'
15
+ get 'analytics/optout', to: 'minimum_viable_product/analytics#optout'
16
16
  end
@@ -1,3 +1,3 @@
1
1
  module MinimumViableProduct
2
- VERSION = "0.0.8"
2
+ VERSION = "0.0.9"
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: minimum_viable_product
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.8
4
+ version: 0.0.9
5
5
  platform: ruby
6
6
  authors:
7
7
  - Ian Hunter
@@ -475,6 +475,20 @@ files:
475
475
  - app/views/layouts/minimum_viable_product/basic.html.erb
476
476
  - app/views/layouts/minimum_viable_product/carousel.html.erb
477
477
  - app/views/layouts/minimum_viable_product/cover.html.erb
478
+ - app/views/minimum_viable_product/styleguide/_example.html.erb
479
+ - app/views/minimum_viable_product/styleguide/bootstrap.html.erb
480
+ - app/views/minimum_viable_product/styleguide/bootstrap/_buttons.html.erb
481
+ - app/views/minimum_viable_product/styleguide/bootstrap/_forms.html.erb
482
+ - app/views/minimum_viable_product/styleguide/bootstrap/_header.html.erb
483
+ - app/views/minimum_viable_product/styleguide/bootstrap/_panels.html.erb
484
+ - app/views/minimum_viable_product/styleguide/bootstrap/_tables.html.erb
485
+ - app/views/minimum_viable_product/styleguide/bootstrap/_typography.html.erb
486
+ - app/views/minimum_viable_product/styleguide/elements/_grouping.html.erb
487
+ - app/views/minimum_viable_product/styleguide/elements/partials/_row_groups_of.html.erb
488
+ - app/views/minimum_viable_product/styleguide/index.html.erb
489
+ - app/views/minimum_viable_product/styleguide/layouts/basic.html.erb
490
+ - app/views/minimum_viable_product/styleguide/layouts/carousel.html.erb
491
+ - app/views/minimum_viable_product/styleguide/layouts/cover.html.erb
478
492
  - bin/mvp
479
493
  - config/initializers/canonical_host.rb
480
494
  - config/initializers/client_side_validations.rb