steer 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +3 -0
- data/Gemfile +4 -0
- data/Rakefile +2 -0
- data/lib/engine.rb +5 -0
- data/lib/rails/generators/steer/.DS_Store +0 -0
- data/lib/rails/generators/steer/layout/layout_generator.rb +95 -0
- data/lib/rails/generators/steer/layout/templates/.DS_Store +0 -0
- data/lib/rails/generators/steer/layout/templates/generic/reset.css +75 -0
- data/lib/rails/generators/steer/layout/templates/generic/skeleton.css +322 -0
- data/lib/rails/generators/steer/layout/templates/onboard/.DS_Store +0 -0
- data/lib/rails/generators/steer/layout/templates/onboard/application.html.erb +21 -0
- data/lib/rails/generators/steer/layout/templates/onboard/stylesheets/.DS_Store +0 -0
- data/lib/rails/generators/steer/layout/templates/onboard/stylesheets/application.css +5 -0
- data/lib/rails/generators/steer/layout/templates/onboard/stylesheets/global.css +197 -0
- data/lib/rails/generators/steer/layout/templates/stack/.DS_Store +0 -0
- data/lib/rails/generators/steer/layout/templates/stack/application.html.erb +21 -0
- data/lib/rails/generators/steer/layout/templates/stack/stylesheets/.DS_Store +0 -0
- data/lib/rails/generators/steer/layout/templates/stack/stylesheets/application.css +5 -0
- data/lib/rails/generators/steer/layout/templates/stack/stylesheets/global.css.scss +0 -0
- data/lib/steer/.DS_Store +0 -0
- data/lib/steer/version.rb +3 -0
- data/lib/steer.rb +3 -0
- data/steer.gemspec +22 -0
- metadata +80 -0
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA1:
|
|
3
|
+
metadata.gz: f57fe3d511c3ba7ca4ba81dbcb9e57009db21367
|
|
4
|
+
data.tar.gz: 1ea17911d028c9c0d2863aa77577c6d84a64b19b
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: 3bb3d707f6fe45b28339440398ab06c572d862cdcd06fe59838ed5e40c45392670b3555c2da5174c61f9f08b3195a965bfdfb579ff297eff4169af1202578c3e
|
|
7
|
+
data.tar.gz: aa33f3291be830641c5a7b7e1498641dc73889a8e88bb4c02faebc1fba02b368d6decdb0c2d5bb53ea251bf7b07c991d3ade137e8fca0692b959f4c54199a1c5
|
data/.gitignore
ADDED
data/Gemfile
ADDED
data/Rakefile
ADDED
data/lib/engine.rb
ADDED
|
Binary file
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
require 'rails/generators'
|
|
2
|
+
|
|
3
|
+
class Steer::LayoutGenerator < Rails::Generators::Base
|
|
4
|
+
desc "Adding layout and styles to Steer's back-end web development course"
|
|
5
|
+
|
|
6
|
+
# Commandline options can be defined here using Thor-like options:
|
|
7
|
+
# class_option :my_opt, :type => :boolean, :default => false, :desc => "My Option"
|
|
8
|
+
|
|
9
|
+
# I can later access that option using:
|
|
10
|
+
# options[:my_opt]
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
def self.source_root
|
|
14
|
+
@source_root ||= File.join(File.dirname(__FILE__), 'templates')
|
|
15
|
+
end
|
|
16
|
+
|
|
17
|
+
# Generator Code. Remember this is just suped-up Thor so methods are executed in order
|
|
18
|
+
|
|
19
|
+
def install
|
|
20
|
+
|
|
21
|
+
say " 888
|
|
22
|
+
888
|
|
23
|
+
888
|
|
24
|
+
.d8888b 888888 .d88b. .d88b. 888d888
|
|
25
|
+
88K 888 d8P Y8b d8P Y8b 888P\"
|
|
26
|
+
\"Y8888b. 888 88888888 88888888 888
|
|
27
|
+
X88 Y88b. Y8b. Y8b. 888
|
|
28
|
+
88888P' \"Y888 \"Y8888 \"Y8888 888 \n\n", Thor::Shell::Color::RED
|
|
29
|
+
|
|
30
|
+
say "Here are the projects!\n"
|
|
31
|
+
end
|
|
32
|
+
|
|
33
|
+
def ask_user
|
|
34
|
+
|
|
35
|
+
print_table([
|
|
36
|
+
[1, "Stack"],
|
|
37
|
+
[2, "Onboard"]
|
|
38
|
+
])
|
|
39
|
+
|
|
40
|
+
exit_greeting = [
|
|
41
|
+
"Awesome", "Amazing", "Fantastic", "Great", "Brilliant", "Totally rad", "Incredible"
|
|
42
|
+
].shuffle.first
|
|
43
|
+
|
|
44
|
+
exit_message = [
|
|
45
|
+
"you're looking nice today by the way :)",
|
|
46
|
+
"that's a nice top you're wearing by the way :)",
|
|
47
|
+
"that top really suits you by the way :)",
|
|
48
|
+
"I love your hair by the way :)",
|
|
49
|
+
"have you been working out?",
|
|
50
|
+
"I like your socks by the way :D",
|
|
51
|
+
"we should do this again some time!",
|
|
52
|
+
"I told all my other scripts about how cool you are :)",
|
|
53
|
+
"I'm a Ruby script but I still think you're pretty neat ;)",
|
|
54
|
+
"has anyone told you how your eyebrows really make your eyes stand out?",
|
|
55
|
+
"by the way, on a scale of 1-10, I think you're 11 :)",
|
|
56
|
+
"is that top new, by the way?"
|
|
57
|
+
].shuffle.first
|
|
58
|
+
|
|
59
|
+
msg = "\n#{exit_greeting}, #{exit_message}\n"
|
|
60
|
+
|
|
61
|
+
case ask("\nWhich one do you want to set up?", Thor::Shell::Color::GREEN)
|
|
62
|
+
when "1", "stack", "Stack"
|
|
63
|
+
|
|
64
|
+
copy_file "stack/application.html.erb", "app/views/layouts/application.html.erb"
|
|
65
|
+
copy_file "stack/stylesheets/normalize.css", "app/assets/stylesheets/normalize.css"
|
|
66
|
+
copy_file "stack/stylesheets/global.css", "app/assets/stylesheets/global.css"
|
|
67
|
+
copy_file "stack/stylesheets/products.css", "app/assets/stylesheets/products.css"
|
|
68
|
+
copy_file "stack/stylesheets/application.css", "app/assets/stylesheets/application.css"
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
say msg, Thor::Shell::Color::GREEN
|
|
72
|
+
|
|
73
|
+
when "2", "onboard", "Onboard"
|
|
74
|
+
|
|
75
|
+
say "\n"
|
|
76
|
+
|
|
77
|
+
copy_file "onboard/application.html.erb", "app/views/layouts/application.html.erb"
|
|
78
|
+
copy_file "generic/stylesheets/reset.css", "app/assets/stylesheets/reset.css"
|
|
79
|
+
copy_file "generic/stylesheets/skeleton.css", "app/assets/stylesheets/skeleton.css"
|
|
80
|
+
copy_file "onboard/stylesheets/global.css", "app/assets/stylesheets/global.css"
|
|
81
|
+
copy_file "onboard/stylesheets/products.css", "app/assets/stylesheets/products.css"
|
|
82
|
+
copy_file "onboard/stylesheets/application.css", "app/assets/stylesheets/application.css"
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
say msg, Thor::Shell::Color::GREEN
|
|
86
|
+
|
|
87
|
+
else
|
|
88
|
+
say "\nHmmm didn't understand ya, try again!\n\n"
|
|
89
|
+
ask_user
|
|
90
|
+
end
|
|
91
|
+
|
|
92
|
+
return
|
|
93
|
+
end
|
|
94
|
+
end
|
|
95
|
+
|
|
Binary file
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
/* http://meyerweb.com/eric/tools/css/reset/
|
|
2
|
+
v2.0 | 20110126
|
|
3
|
+
License: none (public domain)
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
html, body, div, span, applet, object, iframe,
|
|
7
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
8
|
+
a, abbr, acronym, address, big, cite, code,
|
|
9
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
10
|
+
small, strike, strong, sub, sup, tt, var,
|
|
11
|
+
b, u, i, center,
|
|
12
|
+
dl, dt, dd, ol, ul, li,
|
|
13
|
+
fieldset, form, label, legend,
|
|
14
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
15
|
+
article, aside, canvas, details, embed,
|
|
16
|
+
figure, figcaption, footer, header, hgroup,
|
|
17
|
+
menu, nav, output, ruby, section, summary,
|
|
18
|
+
time, mark, audio, video {
|
|
19
|
+
margin: 0;
|
|
20
|
+
padding: 0;
|
|
21
|
+
border: 0;
|
|
22
|
+
font-size: 100%;
|
|
23
|
+
font: inherit;
|
|
24
|
+
vertical-align: baseline;
|
|
25
|
+
}
|
|
26
|
+
/* HTML5 display-role reset for older browsers */
|
|
27
|
+
article, aside, details, figcaption, figure,
|
|
28
|
+
footer, header, hgroup, menu, nav, section {
|
|
29
|
+
display: block;
|
|
30
|
+
}
|
|
31
|
+
body {
|
|
32
|
+
line-height: 1;
|
|
33
|
+
}
|
|
34
|
+
ol, ul {
|
|
35
|
+
list-style: none;
|
|
36
|
+
}
|
|
37
|
+
blockquote, q {
|
|
38
|
+
quotes: none;
|
|
39
|
+
}
|
|
40
|
+
blockquote:before, blockquote:after,
|
|
41
|
+
q:before, q:after {
|
|
42
|
+
content: '';
|
|
43
|
+
content: none;
|
|
44
|
+
}
|
|
45
|
+
table {
|
|
46
|
+
border-collapse: collapse;
|
|
47
|
+
border-spacing: 0;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
img {
|
|
51
|
+
vertical-align: bottom;
|
|
52
|
+
max-width: 100%;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
input, textarea, select {
|
|
56
|
+
font: inherit;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.group:before,
|
|
60
|
+
.group:after {
|
|
61
|
+
content: "";
|
|
62
|
+
display: table;
|
|
63
|
+
}
|
|
64
|
+
.group:after {
|
|
65
|
+
clear: both;
|
|
66
|
+
}
|
|
67
|
+
.group {
|
|
68
|
+
zoom: 1; /* For IE 6/7 (trigger hasLayout) */
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
* {
|
|
72
|
+
-webkit-box-sizing: border-box;
|
|
73
|
+
-moz-box-sizing: border-box;
|
|
74
|
+
box-sizing: border-box;
|
|
75
|
+
}
|
|
@@ -0,0 +1,322 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Skeleton V1.0.2
|
|
3
|
+
* Copyright 2011, Dave Gamache
|
|
4
|
+
* www.getskeleton.com
|
|
5
|
+
* Free to use under the MIT license.
|
|
6
|
+
* http://www.opensource.org/licenses/mit-license.php
|
|
7
|
+
* 5/20/2011
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
/* Table of Contents
|
|
12
|
+
==================================================
|
|
13
|
+
#Base 960 Grid
|
|
14
|
+
#Tablet (Portrait)
|
|
15
|
+
#Mobile (Portrait)
|
|
16
|
+
#Mobile (Landscape)
|
|
17
|
+
#Clearing */
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
/* #Base 960 Grid
|
|
22
|
+
================================================== */
|
|
23
|
+
|
|
24
|
+
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
|
|
25
|
+
.column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
|
|
26
|
+
.row { margin-bottom: 20px; }
|
|
27
|
+
|
|
28
|
+
/* Nested Column Classes */
|
|
29
|
+
.column.alpha, .columns.alpha { margin-left: 0; }
|
|
30
|
+
.column.omega, .columns.omega { margin-right: 0; }
|
|
31
|
+
|
|
32
|
+
.container .one-third.column { width: 300px; }
|
|
33
|
+
.container .two-thirds.column { width: 620px; }
|
|
34
|
+
|
|
35
|
+
/*****************************
|
|
36
|
+
12 Column
|
|
37
|
+
*****************************/
|
|
38
|
+
|
|
39
|
+
/* Base Grid */
|
|
40
|
+
.container .one.column { width: 60px; }
|
|
41
|
+
.container .two.columns { width: 140px; }
|
|
42
|
+
.container .three.columns { width: 220px; }
|
|
43
|
+
.container .four.columns { width: 300px; }
|
|
44
|
+
.container .five.columns { width: 380px; }
|
|
45
|
+
.container .six.columns { width: 460px; }
|
|
46
|
+
.container .seven.columns { width: 540px; }
|
|
47
|
+
.container .eight.columns { width: 620px; }
|
|
48
|
+
.container .nine.columns { width: 700px; }
|
|
49
|
+
.container .ten.columns { width: 780px; }
|
|
50
|
+
.container .eleven.columns { width: 860px; }
|
|
51
|
+
.container .twelve.columns { width: 940px; }
|
|
52
|
+
|
|
53
|
+
/* Offsets */
|
|
54
|
+
.container .offset-by-one { margin-left: 90px; }
|
|
55
|
+
.container .offset-by-two { margin-left: 170px; }
|
|
56
|
+
.container .offset-by-three { margin-left: 250px; }
|
|
57
|
+
.container .offset-by-four { margin-left: 330px; }
|
|
58
|
+
.container .offset-by-five { margin-left: 410px; }
|
|
59
|
+
.container .offset-by-six { margin-left: 490px; }
|
|
60
|
+
.container .offset-by-seven { margin-left: 570px; }
|
|
61
|
+
.container .offset-by-eight { margin-left: 650px; }
|
|
62
|
+
.container .offset-by-nine { margin-left: 730px; }
|
|
63
|
+
.container .offset-by-ten { margin-left: 810px; }
|
|
64
|
+
.container .offset-by-eleven { margin-left: 890px; }
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
/*****************************
|
|
68
|
+
16 Column
|
|
69
|
+
*****************************/
|
|
70
|
+
|
|
71
|
+
/* Base Grid */
|
|
72
|
+
.container-sixteen .one.column { width: 40px; }
|
|
73
|
+
.container-sixteen .two.columns { width: 100px; }
|
|
74
|
+
.container-sixteen .three.columns { width: 160px; }
|
|
75
|
+
.container-sixteen .four.columns { width: 220px; }
|
|
76
|
+
.container-sixteen .five.columns { width: 280px; }
|
|
77
|
+
.container-sixteen .six.columns { width: 340px; }
|
|
78
|
+
.container-sixteen .seven.columns { width: 400px; }
|
|
79
|
+
.container-sixteen .eight.columns { width: 460px; }
|
|
80
|
+
.container-sixteen .nine.columns { width: 520px; }
|
|
81
|
+
.container-sixteen .ten.columns { width: 580px; }
|
|
82
|
+
.container-sixteen .eleven.columns { width: 640px; }
|
|
83
|
+
.container-sixteen .twelve.columns { width: 700px; }
|
|
84
|
+
.container-sixteen .thirteen.columns { width: 760px; }
|
|
85
|
+
.container-sixteen .fourteen.columns { width: 820px; }
|
|
86
|
+
.container-sixteen .fifteen.columns { width: 880px; }
|
|
87
|
+
.container-sixteen .sixteen.columns { width: 940px; }
|
|
88
|
+
|
|
89
|
+
/* Offsets */
|
|
90
|
+
.container-sixteen .offset-by-one { margin-left: 60px; }
|
|
91
|
+
.container-sixteen .offset-by-two { margin-left: 120px; }
|
|
92
|
+
.container-sixteen .offset-by-three { margin-left: 180px; }
|
|
93
|
+
.container-sixteen .offset-by-four { margin-left: 240px; }
|
|
94
|
+
.container-sixteen .offset-by-five { margin-left: 300px; }
|
|
95
|
+
.container-sixteen .offset-by-six { margin-left: 360px; }
|
|
96
|
+
.container-sixteen .offset-by-seven { margin-left: 420px; }
|
|
97
|
+
.container-sixteen .offset-by-eight { margin-left: 480px; }
|
|
98
|
+
.container-sixteen .offset-by-nine { margin-left: 540px; }
|
|
99
|
+
.container-sixteen .offset-by-ten { margin-left: 600px; }
|
|
100
|
+
.container-sixteen .offset-by-eleven { margin-left: 660px; }
|
|
101
|
+
.container-sixteen .offset-by-twelve { margin-left: 720px; }
|
|
102
|
+
.container-sixteen .offset-by-thirteen { margin-left: 780px; }
|
|
103
|
+
.container-sixteen .offset-by-fourteen { margin-left: 840px; }
|
|
104
|
+
.container-sixteen .offset-by-fifteen { margin-left: 900px; }
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
/* #Tablet (Portrait)
|
|
114
|
+
================================================== */
|
|
115
|
+
|
|
116
|
+
/* Note: Design for a width of 768px */
|
|
117
|
+
|
|
118
|
+
@media only screen and (min-width: 768px) and (max-width: 959px) {
|
|
119
|
+
.container { width: 768px; }
|
|
120
|
+
/*.container .column,
|
|
121
|
+
.container .columns { margin-left: 10px; margin-right: 10px; }*/
|
|
122
|
+
.column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
|
|
123
|
+
.column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
|
|
124
|
+
|
|
125
|
+
.container .one-third.column { width: 236px; }
|
|
126
|
+
.container .two-thirds.column { width: 492px; }
|
|
127
|
+
|
|
128
|
+
/*****************************
|
|
129
|
+
12 Column
|
|
130
|
+
((768/12) - 20) * 1 = 44
|
|
131
|
+
*****************************/
|
|
132
|
+
|
|
133
|
+
.container .one.column { width: 44px; }
|
|
134
|
+
.container .two.columns { width: 108px; }
|
|
135
|
+
.container .three.columns { width: 172px; }
|
|
136
|
+
.container .four.columns { width: 236px; }
|
|
137
|
+
.container .five.columns { width: 300px; }
|
|
138
|
+
.container .six.columns { width: 364px; }
|
|
139
|
+
.container .seven.columns { width: 428px; }
|
|
140
|
+
.container .eight.columns { width: 492px; }
|
|
141
|
+
.container .nine.columns { width: 556px; }
|
|
142
|
+
.container .ten.columns { width: 620px; }
|
|
143
|
+
.container .eleven.columns { width: 684px; }
|
|
144
|
+
.container .twelve.columns { width: 748px; }
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
/* Offsets */
|
|
149
|
+
.container .offset-by-one { margin-left: 64px; }
|
|
150
|
+
.container .offset-by-two { margin-left: 128px; }
|
|
151
|
+
.container .offset-by-three { margin-left: 192px; }
|
|
152
|
+
.container .offset-by-four { margin-left: 256px; }
|
|
153
|
+
.container .offset-by-five { margin-left: 320px; }
|
|
154
|
+
.container .offset-by-six { margin-left: 384px; }
|
|
155
|
+
.container .offset-by-seven { margin-left: 448px; }
|
|
156
|
+
.container .offset-by-eight { margin-left: 512px; }
|
|
157
|
+
.container .offset-by-nine { margin-left: 576px; }
|
|
158
|
+
.container .offset-by-ten { margin-left: 640px; }
|
|
159
|
+
.container .offset-by-eleven { margin-left: 704px; }
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
/*****************************
|
|
166
|
+
16 Column
|
|
167
|
+
((768/16) - 20) * 1 = 28
|
|
168
|
+
*****************************/
|
|
169
|
+
|
|
170
|
+
.container-sixteen .one.column { width: 28px; }
|
|
171
|
+
.container-sixteen .two.columns { width: 76px; }
|
|
172
|
+
.container-sixteen .three.columns { width: 124px; }
|
|
173
|
+
.container-sixteen .four.columns { width: 172px; }
|
|
174
|
+
.container-sixteen .five.columns { width: 220px; }
|
|
175
|
+
.container-sixteen .six.columns { width: 268px; }
|
|
176
|
+
.container-sixteen .seven.columns { width: 316px; }
|
|
177
|
+
.container-sixteen .eight.columns { width: 364px; }
|
|
178
|
+
.container-sixteen .nine.columns { width: 412px; }
|
|
179
|
+
.container-sixteen .ten.columns { width: 460px; }
|
|
180
|
+
.container-sixteen .eleven.columns { width: 508px; }
|
|
181
|
+
.container-sixteen .twelve.columns { width: 556px; }
|
|
182
|
+
.container-sixteen .thirteen.columns { width: 604px; }
|
|
183
|
+
.container-sixteen .fourteen.columns { width: 652px; }
|
|
184
|
+
.container-sixteen .fifteen.columns { width: 700px; }
|
|
185
|
+
.container-sixteen .sixteen.columns { width: 748px; }
|
|
186
|
+
|
|
187
|
+
|
|
188
|
+
|
|
189
|
+
/* Offsets */
|
|
190
|
+
.container-sixteen .offset-by-one { margin-left: 48px; }
|
|
191
|
+
.container-sixteen .offset-by-two { margin-left: 96px; }
|
|
192
|
+
.container-sixteen .offset-by-three { margin-left: 144px; }
|
|
193
|
+
.container-sixteen .offset-by-four { margin-left: 192px; }
|
|
194
|
+
.container-sixteen .offset-by-five { margin-left: 240px; }
|
|
195
|
+
.container-sixteen .offset-by-six { margin-left: 286px; }
|
|
196
|
+
.container-sixteen .offset-by-seven { margin-left: 336px; }
|
|
197
|
+
.container-sixteen .offset-by-eight { margin-left: 384px; }
|
|
198
|
+
.container-sixteen .offset-by-nine { margin-left: 432px; }
|
|
199
|
+
.container-sixteen .offset-by-ten { margin-left: 480px; }
|
|
200
|
+
.container-sixteen .offset-by-eleven { margin-left: 528px; }
|
|
201
|
+
.container-sixteen .offset-by-twelve { margin-left: 576px; }
|
|
202
|
+
.container-sixteen .offset-by-thirteen { margin-left: 624px; }
|
|
203
|
+
.container-sixteen .offset-by-fourteen { margin-left: 672px; }
|
|
204
|
+
.container-sixteen .offset-by-fifteen { margin-left: 720px; }
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
/* #Mobile (Portrait)
|
|
209
|
+
================================================== */
|
|
210
|
+
|
|
211
|
+
/* Note: Design for a width of 320px */
|
|
212
|
+
|
|
213
|
+
@media only screen and (max-width: 767px) {
|
|
214
|
+
.container { width: 300px; }
|
|
215
|
+
.columns, .column { margin: 0; }
|
|
216
|
+
|
|
217
|
+
.container .one.column,
|
|
218
|
+
.container .two.columns,
|
|
219
|
+
.container .three.columns,
|
|
220
|
+
.container .four.columns,
|
|
221
|
+
.container .five.columns,
|
|
222
|
+
.container .six.columns,
|
|
223
|
+
.container .seven.columns,
|
|
224
|
+
.container .eight.columns,
|
|
225
|
+
.container .nine.columns,
|
|
226
|
+
.container .ten.columns,
|
|
227
|
+
.container .eleven.columns,
|
|
228
|
+
.container .twelve.columns,
|
|
229
|
+
.container .thirteen.columns,
|
|
230
|
+
.container .fourteen.columns,
|
|
231
|
+
.container .fifteen.columns,
|
|
232
|
+
.container .sixteen.columns,
|
|
233
|
+
.container .one-third.column,
|
|
234
|
+
.container .two-thirds.column { width: 300px; }
|
|
235
|
+
|
|
236
|
+
/* Offsets */
|
|
237
|
+
.container .offset-by-one,
|
|
238
|
+
.container .offset-by-two,
|
|
239
|
+
.container .offset-by-three,
|
|
240
|
+
.container .offset-by-four,
|
|
241
|
+
.container .offset-by-five,
|
|
242
|
+
.container .offset-by-six,
|
|
243
|
+
.container .offset-by-seven,
|
|
244
|
+
.container .offset-by-eight,
|
|
245
|
+
.container .offset-by-nine,
|
|
246
|
+
.container .offset-by-ten,
|
|
247
|
+
.container .offset-by-eleven,
|
|
248
|
+
.container .offset-by-twelve,
|
|
249
|
+
.container .offset-by-thirteen,
|
|
250
|
+
.container .offset-by-fourteen,
|
|
251
|
+
.container .offset-by-fifteen { margin-left: 0; }
|
|
252
|
+
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
/* #Mobile (Landscape)
|
|
257
|
+
================================================== */
|
|
258
|
+
|
|
259
|
+
/* Note: Design for a width of 480px */
|
|
260
|
+
|
|
261
|
+
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
|
262
|
+
.container { width: 420px; }
|
|
263
|
+
.columns, .column { margin: 0; }
|
|
264
|
+
|
|
265
|
+
.container .one.column,
|
|
266
|
+
.container .two.columns,
|
|
267
|
+
.container .three.columns,
|
|
268
|
+
.container .four.columns,
|
|
269
|
+
.container .five.columns,
|
|
270
|
+
.container .six.columns,
|
|
271
|
+
.container .seven.columns,
|
|
272
|
+
.container .eight.columns,
|
|
273
|
+
.container .nine.columns,
|
|
274
|
+
.container .ten.columns,
|
|
275
|
+
.container .eleven.columns,
|
|
276
|
+
.container .twelve.columns,
|
|
277
|
+
.container .thirteen.columns,
|
|
278
|
+
.container .fourteen.columns,
|
|
279
|
+
.container .fifteen.columns,
|
|
280
|
+
.container .sixteen.columns,
|
|
281
|
+
.container .one-third.column,
|
|
282
|
+
.container .two-thirds.column { width: 420px; }
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
|
|
286
|
+
/* #Clearing
|
|
287
|
+
================================================== */
|
|
288
|
+
|
|
289
|
+
/* Self Clearing Goodness */
|
|
290
|
+
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
|
|
291
|
+
|
|
292
|
+
/* Use clearfix class on parent to clear nested columns,
|
|
293
|
+
or wrap each row of columns in a <div class="row"> */
|
|
294
|
+
.clearfix:before,
|
|
295
|
+
.clearfix:after,
|
|
296
|
+
.row:before,
|
|
297
|
+
.row:after {
|
|
298
|
+
content: '\0020';
|
|
299
|
+
display: block;
|
|
300
|
+
overflow: hidden;
|
|
301
|
+
visibility: hidden;
|
|
302
|
+
width: 0;
|
|
303
|
+
height: 0; }
|
|
304
|
+
.row:after,
|
|
305
|
+
.clearfix:after {
|
|
306
|
+
clear: both; }
|
|
307
|
+
.row,
|
|
308
|
+
.clearfix {
|
|
309
|
+
zoom: 1; }
|
|
310
|
+
|
|
311
|
+
/* You can also use a <br class="clear" /> to clear columns */
|
|
312
|
+
.clear {
|
|
313
|
+
clear: both;
|
|
314
|
+
display: block;
|
|
315
|
+
overflow: hidden;
|
|
316
|
+
visibility: hidden;
|
|
317
|
+
width: 0;
|
|
318
|
+
height: 0;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
|
|
322
|
+
|
|
Binary file
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<title>Todos</title>
|
|
6
|
+
</head>
|
|
7
|
+
<body>
|
|
8
|
+
|
|
9
|
+
<header>
|
|
10
|
+
<h1>Todos</h1>
|
|
11
|
+
</header>
|
|
12
|
+
|
|
13
|
+
<div id="container">
|
|
14
|
+
<%= yield %>
|
|
15
|
+
</div>
|
|
16
|
+
|
|
17
|
+
<footer>
|
|
18
|
+
<p>© 2013 Todo Ltd.</p>
|
|
19
|
+
</footer>
|
|
20
|
+
</body>
|
|
21
|
+
</html>
|
|
@@ -0,0 +1,197 @@
|
|
|
1
|
+
|
|
2
|
+
/* line 1, ../../app/assets/stylesheets/global.css.scss */
|
|
3
|
+
* {
|
|
4
|
+
-webkit-font-smoothing: antialiased;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
/* line 5, ../../app/assets/stylesheets/global.css.scss */
|
|
8
|
+
::selection {
|
|
9
|
+
background: #9abcca;
|
|
10
|
+
color: #fff;
|
|
11
|
+
text-shadow: none;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
/* line 11, ../../app/assets/stylesheets/global.css.scss */
|
|
15
|
+
body {
|
|
16
|
+
color: #2b4149;
|
|
17
|
+
font-family: 'PT Sans', sans-serif;
|
|
18
|
+
width: 900px;
|
|
19
|
+
margin: 0 auto;
|
|
20
|
+
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/* line 16, ../../app/assets/stylesheets/global.css.scss */
|
|
24
|
+
a {
|
|
25
|
+
color: #677e87;
|
|
26
|
+
text-decoration: none;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/* line 21, ../../app/assets/stylesheets/global.css.scss */
|
|
30
|
+
a:hover {
|
|
31
|
+
text-decoration: underline;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
/* line 30, ../../app/assets/stylesheets/global.css.scss */
|
|
36
|
+
header {
|
|
37
|
+
padding-bottom: 40px;
|
|
38
|
+
border-bottom: 1px solid #EEE;
|
|
39
|
+
overflow: hidden;
|
|
40
|
+
}
|
|
41
|
+
/* line 35, ../../app/assets/stylesheets/global.css.scss */
|
|
42
|
+
header .top {
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
padding: 20px 0;
|
|
45
|
+
margin-bottom: 40px;
|
|
46
|
+
border-bottom: 1px solid #EEE;
|
|
47
|
+
font-size: 13px;
|
|
48
|
+
color: #a9aaaa;
|
|
49
|
+
font-family: Georgia, Utopia, 'Times New Roman', Times, serif;
|
|
50
|
+
font-style: italic;
|
|
51
|
+
}
|
|
52
|
+
/* line 45, ../../app/assets/stylesheets/global.css.scss */
|
|
53
|
+
header .top a {
|
|
54
|
+
color: #a9aaaa;
|
|
55
|
+
text-decoration: underline;
|
|
56
|
+
}
|
|
57
|
+
/* line 51, ../../app/assets/stylesheets/global.css.scss */
|
|
58
|
+
header .account {
|
|
59
|
+
width: 50%;
|
|
60
|
+
float: left;
|
|
61
|
+
}
|
|
62
|
+
/* line 56, ../../app/assets/stylesheets/global.css.scss */
|
|
63
|
+
header .cart {
|
|
64
|
+
width: 50%;
|
|
65
|
+
float: right;
|
|
66
|
+
text-align: right;
|
|
67
|
+
}
|
|
68
|
+
/* line 62, ../../app/assets/stylesheets/global.css.scss */
|
|
69
|
+
header h1 {
|
|
70
|
+
margin: 0;
|
|
71
|
+
float: left;
|
|
72
|
+
line-height: 30px;
|
|
73
|
+
}
|
|
74
|
+
/* line 68, ../../app/assets/stylesheets/global.css.scss */
|
|
75
|
+
header .nav {
|
|
76
|
+
margin: 0;
|
|
77
|
+
padding: 0;
|
|
78
|
+
float: right;
|
|
79
|
+
line-height: 30px;
|
|
80
|
+
}
|
|
81
|
+
/* line 74, ../../app/assets/stylesheets/global.css.scss */
|
|
82
|
+
header .nav li {
|
|
83
|
+
display: inline;
|
|
84
|
+
margin-left: 30px;
|
|
85
|
+
}
|
|
86
|
+
/* line 78, ../../app/assets/stylesheets/global.css.scss */
|
|
87
|
+
header .nav li:first-child {
|
|
88
|
+
margin-left: 0;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
/* line 85, ../../app/assets/stylesheets/global.css.scss */
|
|
92
|
+
form {
|
|
93
|
+
overflow: hidden;
|
|
94
|
+
padding: 40px 0;
|
|
95
|
+
}
|
|
96
|
+
/* line 89, ../../app/assets/stylesheets/global.css.scss */
|
|
97
|
+
form div.input {
|
|
98
|
+
padding: 20px 0;
|
|
99
|
+
}
|
|
100
|
+
/* line 92, ../../app/assets/stylesheets/global.css.scss */
|
|
101
|
+
form div.input label {
|
|
102
|
+
min-width: 120px;
|
|
103
|
+
display: inline-block;
|
|
104
|
+
}
|
|
105
|
+
/* line 100, ../../app/assets/stylesheets/global.css.scss */
|
|
106
|
+
form input[type="email"],
|
|
107
|
+
form input[type="text"],
|
|
108
|
+
form textarea {
|
|
109
|
+
border: 1px solid #CCC;
|
|
110
|
+
border-radius: 3px;
|
|
111
|
+
padding: 4px;
|
|
112
|
+
}
|
|
113
|
+
/* line 106, ../../app/assets/stylesheets/global.css.scss */
|
|
114
|
+
form textarea {
|
|
115
|
+
width: 60%;
|
|
116
|
+
height: 120px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
/* line 113, ../../app/assets/stylesheets/global.css.scss */
|
|
120
|
+
input[type="submit"],
|
|
121
|
+
.button {
|
|
122
|
+
padding: 7px 12px 9px;
|
|
123
|
+
background-color: #677e87;
|
|
124
|
+
text-align: center;
|
|
125
|
+
display: block;
|
|
126
|
+
float: right;
|
|
127
|
+
font-weight: 700;
|
|
128
|
+
color: #ffffff;
|
|
129
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
130
|
+
line-height: 15px;
|
|
131
|
+
font-size: 14px;
|
|
132
|
+
border-radius: 3px;
|
|
133
|
+
border: none;
|
|
134
|
+
}
|
|
135
|
+
/* line 127, ../../app/assets/stylesheets/global.css.scss */
|
|
136
|
+
input[type="submit"]:hover,
|
|
137
|
+
.button:hover {
|
|
138
|
+
text-decoration: none;
|
|
139
|
+
background-color: #333333;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
/* line 133, ../../app/assets/stylesheets/global.css.scss */
|
|
143
|
+
input[type="submit"] {
|
|
144
|
+
float: left;
|
|
145
|
+
margin-left: 120px;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
/* line 138, ../../app/assets/stylesheets/global.css.scss */
|
|
149
|
+
footer {
|
|
150
|
+
border-top: 1px solid #EEE;
|
|
151
|
+
padding: 30px 0;
|
|
152
|
+
color: #a9aaaa;
|
|
153
|
+
font-size: 13px;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
/* line 145, ../../app/assets/stylesheets/global.css.scss */
|
|
157
|
+
table {
|
|
158
|
+
width: 100%;
|
|
159
|
+
}
|
|
160
|
+
/* line 148, ../../app/assets/stylesheets/global.css.scss */
|
|
161
|
+
table td {
|
|
162
|
+
vertical-align: middle;
|
|
163
|
+
}
|
|
164
|
+
/* line 152, ../../app/assets/stylesheets/global.css.scss */
|
|
165
|
+
table td.image {
|
|
166
|
+
width: 120px;
|
|
167
|
+
}
|
|
168
|
+
/* line 156, ../../app/assets/stylesheets/global.css.scss */
|
|
169
|
+
table td.price {
|
|
170
|
+
width: 120px;
|
|
171
|
+
text-align: right;
|
|
172
|
+
}
|
|
173
|
+
/* line 161, ../../app/assets/stylesheets/global.css.scss */
|
|
174
|
+
table td.remove {
|
|
175
|
+
width: 120px;
|
|
176
|
+
}
|
|
177
|
+
/* line 165, ../../app/assets/stylesheets/global.css.scss */
|
|
178
|
+
table img {
|
|
179
|
+
width: 80px;
|
|
180
|
+
}
|
|
181
|
+
/* line 170, ../../app/assets/stylesheets/global.css.scss */
|
|
182
|
+
table tr.total td {
|
|
183
|
+
border-top: 5px solid #EEE;
|
|
184
|
+
padding-top: 30px;
|
|
185
|
+
font-weight: bold;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
/* line 178, ../../app/assets/stylesheets/global.css.scss */
|
|
189
|
+
#order {
|
|
190
|
+
text-align: center;
|
|
191
|
+
padding: 50px 0;
|
|
192
|
+
}
|
|
193
|
+
/* line 182, ../../app/assets/stylesheets/global.css.scss */
|
|
194
|
+
#order .button {
|
|
195
|
+
float: none;
|
|
196
|
+
display: inline-block;
|
|
197
|
+
}
|
|
Binary file
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<title>Todos</title>
|
|
6
|
+
</head>
|
|
7
|
+
<body>
|
|
8
|
+
|
|
9
|
+
<header>
|
|
10
|
+
<h1>Todos</h1>
|
|
11
|
+
</header>
|
|
12
|
+
|
|
13
|
+
<div id="container">
|
|
14
|
+
<%= yield %>
|
|
15
|
+
</div>
|
|
16
|
+
|
|
17
|
+
<footer>
|
|
18
|
+
<p>© 2013 Todo Ltd.</p>
|
|
19
|
+
</footer>
|
|
20
|
+
</body>
|
|
21
|
+
</html>
|
|
File without changes
|
data/lib/steer/.DS_Store
ADDED
|
Binary file
|
data/lib/steer.rb
ADDED
data/steer.gemspec
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
# -*- encoding: utf-8 -*-
|
|
2
|
+
require File.expand_path("../lib/steer/version", __FILE__)
|
|
3
|
+
|
|
4
|
+
Gem::Specification.new do |s|
|
|
5
|
+
s.name = "steer"
|
|
6
|
+
s.version = Steer::VERSION
|
|
7
|
+
s.platform = Gem::Platform::RUBY
|
|
8
|
+
s.authors = ["Rik Lomas"]
|
|
9
|
+
s.email = ["rik@steer.me"]
|
|
10
|
+
s.homepage = "http://rubygems.org/gems/steer"
|
|
11
|
+
s.summary = "For student on the Steer back-end webdev course"
|
|
12
|
+
s.description = "For adding layouts and files to sites easily"
|
|
13
|
+
|
|
14
|
+
s.required_rubygems_version = ">= 1.3.6"
|
|
15
|
+
s.rubyforge_project = "steer"
|
|
16
|
+
|
|
17
|
+
s.add_development_dependency "bundler", ">= 1.0.0"
|
|
18
|
+
|
|
19
|
+
s.files = `git ls-files`.split("\n")
|
|
20
|
+
s.executables = `git ls-files`.split("\n").map{|f| f =~ /^bin\/(.*)/ ? $1 : nil}.compact
|
|
21
|
+
s.require_path = 'lib'
|
|
22
|
+
end
|
metadata
ADDED
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: steer
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.0.2
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- Rik Lomas
|
|
8
|
+
autorequire:
|
|
9
|
+
bindir: bin
|
|
10
|
+
cert_chain: []
|
|
11
|
+
date: 2013-11-19 00:00:00.000000000 Z
|
|
12
|
+
dependencies:
|
|
13
|
+
- !ruby/object:Gem::Dependency
|
|
14
|
+
name: bundler
|
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
|
16
|
+
requirements:
|
|
17
|
+
- - '>='
|
|
18
|
+
- !ruby/object:Gem::Version
|
|
19
|
+
version: 1.0.0
|
|
20
|
+
type: :development
|
|
21
|
+
prerelease: false
|
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
23
|
+
requirements:
|
|
24
|
+
- - '>='
|
|
25
|
+
- !ruby/object:Gem::Version
|
|
26
|
+
version: 1.0.0
|
|
27
|
+
description: For adding layouts and files to sites easily
|
|
28
|
+
email:
|
|
29
|
+
- rik@steer.me
|
|
30
|
+
executables: []
|
|
31
|
+
extensions: []
|
|
32
|
+
extra_rdoc_files: []
|
|
33
|
+
files:
|
|
34
|
+
- .gitignore
|
|
35
|
+
- Gemfile
|
|
36
|
+
- Rakefile
|
|
37
|
+
- lib/engine.rb
|
|
38
|
+
- lib/rails/generators/steer/.DS_Store
|
|
39
|
+
- lib/rails/generators/steer/layout/layout_generator.rb
|
|
40
|
+
- lib/rails/generators/steer/layout/templates/.DS_Store
|
|
41
|
+
- lib/rails/generators/steer/layout/templates/generic/reset.css
|
|
42
|
+
- lib/rails/generators/steer/layout/templates/generic/skeleton.css
|
|
43
|
+
- lib/rails/generators/steer/layout/templates/onboard/.DS_Store
|
|
44
|
+
- lib/rails/generators/steer/layout/templates/onboard/application.html.erb
|
|
45
|
+
- lib/rails/generators/steer/layout/templates/onboard/stylesheets/.DS_Store
|
|
46
|
+
- lib/rails/generators/steer/layout/templates/onboard/stylesheets/application.css
|
|
47
|
+
- lib/rails/generators/steer/layout/templates/onboard/stylesheets/global.css
|
|
48
|
+
- lib/rails/generators/steer/layout/templates/stack/.DS_Store
|
|
49
|
+
- lib/rails/generators/steer/layout/templates/stack/application.html.erb
|
|
50
|
+
- lib/rails/generators/steer/layout/templates/stack/stylesheets/.DS_Store
|
|
51
|
+
- lib/rails/generators/steer/layout/templates/stack/stylesheets/application.css
|
|
52
|
+
- lib/rails/generators/steer/layout/templates/stack/stylesheets/global.css.scss
|
|
53
|
+
- lib/steer.rb
|
|
54
|
+
- lib/steer/.DS_Store
|
|
55
|
+
- lib/steer/version.rb
|
|
56
|
+
- steer.gemspec
|
|
57
|
+
homepage: http://rubygems.org/gems/steer
|
|
58
|
+
licenses: []
|
|
59
|
+
metadata: {}
|
|
60
|
+
post_install_message:
|
|
61
|
+
rdoc_options: []
|
|
62
|
+
require_paths:
|
|
63
|
+
- lib
|
|
64
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
65
|
+
requirements:
|
|
66
|
+
- - '>='
|
|
67
|
+
- !ruby/object:Gem::Version
|
|
68
|
+
version: '0'
|
|
69
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
70
|
+
requirements:
|
|
71
|
+
- - '>='
|
|
72
|
+
- !ruby/object:Gem::Version
|
|
73
|
+
version: 1.3.6
|
|
74
|
+
requirements: []
|
|
75
|
+
rubyforge_project: steer
|
|
76
|
+
rubygems_version: 2.0.2
|
|
77
|
+
signing_key:
|
|
78
|
+
specification_version: 4
|
|
79
|
+
summary: For student on the Steer back-end webdev course
|
|
80
|
+
test_files: []
|