dauft 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +77 -0
- data/Rakefile +1 -0
- data/dauft.gemspec +17 -0
- data/lib/dauft.rb +17 -0
- data/lib/dauft/engine.rb +4 -0
- data/lib/dauft/generators/layout_generator.rb +25 -0
- data/lib/dauft/generators/templates/contents/banded.html.erb +39 -0
- data/lib/dauft/generators/templates/contents/blog.html.erb +47 -0
- data/lib/dauft/generators/templates/contents/feed.html.erb +65 -0
- data/lib/dauft/generators/templates/contents/grid.html.erb +99 -0
- data/lib/dauft/generators/templates/contents/store.html.erb +85 -0
- data/lib/dauft/generators/templates/layouts/application.html.erb +14 -0
- data/lib/dauft/generators/templates/layouts/banded.html.erb +51 -0
- data/lib/dauft/generators/templates/layouts/blog.html.erb +83 -0
- data/lib/dauft/generators/templates/layouts/feed.html.erb +97 -0
- data/lib/dauft/generators/templates/layouts/grid.html.erb +149 -0
- data/lib/dauft/generators/templates/layouts/store.html.erb +146 -0
- data/lib/dauft/generators/view_generator.rb +29 -0
- data/lib/dauft/version.rb +3 -0
- metadata +82 -0
data/Gemfile
ADDED
data/LICENSE.txt
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
Copyright (c) 2013 michaelnera
|
2
|
+
|
3
|
+
MIT License
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
6
|
+
a copy of this software and associated documentation files (the
|
7
|
+
"Software"), to deal in the Software without restriction, including
|
8
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
9
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
10
|
+
permit persons to whom the Software is furnished to do so, subject to
|
11
|
+
the following conditions:
|
12
|
+
|
13
|
+
The above copyright notice and this permission notice shall be
|
14
|
+
included in all copies or substantial portions of the Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
17
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
18
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
19
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
20
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
21
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
22
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,77 @@
|
|
1
|
+
# DAUFT
|
2
|
+
|
3
|
+
**Design Applications Using Foundation Templates**
|
4
|
+
|
5
|
+
This gem uses [Zurb Foundation](http://foundation.zurb.com/templates.php) HTML templates.
|
6
|
+
|
7
|
+
This gem requires you to install [zurb-foundation](https://github.com/zurb/foundation) gem.
|
8
|
+
|
9
|
+
For the current version, these are the available templates: Banded, Blog, Feed, Grid, and Store
|
10
|
+
|
11
|
+
|
12
|
+
## Installation
|
13
|
+
|
14
|
+
First, add zurb-foundation gem. Add this to your Gemfile under assets group:
|
15
|
+
|
16
|
+
gem 'zurb-foundation'
|
17
|
+
|
18
|
+
|
19
|
+
Then, add this line under development group:
|
20
|
+
|
21
|
+
gem 'dauft'
|
22
|
+
|
23
|
+
And then execute:
|
24
|
+
|
25
|
+
$ bundle
|
26
|
+
|
27
|
+
|
28
|
+
## Usage
|
29
|
+
|
30
|
+
First, setup zurb-foundation:
|
31
|
+
|
32
|
+
$ rails g foundation:install
|
33
|
+
|
34
|
+
|
35
|
+
Templates:
|
36
|
+
|
37
|
+
Banded, Blog, Feed, Grid, and Store
|
38
|
+
|
39
|
+
|
40
|
+
To create a layout:
|
41
|
+
|
42
|
+
$ rails g dauft:layout template_name
|
43
|
+
|
44
|
+
$ rails g dauft:layout store
|
45
|
+
|
46
|
+
|
47
|
+
To use this template for a controller, add this line to your controller:
|
48
|
+
|
49
|
+
layout 'template_name'
|
50
|
+
|
51
|
+
layout 'store'
|
52
|
+
|
53
|
+
|
54
|
+
To create views that uses a template:
|
55
|
+
|
56
|
+
$ rails g dauft:view template_name controller_name action_1 action_2
|
57
|
+
|
58
|
+
$ rails g dauft:view store products index
|
59
|
+
|
60
|
+
|
61
|
+
## Contributing
|
62
|
+
|
63
|
+
1. Fork it
|
64
|
+
2. Create your feature branch (`git checkout -b my-new-feature`)
|
65
|
+
3. Commit your changes (`git commit -am 'Add some feature'`)
|
66
|
+
4. Push to the branch (`git push origin my-new-feature`)
|
67
|
+
5. Create new Pull Request
|
68
|
+
|
69
|
+
|
70
|
+
|
71
|
+
## Links/References
|
72
|
+
|
73
|
+
1. Zurb Foundation home page: http://foundation.zurb.com/
|
74
|
+
2. Zurb Foundation github: https://github.com/zurb/foundation
|
75
|
+
2. Zurb Foundation templates: http://foundation.zurb.com/templates.php
|
76
|
+
|
77
|
+
|
data/Rakefile
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
require "bundler/gem_tasks"
|
data/dauft.gemspec
ADDED
@@ -0,0 +1,17 @@
|
|
1
|
+
# -*- encoding: utf-8 -*-
|
2
|
+
lib = File.expand_path('../lib', __FILE__)
|
3
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
4
|
+
require 'dauft/version'
|
5
|
+
|
6
|
+
Gem::Specification.new do |gem|
|
7
|
+
gem.name = "dauft"
|
8
|
+
gem.version = Dauft::VERSION
|
9
|
+
gem.authors = ["michaelnera"]
|
10
|
+
gem.email = ["kapitan_03@yahoo.com"]
|
11
|
+
gem.description = "Design Applications Using Foundation Templates"
|
12
|
+
gem.summary = "This gem uses Zurb Foundation stylesheets and html templates"
|
13
|
+
gem.homepage = "https://github.com/michaelnera/dauft"
|
14
|
+
gem.files = `git ls-files`.split($\)
|
15
|
+
|
16
|
+
gem.add_dependency "zurb-foundation"
|
17
|
+
end
|
data/lib/dauft.rb
ADDED
@@ -0,0 +1,17 @@
|
|
1
|
+
require 'dauft/version'
|
2
|
+
require 'dauft/engine'
|
3
|
+
require 'dauft/generators/layout_generator'
|
4
|
+
require 'dauft/generators/view_generator'
|
5
|
+
|
6
|
+
module Dauft
|
7
|
+
|
8
|
+
def self.destination
|
9
|
+
@destination ||= 'app/views'
|
10
|
+
end
|
11
|
+
|
12
|
+
|
13
|
+
def self.scss_path
|
14
|
+
'../scss/'
|
15
|
+
end
|
16
|
+
|
17
|
+
end
|
data/lib/dauft/engine.rb
ADDED
@@ -0,0 +1,25 @@
|
|
1
|
+
require 'rails/generators'
|
2
|
+
|
3
|
+
module Dauft
|
4
|
+
module Generators
|
5
|
+
class LayoutGenerator < Rails::Generators::Base
|
6
|
+
source_root File.expand_path("../templates", __FILE__)
|
7
|
+
argument :layout_name, :type => :string, :default => 'application', :banner => 'layout_name'
|
8
|
+
|
9
|
+
|
10
|
+
def generate_layout
|
11
|
+
template "layouts/#{file_name}.html.erb", "app/views/layouts/#{file_name}.html.erb"
|
12
|
+
end
|
13
|
+
|
14
|
+
|
15
|
+
private
|
16
|
+
|
17
|
+
def file_name
|
18
|
+
layout_name.underscore.downcase
|
19
|
+
end
|
20
|
+
|
21
|
+
end
|
22
|
+
end
|
23
|
+
end
|
24
|
+
|
25
|
+
|
@@ -0,0 +1,39 @@
|
|
1
|
+
<div class="row">
|
2
|
+
<div class="large-12 columns">
|
3
|
+
<img src="http://placehold.it/1000x400&text=[img]">
|
4
|
+
|
5
|
+
<hr>
|
6
|
+
</div>
|
7
|
+
</div>
|
8
|
+
|
9
|
+
<div class="row">
|
10
|
+
<div class="large-4 columns">
|
11
|
+
<img src="http://placehold.it/400x300&text=[img]">
|
12
|
+
</div>
|
13
|
+
<div class="large-8 columns">
|
14
|
+
<h4>This is a content section.</h4>
|
15
|
+
<div class="row">
|
16
|
+
<div class="large-6 columns">
|
17
|
+
<p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa. Boudin aliqua adipisicing rump corned beef.</p>
|
18
|
+
</div>
|
19
|
+
<div class="large-6 columns">
|
20
|
+
<p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
|
21
|
+
</div>
|
22
|
+
</div>
|
23
|
+
</div>
|
24
|
+
</div>
|
25
|
+
|
26
|
+
|
27
|
+
<div class="row">
|
28
|
+
<div class="large-8 columns">
|
29
|
+
<h4>This is a content section.</h4>
|
30
|
+
|
31
|
+
<p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa. Boudin aliqua adipisicing rump corned beef.</p>
|
32
|
+
|
33
|
+
<p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
|
34
|
+
|
35
|
+
</div>
|
36
|
+
<div class="large-4 columns">
|
37
|
+
<img src="http://placehold.it/400x300&text=[img]">
|
38
|
+
</div>
|
39
|
+
</div>
|
@@ -0,0 +1,47 @@
|
|
1
|
+
<div class="large-9 columns" role="content">
|
2
|
+
|
3
|
+
<article>
|
4
|
+
|
5
|
+
<h3><a href="#">Blog Post Title</a></h3>
|
6
|
+
<h6>Written by <a href="#">John Smith</a> on August 12, 2012.</h6>
|
7
|
+
|
8
|
+
<div class="row">
|
9
|
+
<div class="large-6 columns">
|
10
|
+
<p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa.</p>
|
11
|
+
<p>Boudin aliqua adipisicing rump corned beef. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
|
12
|
+
</div>
|
13
|
+
<div class="large-6 columns">
|
14
|
+
<img src="http://placehold.it/400x240&text=[img]" />
|
15
|
+
</div>
|
16
|
+
</div>
|
17
|
+
|
18
|
+
<p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
|
19
|
+
|
20
|
+
<p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
|
21
|
+
|
22
|
+
</article>
|
23
|
+
|
24
|
+
<hr />
|
25
|
+
|
26
|
+
<article>
|
27
|
+
|
28
|
+
<h3><a href="#">Blog Post Title</a></h3>
|
29
|
+
<h6>Written by <a href="#">John Smith</a> on August 12, 2012.</h6>
|
30
|
+
|
31
|
+
<div class="row">
|
32
|
+
<div class="large-6 columns">
|
33
|
+
<p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa.</p>
|
34
|
+
<p>Boudin aliqua adipisicing rump corned beef. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
|
35
|
+
</div>
|
36
|
+
<div class="large-6 columns">
|
37
|
+
<img src="http://placehold.it/400x240&text=[img]" />
|
38
|
+
</div>
|
39
|
+
</div>
|
40
|
+
|
41
|
+
<p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
|
42
|
+
|
43
|
+
<p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
|
44
|
+
|
45
|
+
</article>
|
46
|
+
|
47
|
+
</div>
|
@@ -0,0 +1,65 @@
|
|
1
|
+
<!-- This has been source ordered to come first in the markup (and on small devices) but to be to the right of the nav on larger screens -->
|
2
|
+
<div class="large-6 columns">
|
3
|
+
|
4
|
+
<!-- Feed Entry -->
|
5
|
+
<div class="row">
|
6
|
+
<div class="large-2 columns small-3"><img src="http://placehold.it/80x80&text=[img]" /></div>
|
7
|
+
<div class="large-10 columns">
|
8
|
+
<p><strong>Some Person said:</strong> Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong.</p>
|
9
|
+
<ul class="inline-list">
|
10
|
+
<li><a href="">Reply</a></li>
|
11
|
+
<li><a href="">Share</a></li>
|
12
|
+
</ul>
|
13
|
+
|
14
|
+
|
15
|
+
<h6>2 Comments</h6>
|
16
|
+
<div class="row">
|
17
|
+
<div class="large-2 columns small-3"><img src="http://placehold.it/50x50&text=[img]" /></div>
|
18
|
+
<div class="large-10 columns"><p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit</p></div>
|
19
|
+
</div>
|
20
|
+
<div class="row">
|
21
|
+
<div class="large-2 columns small-3"><img src="http://placehold.it/50x50&text=[img]" /></div>
|
22
|
+
<div class="large-10 columns"><p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit</p></div>
|
23
|
+
</div>
|
24
|
+
</div>
|
25
|
+
</div>
|
26
|
+
<!-- End Feed Entry -->
|
27
|
+
|
28
|
+
<hr />
|
29
|
+
|
30
|
+
<!-- Feed Entry -->
|
31
|
+
<div class="row">
|
32
|
+
<div class="large-2 columns small-3"><img src="http://placehold.it/80x80&text=[img]" /></div>
|
33
|
+
<div class="large-10 columns">
|
34
|
+
<p><strong>Some Person said:</strong> Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong.</p>
|
35
|
+
<ul class="inline-list">
|
36
|
+
<li><a href="">Reply</a></li>
|
37
|
+
<li><a href="">Share</a></li>
|
38
|
+
</ul>
|
39
|
+
</div>
|
40
|
+
</div>
|
41
|
+
<!-- End Feed Entry -->
|
42
|
+
|
43
|
+
<hr />
|
44
|
+
|
45
|
+
<!-- Feed Entry -->
|
46
|
+
<div class="row">
|
47
|
+
<div class="large-2 columns small-3"><img src="http://placehold.it/80x80&text=[img]" /></div>
|
48
|
+
<div class="large-10 columns">
|
49
|
+
<p><strong>Some Person said:</strong> Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong.</p>
|
50
|
+
<ul class="inline-list">
|
51
|
+
<li><a href="">Reply</a></li>
|
52
|
+
<li><a href="">Share</a></li>
|
53
|
+
</ul>
|
54
|
+
|
55
|
+
|
56
|
+
<h6>2 Comments</h6>
|
57
|
+
<div class="row">
|
58
|
+
<div class="large-2 columns small-3"><img src="http://placehold.it/50x50&text=[img]" /></div>
|
59
|
+
<div class="large-10 columns"><p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit</p></div>
|
60
|
+
</div>
|
61
|
+
</div>
|
62
|
+
</div>
|
63
|
+
<!-- End Feed Entry -->
|
64
|
+
|
65
|
+
</div>
|
@@ -0,0 +1,99 @@
|
|
1
|
+
<div class="row">
|
2
|
+
|
3
|
+
<div class="large-3 columns">
|
4
|
+
<div class="panel">
|
5
|
+
<h5>Panel Title</h5>
|
6
|
+
<p>This is a three columns grid panel with an arbitrary height.</p>
|
7
|
+
</div>
|
8
|
+
</div>
|
9
|
+
<div class="large-6 columns">
|
10
|
+
<div class="panel">
|
11
|
+
<h5>Panel Title</h5>
|
12
|
+
<p>This is a six columns grid panel with an arbitrary height. Bacon ipsum dolor sit amet salami ham hock biltong ball tip drumstick sirloin pancetta meatball short loin.</p>
|
13
|
+
</div>
|
14
|
+
</div>
|
15
|
+
<div class="large-3 columns">
|
16
|
+
<div class="panel">
|
17
|
+
<h5>Panel Title</h5>
|
18
|
+
<p>This is a three columns grid panel with an arbitrary height.</p>
|
19
|
+
</div>
|
20
|
+
</div>
|
21
|
+
|
22
|
+
</div>
|
23
|
+
|
24
|
+
|
25
|
+
|
26
|
+
<div class="row">
|
27
|
+
|
28
|
+
<div class="large-6 columns">
|
29
|
+
<div class="panel">
|
30
|
+
<h5>Panel Title</h5>
|
31
|
+
<p>This is a six columns grid panel with an arbitrary height. Bacon ipsum dolor sit amet salami ham hock biltong ball tip drumstick sirloin pancetta meatball short loin.</p>
|
32
|
+
</div>
|
33
|
+
</div>
|
34
|
+
<div class="large-2 columns">
|
35
|
+
<div class="panel">
|
36
|
+
<p>
|
37
|
+
<img src="http://placehold.it/200x200" />
|
38
|
+
</p>
|
39
|
+
</div>
|
40
|
+
</div>
|
41
|
+
<div class="large-4 columns">
|
42
|
+
<div class="panel">
|
43
|
+
<h5>Panel Title</h5>
|
44
|
+
<p>This is a four columns grid panel with an arbitrary height. Bacon ipsum dolor sit amet salami.</p>
|
45
|
+
</div>
|
46
|
+
</div>
|
47
|
+
|
48
|
+
</div>
|
49
|
+
|
50
|
+
|
51
|
+
<div class="row">
|
52
|
+
|
53
|
+
<div class="large-4 columns">
|
54
|
+
<div class="panel">
|
55
|
+
<p>
|
56
|
+
<img src="http://placehold.it/400x300" />
|
57
|
+
</p>
|
58
|
+
</div>
|
59
|
+
</div>
|
60
|
+
<div class="large-4 columns">
|
61
|
+
<div class="panel">
|
62
|
+
<p>
|
63
|
+
<img src="http://placehold.it/400x300" />
|
64
|
+
</p>
|
65
|
+
</div>
|
66
|
+
</div>
|
67
|
+
<div class="large-4 columns">
|
68
|
+
<div class="panel">
|
69
|
+
<p>
|
70
|
+
<img src="http://placehold.it/400x300" />
|
71
|
+
</p>
|
72
|
+
</div>
|
73
|
+
</div>
|
74
|
+
|
75
|
+
</div>
|
76
|
+
|
77
|
+
|
78
|
+
<div class="row">
|
79
|
+
|
80
|
+
<div class="large-6 columns">
|
81
|
+
<div class="panel">
|
82
|
+
<h5>Panel Title</h5>
|
83
|
+
<p>This is a six columns grid panel with an arbitrary height. Bacon ipsum dolor sit amet salami ham hock biltong ball tip drumstick sirloin pancetta meatball short loin.</p>
|
84
|
+
</div>
|
85
|
+
</div>
|
86
|
+
<div class="large-3 columns">
|
87
|
+
<div class="panel">
|
88
|
+
<h5>Panel Title</h5>
|
89
|
+
<p>This is a three columns grid panel with an arbitrary height.</p>
|
90
|
+
</div>
|
91
|
+
</div>
|
92
|
+
<div class="large-3 columns">
|
93
|
+
<div class="panel">
|
94
|
+
<h5>Panel Title</h5>
|
95
|
+
<p>This is a three columns grid panel with an arbitrary height.</p>
|
96
|
+
</div>
|
97
|
+
</div>
|
98
|
+
|
99
|
+
</div>
|
@@ -0,0 +1,85 @@
|
|
1
|
+
<!-- Thumbnails of Products -->
|
2
|
+
<div class="large-8 columns">
|
3
|
+
<div class="row">
|
4
|
+
|
5
|
+
<div class="large-4 small-6 columns">
|
6
|
+
<img src="http://placehold.it/1000x1000&text=Thumbnail">
|
7
|
+
|
8
|
+
<div class="panel">
|
9
|
+
<h5>Item Name</h5>
|
10
|
+
<h6 class="subheader">$000.00</h6>
|
11
|
+
</div>
|
12
|
+
</div>
|
13
|
+
|
14
|
+
<div class="large-4 small-6 columns">
|
15
|
+
<img src="http://placehold.it/500x500&text=Thumbnail">
|
16
|
+
|
17
|
+
<div class="panel">
|
18
|
+
<h5>Item Name</h5>
|
19
|
+
<h6 class="subheader">$000.00</h6>
|
20
|
+
</div>
|
21
|
+
</div>
|
22
|
+
|
23
|
+
<div class="large-4 small-6 columns">
|
24
|
+
<img src="http://placehold.it/500x500&text=Thumbnail">
|
25
|
+
|
26
|
+
<div class="panel">
|
27
|
+
<h5>Item Name</h5>
|
28
|
+
<h6 class="subheader">$000.00</h6>
|
29
|
+
</div>
|
30
|
+
</div>
|
31
|
+
|
32
|
+
<div class="large-4 small-6 columns">
|
33
|
+
<img src="http://placehold.it/500x500&text=Thumbnail">
|
34
|
+
|
35
|
+
<div class="panel">
|
36
|
+
<h5>Item Name</h5>
|
37
|
+
<h6 class="subheader">$000.00</h6>
|
38
|
+
</div>
|
39
|
+
</div>
|
40
|
+
|
41
|
+
<div class="large-4 small-6 columns">
|
42
|
+
<img src="http://placehold.it/500x500&text=Thumbnail">
|
43
|
+
|
44
|
+
<div class="panel">
|
45
|
+
<h5>Item Name</h5>
|
46
|
+
<h6 class="subheader">$000.00</h6>
|
47
|
+
</div>
|
48
|
+
</div>
|
49
|
+
|
50
|
+
<div class="large-4 small-6 columns">
|
51
|
+
<img src="http://placehold.it/500x500&text=Thumbnail">
|
52
|
+
|
53
|
+
<div class="panel">
|
54
|
+
<h5>Item Name</h5>
|
55
|
+
<h6 class="subheader">$000.00</h6>
|
56
|
+
</div>
|
57
|
+
</div>
|
58
|
+
</div>
|
59
|
+
|
60
|
+
|
61
|
+
|
62
|
+
<!-- Managed By -->
|
63
|
+
<div class="row">
|
64
|
+
<div class="large-12 columns">
|
65
|
+
<div class="panel">
|
66
|
+
<div class="row">
|
67
|
+
|
68
|
+
<div class="large-2 small-6 columns">
|
69
|
+
<img src="http://placehold.it/300x300&text=Site Owner">
|
70
|
+
</div>
|
71
|
+
|
72
|
+
<div class="large-10 small-6 columns">
|
73
|
+
<strong>This Site Is Managed By<hr/></strong>
|
74
|
+
|
75
|
+
Risus ligula, aliquam nec fermentum vitae, sollicitudin eget urna. Donec dignissim nibh fermentum odio ornare sagittis
|
76
|
+
</div>
|
77
|
+
|
78
|
+
</div>
|
79
|
+
</div>
|
80
|
+
</div>
|
81
|
+
|
82
|
+
<!-- End Managed By -->
|
83
|
+
|
84
|
+
</div>
|
85
|
+
</div>
|
@@ -0,0 +1,51 @@
|
|
1
|
+
<!DOCTYPE HTML>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>App_Name</title>
|
5
|
+
<%%= stylesheet_link_tag "application", :media => "all" %>
|
6
|
+
<%%= javascript_include_tag "application" %>
|
7
|
+
<%%= csrf_meta_tags %>
|
8
|
+
</head>
|
9
|
+
|
10
|
+
<body>
|
11
|
+
<header class="row">
|
12
|
+
<div class="large-3 columns">
|
13
|
+
<h1><%%= image_tag "http://placehold.it/400x100&text=Logo" %></h1>
|
14
|
+
</div>
|
15
|
+
|
16
|
+
<div class="large-9 columns">
|
17
|
+
<ul class="button-group right">
|
18
|
+
<%% 1.upto(4) do |i| %>
|
19
|
+
<li>
|
20
|
+
<%%= link_to "Link #{i}", '#', :class => 'button' %>
|
21
|
+
</li>
|
22
|
+
<%% end %>
|
23
|
+
</ul>
|
24
|
+
</div>
|
25
|
+
</header>
|
26
|
+
|
27
|
+
<div id="container">
|
28
|
+
<%%= yield %>
|
29
|
+
</div>
|
30
|
+
|
31
|
+
<footer class="row">
|
32
|
+
<div class="large-12 columns">
|
33
|
+
<hr>
|
34
|
+
<div class="row">
|
35
|
+
<div class="large-6 columns">
|
36
|
+
<p>© Copyright no one at all. Go to town.</p>
|
37
|
+
</div>
|
38
|
+
<div class="large-6 columns">
|
39
|
+
<ul class="inline-list right">
|
40
|
+
<li><a href="#">Link 1</a></li>
|
41
|
+
<li><a href="#">Link 2</a></li>
|
42
|
+
<li><a href="#">Link 3</a></li>
|
43
|
+
<li><a href="#">Link 4</a></li>
|
44
|
+
</ul>
|
45
|
+
</div>
|
46
|
+
</div>
|
47
|
+
</div>
|
48
|
+
</footer>
|
49
|
+
</body>
|
50
|
+
|
51
|
+
</html>
|
@@ -0,0 +1,83 @@
|
|
1
|
+
<!DOCTYPE HTML>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>App_Name</title>
|
5
|
+
<%%= stylesheet_link_tag "application", :media => "all" %>
|
6
|
+
<%%= javascript_include_tag "application" %>
|
7
|
+
<%%= csrf_meta_tags %>
|
8
|
+
</head>
|
9
|
+
|
10
|
+
<body>
|
11
|
+
|
12
|
+
<div class="row">
|
13
|
+
<div class="large-12 columns">
|
14
|
+
<div class="nav-bar right">
|
15
|
+
<ul class="button-group">
|
16
|
+
<li><a href="#" class="button">Link 1</a></li>
|
17
|
+
<li><a href="#" class="button">Link 2</a></li>
|
18
|
+
<li><a href="#" class="button">Link 3</a></li>
|
19
|
+
<li><a href="#" class="button">Link 4</a></li>
|
20
|
+
</ul>
|
21
|
+
</div>
|
22
|
+
<h1>Blog <small>This is my blog. It's awesome.</small></h1>
|
23
|
+
<hr />
|
24
|
+
</div>
|
25
|
+
</div>
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
<!-- Main Page Content and Sidebar -->
|
30
|
+
<div class="row">
|
31
|
+
|
32
|
+
<!-- Main Blog Content -->
|
33
|
+
<%%= yield %>
|
34
|
+
<!-- End Main Content -->
|
35
|
+
|
36
|
+
<!-- Sidebar -->
|
37
|
+
<aside class="large-3 columns">
|
38
|
+
|
39
|
+
<h5>Categories</h5>
|
40
|
+
<ul class="side-nav">
|
41
|
+
<li><a href="#">News</a></li>
|
42
|
+
<li><a href="#">Code</a></li>
|
43
|
+
<li><a href="#">Design</a></li>
|
44
|
+
<li><a href="#">Fun</a></li>
|
45
|
+
<li><a href="#">Weasels</a></li>
|
46
|
+
</ul>
|
47
|
+
|
48
|
+
<div class="panel">
|
49
|
+
<h5>Featured</h5>
|
50
|
+
<p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow.</p>
|
51
|
+
<a href="#">Read More →</a>
|
52
|
+
</div>
|
53
|
+
|
54
|
+
</aside>
|
55
|
+
|
56
|
+
<!-- End Sidebar -->
|
57
|
+
</div>
|
58
|
+
|
59
|
+
<!-- End Main Content and Sidebar -->
|
60
|
+
|
61
|
+
<!-- Footer -->
|
62
|
+
<footer class="row">
|
63
|
+
<div class="large-12 columns">
|
64
|
+
<hr />
|
65
|
+
<div class="row">
|
66
|
+
<div class="large-6 columns">
|
67
|
+
<p>© Copyright no one at all. Go to town.</p>
|
68
|
+
</div>
|
69
|
+
<div class="large-6 columns">
|
70
|
+
<ul class="inline-list right">
|
71
|
+
<li><a href="#">Link 1</a></li>
|
72
|
+
<li><a href="#">Link 2</a></li>
|
73
|
+
<li><a href="#">Link 3</a></li>
|
74
|
+
<li><a href="#">Link 4</a></li>
|
75
|
+
</ul>
|
76
|
+
</div>
|
77
|
+
</div>
|
78
|
+
</div>
|
79
|
+
</footer>
|
80
|
+
|
81
|
+
</body>
|
82
|
+
|
83
|
+
</html>
|
@@ -0,0 +1,97 @@
|
|
1
|
+
<!DOCTYPE HTML>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>App_Name</title>
|
5
|
+
<%%= stylesheet_link_tag "application", :media => "all" %>
|
6
|
+
<%%= javascript_include_tag "application" %>
|
7
|
+
<%%= csrf_meta_tags %>
|
8
|
+
</head>
|
9
|
+
|
10
|
+
<body>
|
11
|
+
|
12
|
+
<!-- Header and Nav -->
|
13
|
+
|
14
|
+
<div class="row">
|
15
|
+
<div class="large-12 columns">
|
16
|
+
<div class="panel">
|
17
|
+
<h1>Feed Template</h1>
|
18
|
+
</div>
|
19
|
+
</div>
|
20
|
+
</div>
|
21
|
+
|
22
|
+
<!-- End Header and Nav -->
|
23
|
+
|
24
|
+
|
25
|
+
<div class="row">
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
<!-- Nav Sidebar -->
|
30
|
+
<!-- This is source ordered to be pulled to the left on larger screens -->
|
31
|
+
<div class="large-3 columns ">
|
32
|
+
<div class="panel">
|
33
|
+
<a href="#"><img src="http://placehold.it/300x240&text=[img]" /></a>
|
34
|
+
<h5><a href="#">Your Name</a></h5>
|
35
|
+
<div class="section-container vertical-nav" data-section data-options="deep_linking: false; one_up: true">
|
36
|
+
<section class="section">
|
37
|
+
<h5 class="title"><a href="#">Section 1</a></h5>
|
38
|
+
</section>
|
39
|
+
<section class="section">
|
40
|
+
<h5 class="title"><a href="#">Section 2</a></h5>
|
41
|
+
</section>
|
42
|
+
<section class="section">
|
43
|
+
<h5 class="title"><a href="#">Section 3</a></h5>
|
44
|
+
</section>
|
45
|
+
<section class="section">
|
46
|
+
<h5 class="title"><a href="#">Section 4</a></h5>
|
47
|
+
</section>
|
48
|
+
<section class="section">
|
49
|
+
<h5 class="title"><a href="#">Section 5</a></h5>
|
50
|
+
</section>
|
51
|
+
<section class="section">
|
52
|
+
<h5 class="title"><a href="#">Section 6</a></h5>
|
53
|
+
</section>
|
54
|
+
</div>
|
55
|
+
|
56
|
+
</div>
|
57
|
+
</div>
|
58
|
+
|
59
|
+
<!-- Main Feed -->
|
60
|
+
<%%= yield %>
|
61
|
+
|
62
|
+
<!-- Right Sidebar -->
|
63
|
+
<!-- On small devices this column is hidden -->
|
64
|
+
<aside class="large-3 columns hide-for-small">
|
65
|
+
<p><img src="http://placehold.it/300x440&text=[ad]" /></p>
|
66
|
+
<p><img src="http://placehold.it/300x440&text=[ad]" /></p>
|
67
|
+
</aside>
|
68
|
+
|
69
|
+
</div>
|
70
|
+
|
71
|
+
|
72
|
+
<!-- Footer -->
|
73
|
+
|
74
|
+
<footer class="row">
|
75
|
+
<div class="large-12 columns">
|
76
|
+
<hr />
|
77
|
+
<div class="row">
|
78
|
+
<div class="large-5 columns">
|
79
|
+
<p>© Copyright no one at all. Go to town.</p>
|
80
|
+
</div>
|
81
|
+
<div class="large-7 columns">
|
82
|
+
<ul class="inline-list right">
|
83
|
+
<li><a href="#">Section 1</a></li>
|
84
|
+
<li><a href="#">Section 2</a></li>
|
85
|
+
<li><a href="#">Section 3</a></li>
|
86
|
+
<li><a href="#">Section 4</a></li>
|
87
|
+
<li><a href="#">Section 5</a></li>
|
88
|
+
<li><a href="#">Section 6</a></li>
|
89
|
+
</ul>
|
90
|
+
</div>
|
91
|
+
</div>
|
92
|
+
</div>
|
93
|
+
</footer>
|
94
|
+
|
95
|
+
</body>
|
96
|
+
|
97
|
+
</html>
|
@@ -0,0 +1,149 @@
|
|
1
|
+
<!DOCTYPE HTML>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>App_Name</title>
|
5
|
+
<%%= stylesheet_link_tag "application", :media => "all" %>
|
6
|
+
<%%= javascript_include_tag "application" %>
|
7
|
+
<%%= csrf_meta_tags %>
|
8
|
+
</head>
|
9
|
+
|
10
|
+
<body>
|
11
|
+
|
12
|
+
<!-- Header and Nav -->
|
13
|
+
<nav class="top-bar">
|
14
|
+
<ul class="title-area">
|
15
|
+
<!-- Title Area -->
|
16
|
+
<li class="name">
|
17
|
+
<h1>
|
18
|
+
<a href="#">
|
19
|
+
Top Bar Title
|
20
|
+
</a>
|
21
|
+
</h1>
|
22
|
+
</li>
|
23
|
+
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
|
24
|
+
</ul>
|
25
|
+
|
26
|
+
<section class="top-bar-section">
|
27
|
+
<!-- Left Nav Section -->
|
28
|
+
<ul class="left">
|
29
|
+
<li class="divider"></li>
|
30
|
+
<li class="has-dropdown">
|
31
|
+
<a class="active" href="#">Main Item 1</a>
|
32
|
+
<ul class="dropdown">
|
33
|
+
<li><label>Section Name</label></li>
|
34
|
+
<li><a href="#" class="">Dropdown Level 1</a></li>
|
35
|
+
<li><a href="#">Dropdown Option</a></li>
|
36
|
+
<li><a href="#">Dropdown Option</a></li>
|
37
|
+
<li class="divider"></li>
|
38
|
+
<li><label>Section Name</label></li>
|
39
|
+
<li><a href="#">Dropdown Option</a></li>
|
40
|
+
<li><a href="#">Dropdown Option</a></li>
|
41
|
+
<li><a href="#">Dropdown Option</a></li>
|
42
|
+
<li class="divider"></li>
|
43
|
+
<li><a href="#">See all →</a></li>
|
44
|
+
</ul>
|
45
|
+
</li>
|
46
|
+
<li class="divider"></li>
|
47
|
+
<li><a href="#">Main Item 2</a></li>
|
48
|
+
<li class="divider"></li>
|
49
|
+
<li class="has-dropdown">
|
50
|
+
<a href="#">Main Item 3</a>
|
51
|
+
<ul class="dropdown">
|
52
|
+
<li><a href="#">Dropdown Option</a></li>
|
53
|
+
<li><a href="#">Dropdown Option</a></li>
|
54
|
+
<li><a href="#">Dropdown Option</a></li>
|
55
|
+
<li class="divider"></li>
|
56
|
+
<li><a href="#">See all →</a></li>
|
57
|
+
</ul>
|
58
|
+
</li>
|
59
|
+
|
60
|
+
</ul>
|
61
|
+
|
62
|
+
<!-- Right Nav Section -->
|
63
|
+
<ul class="right">
|
64
|
+
<li class="divider"></li>
|
65
|
+
<li class="has-dropdown">
|
66
|
+
<a href="#">Main Item 4</a>
|
67
|
+
<ul class="dropdown">
|
68
|
+
<li><label>Section Name</label></li>
|
69
|
+
<li class="has-dropdown">
|
70
|
+
<a href="#" class="">Has Dropdown, Level 1</a>
|
71
|
+
<ul class="dropdown">
|
72
|
+
<li><a href="#">Dropdown Options</a></li>
|
73
|
+
<li><a href="#">Dropdown Options</a></li>
|
74
|
+
<li class="has-dropdown">
|
75
|
+
<a href="#">Has Dropdown, Level 2</a>
|
76
|
+
<ul class="dropdown test">
|
77
|
+
<li><a href="#">Subdropdown Option</a></li>
|
78
|
+
<li><a href="#">Subdropdown Option</a></li>
|
79
|
+
<li><a href="#">Subdropdown Option</a></li>
|
80
|
+
</ul>
|
81
|
+
</li>
|
82
|
+
<li><a href="#">Subdropdown Option</a></li>
|
83
|
+
<li><a href="#">Subdropdown Option</a></li>
|
84
|
+
<li><a href="#">Subdropdown Option</a></li>
|
85
|
+
</ul>
|
86
|
+
</li>
|
87
|
+
<li><a href="#">Dropdown Option</a></li>
|
88
|
+
<li><a href="#">Dropdown Option</a></li>
|
89
|
+
<li class="divider"></li>
|
90
|
+
<li><label>Section Name</label></li>
|
91
|
+
<li><a href="#">Dropdown Option</a></li>
|
92
|
+
<li><a href="#">Dropdown Option</a></li>
|
93
|
+
<li><a href="#">Dropdown Option</a></li>
|
94
|
+
<li class="divider"></li>
|
95
|
+
<li><a href="#">See all →</a></li>
|
96
|
+
</ul>
|
97
|
+
</li>
|
98
|
+
<li class="divider"></li>
|
99
|
+
<li><a href="#">Main Item 5</a></li>
|
100
|
+
<li class="divider"></li>
|
101
|
+
<li class="has-dropdown">
|
102
|
+
<a href="#">Main Item 6</a>
|
103
|
+
<ul class="dropdown">
|
104
|
+
<li><a href="#">Dropdown Option</a></li>
|
105
|
+
<li><a href="#">Dropdown Option</a></li>
|
106
|
+
<li><a href="#">Dropdown Option</a></li>
|
107
|
+
<li class="divider"></li>
|
108
|
+
<li><a href="#">See all →</a></li>
|
109
|
+
</ul>
|
110
|
+
</li>
|
111
|
+
</ul>
|
112
|
+
</section>
|
113
|
+
</nav>
|
114
|
+
|
115
|
+
|
116
|
+
<!-- End Header and Nav -->
|
117
|
+
|
118
|
+
<!-- Main Grid Section -->
|
119
|
+
|
120
|
+
<%%= yield %>
|
121
|
+
|
122
|
+
<!-- End Grid Section -->
|
123
|
+
|
124
|
+
|
125
|
+
|
126
|
+
<!-- Footer -->
|
127
|
+
|
128
|
+
<footer class="row">
|
129
|
+
<div class="large-12 columns">
|
130
|
+
<hr />
|
131
|
+
<div class="row">
|
132
|
+
<div class="large-6 columns">
|
133
|
+
<p>© Copyright no one at all. Go to town.</p>
|
134
|
+
</div>
|
135
|
+
<div class="large-6 columns">
|
136
|
+
<ul class="inline-list right">
|
137
|
+
<li><a href="#">Section 1</a></li>
|
138
|
+
<li><a href="#">Section 2</a></li>
|
139
|
+
<li><a href="#">Section 3</a></li>
|
140
|
+
<li><a href="#">Section 4</a></li>
|
141
|
+
</ul>
|
142
|
+
</div>
|
143
|
+
</div>
|
144
|
+
</div>
|
145
|
+
</footer>
|
146
|
+
|
147
|
+
</body>
|
148
|
+
|
149
|
+
</html>
|
@@ -0,0 +1,146 @@
|
|
1
|
+
<!DOCTYPE HTML>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>App_Name</title>
|
5
|
+
<%%= stylesheet_link_tag "application", :media => "all" %>
|
6
|
+
<%%= javascript_include_tag "application" %>
|
7
|
+
<%%= csrf_meta_tags %>
|
8
|
+
</head>
|
9
|
+
|
10
|
+
<body>
|
11
|
+
|
12
|
+
<div class="row">
|
13
|
+
<div class="large-12 columns">
|
14
|
+
|
15
|
+
<!-- Navigation -->
|
16
|
+
|
17
|
+
<div class="row">
|
18
|
+
<div class="large-12 columns">
|
19
|
+
|
20
|
+
<nav class="top-bar">
|
21
|
+
<ul class="title-area">
|
22
|
+
<!-- Title Area -->
|
23
|
+
<li class="name">
|
24
|
+
<h1>
|
25
|
+
<a href="#">
|
26
|
+
Top Bar Title
|
27
|
+
</a>
|
28
|
+
</h1>
|
29
|
+
</li>
|
30
|
+
<li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li>
|
31
|
+
</ul>
|
32
|
+
|
33
|
+
<section class="top-bar-section">
|
34
|
+
<!-- Right Nav Section -->
|
35
|
+
<ul class="right">
|
36
|
+
<li class="divider"></li>
|
37
|
+
<li class="has-dropdown">
|
38
|
+
<a href="#">Main Item 1</a>
|
39
|
+
<ul class="dropdown">
|
40
|
+
<li><label>Section Name</label></li>
|
41
|
+
<li class="has-dropdown">
|
42
|
+
<a href="#" class="">Has Dropdown, Level 1</a>
|
43
|
+
<ul class="dropdown">
|
44
|
+
<li><a href="#">Dropdown Options</a></li>
|
45
|
+
<li><a href="#">Dropdown Options</a></li>
|
46
|
+
<li><a href="#">Level 2</a></li>
|
47
|
+
<li><a href="#">Subdropdown Option</a></li>
|
48
|
+
<li><a href="#">Subdropdown Option</a></li>
|
49
|
+
<li><a href="#">Subdropdown Option</a></li>
|
50
|
+
</ul>
|
51
|
+
</li>
|
52
|
+
<li><a href="#">Dropdown Option</a></li>
|
53
|
+
<li><a href="#">Dropdown Option</a></li>
|
54
|
+
<li class="divider"></li>
|
55
|
+
<li><label>Section Name</label></li>
|
56
|
+
<li><a href="#">Dropdown Option</a></li>
|
57
|
+
<li><a href="#">Dropdown Option</a></li>
|
58
|
+
<li><a href="#">Dropdown Option</a></li>
|
59
|
+
<li class="divider"></li>
|
60
|
+
<li><a href="#">See all →</a></li>
|
61
|
+
</ul>
|
62
|
+
</li>
|
63
|
+
<li class="divider"></li>
|
64
|
+
<li><a href="#">Main Item 2</a></li>
|
65
|
+
<li class="divider"></li>
|
66
|
+
<li class="has-dropdown">
|
67
|
+
<a href="#">Main Item 3</a>
|
68
|
+
<ul class="dropdown">
|
69
|
+
<li><a href="#">Dropdown Option</a></li>
|
70
|
+
<li><a href="#">Dropdown Option</a></li>
|
71
|
+
<li><a href="#">Dropdown Option</a></li>
|
72
|
+
<li class="divider"></li>
|
73
|
+
<li><a href="#">See all →</a></li>
|
74
|
+
</ul>
|
75
|
+
</li>
|
76
|
+
</ul>
|
77
|
+
</section>
|
78
|
+
</nav>
|
79
|
+
<!-- End Top Bar -->
|
80
|
+
</div>
|
81
|
+
</div>
|
82
|
+
|
83
|
+
<!-- End Navigation -->
|
84
|
+
|
85
|
+
<div class="row">
|
86
|
+
|
87
|
+
<!-- Side Bar -->
|
88
|
+
<div class="large-4 small-12 columns">
|
89
|
+
|
90
|
+
<img src="http://placehold.it/500x500&text=Logo">
|
91
|
+
|
92
|
+
<div class="hide-for-small panel">
|
93
|
+
<h3>Header</h3>
|
94
|
+
<h5 class="subheader">Risus ligula, aliquam nec fermentum vitae, sollicitudin eget urna. Donec dignissim nibh fermentum odio ornare sagittis.
|
95
|
+
</h5>
|
96
|
+
</div>
|
97
|
+
|
98
|
+
<a href="#">
|
99
|
+
<div class="panel callout radius">
|
100
|
+
<h6>99 items in your cart</h6>
|
101
|
+
</div>
|
102
|
+
</a>
|
103
|
+
|
104
|
+
</div>
|
105
|
+
<!-- End Side Bar -->
|
106
|
+
|
107
|
+
|
108
|
+
<!-- Main Content -->
|
109
|
+
|
110
|
+
<%%= yield %>
|
111
|
+
|
112
|
+
<!-- End of Main Content -->
|
113
|
+
|
114
|
+
</div>
|
115
|
+
|
116
|
+
<!-- Footer -->
|
117
|
+
|
118
|
+
<footer class="row">
|
119
|
+
<div class="large-12 columns"><hr />
|
120
|
+
<div class="row">
|
121
|
+
|
122
|
+
<div class="large-6 columns">
|
123
|
+
<p>© Copyright no one at all. Go to town.</p>
|
124
|
+
</div>
|
125
|
+
|
126
|
+
<div class="large-6 columns">
|
127
|
+
<ul class="inline-list right">
|
128
|
+
<li><a href="#">Link 1</a></li>
|
129
|
+
<li><a href="#">Link 2</a></li>
|
130
|
+
<li><a href="#">Link 3</a></li>
|
131
|
+
<li><a href="#">Link 4</a></li>
|
132
|
+
</ul>
|
133
|
+
</div>
|
134
|
+
|
135
|
+
</div>
|
136
|
+
</div>
|
137
|
+
</footer>
|
138
|
+
|
139
|
+
<!-- End Footer -->
|
140
|
+
|
141
|
+
</div>
|
142
|
+
</div>
|
143
|
+
|
144
|
+
</body>
|
145
|
+
|
146
|
+
</html>
|
@@ -0,0 +1,29 @@
|
|
1
|
+
require 'rails/generators'
|
2
|
+
|
3
|
+
module Dauft
|
4
|
+
module Generators
|
5
|
+
class ViewGenerator < Rails::Generators::Base
|
6
|
+
source_root File.expand_path("../templates", __FILE__)
|
7
|
+
argument :layout_name, :type => :string, :required => true, :banner => 'template_name'
|
8
|
+
argument :controller_name, :type => :string, :required => true, :banner => 'controller'
|
9
|
+
argument :actions, :type => :array, :required => true, :banner => 'action action'
|
10
|
+
|
11
|
+
|
12
|
+
def generate_views
|
13
|
+
full_directory_path = File.join(Dauft.destination, '/', controller_name)
|
14
|
+
|
15
|
+
actions.each do |action|
|
16
|
+
copy_file "contents/#{template_name}.html.erb", "#{full_directory_path}/#{action}.html.erb"
|
17
|
+
end
|
18
|
+
end
|
19
|
+
|
20
|
+
|
21
|
+
private
|
22
|
+
|
23
|
+
def template_name
|
24
|
+
layout_name.underscore.downcase
|
25
|
+
end
|
26
|
+
|
27
|
+
end
|
28
|
+
end
|
29
|
+
end
|
metadata
ADDED
@@ -0,0 +1,82 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: dauft
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.0.1
|
5
|
+
prerelease:
|
6
|
+
platform: ruby
|
7
|
+
authors:
|
8
|
+
- michaelnera
|
9
|
+
autorequire:
|
10
|
+
bindir: bin
|
11
|
+
cert_chain: []
|
12
|
+
date: 2013-09-06 00:00:00.000000000 Z
|
13
|
+
dependencies:
|
14
|
+
- !ruby/object:Gem::Dependency
|
15
|
+
name: zurb-foundation
|
16
|
+
requirement: !ruby/object:Gem::Requirement
|
17
|
+
none: false
|
18
|
+
requirements:
|
19
|
+
- - ! '>='
|
20
|
+
- !ruby/object:Gem::Version
|
21
|
+
version: '0'
|
22
|
+
type: :runtime
|
23
|
+
prerelease: false
|
24
|
+
version_requirements: !ruby/object:Gem::Requirement
|
25
|
+
none: false
|
26
|
+
requirements:
|
27
|
+
- - ! '>='
|
28
|
+
- !ruby/object:Gem::Version
|
29
|
+
version: '0'
|
30
|
+
description: Design Applications Using Foundation Templates
|
31
|
+
email:
|
32
|
+
- kapitan_03@yahoo.com
|
33
|
+
executables: []
|
34
|
+
extensions: []
|
35
|
+
extra_rdoc_files: []
|
36
|
+
files:
|
37
|
+
- Gemfile
|
38
|
+
- LICENSE.txt
|
39
|
+
- README.md
|
40
|
+
- Rakefile
|
41
|
+
- dauft.gemspec
|
42
|
+
- lib/dauft.rb
|
43
|
+
- lib/dauft/engine.rb
|
44
|
+
- lib/dauft/generators/layout_generator.rb
|
45
|
+
- lib/dauft/generators/templates/contents/banded.html.erb
|
46
|
+
- lib/dauft/generators/templates/contents/blog.html.erb
|
47
|
+
- lib/dauft/generators/templates/contents/feed.html.erb
|
48
|
+
- lib/dauft/generators/templates/contents/grid.html.erb
|
49
|
+
- lib/dauft/generators/templates/contents/store.html.erb
|
50
|
+
- lib/dauft/generators/templates/layouts/application.html.erb
|
51
|
+
- lib/dauft/generators/templates/layouts/banded.html.erb
|
52
|
+
- lib/dauft/generators/templates/layouts/blog.html.erb
|
53
|
+
- lib/dauft/generators/templates/layouts/feed.html.erb
|
54
|
+
- lib/dauft/generators/templates/layouts/grid.html.erb
|
55
|
+
- lib/dauft/generators/templates/layouts/store.html.erb
|
56
|
+
- lib/dauft/generators/view_generator.rb
|
57
|
+
- lib/dauft/version.rb
|
58
|
+
homepage: https://github.com/michaelnera/dauft
|
59
|
+
licenses: []
|
60
|
+
post_install_message:
|
61
|
+
rdoc_options: []
|
62
|
+
require_paths:
|
63
|
+
- lib
|
64
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
65
|
+
none: false
|
66
|
+
requirements:
|
67
|
+
- - ! '>='
|
68
|
+
- !ruby/object:Gem::Version
|
69
|
+
version: '0'
|
70
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
71
|
+
none: false
|
72
|
+
requirements:
|
73
|
+
- - ! '>='
|
74
|
+
- !ruby/object:Gem::Version
|
75
|
+
version: '0'
|
76
|
+
requirements: []
|
77
|
+
rubyforge_project:
|
78
|
+
rubygems_version: 1.8.23
|
79
|
+
signing_key:
|
80
|
+
specification_version: 3
|
81
|
+
summary: This gem uses Zurb Foundation stylesheets and html templates
|
82
|
+
test_files: []
|