chriseppstein-compass 0.6.13 → 0.6.14

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. data/CHANGELOG.markdown +10 -6
  2. data/REVISION +1 -1
  3. data/VERSION.yml +2 -2
  4. data/examples/blueprint_default/index.html.haml +85 -0
  5. data/examples/blueprint_default/parts/elements.html.haml +282 -0
  6. data/examples/blueprint_default/parts/forms.html.haml +130 -0
  7. data/examples/blueprint_default/parts/grid.html.haml +274 -0
  8. data/examples/blueprint_plugins/index.html.haml +96 -0
  9. data/examples/blueprint_plugins/plugins/buttons.html.haml +67 -0
  10. data/examples/blueprint_plugins/plugins/fancy_type.html.haml +100 -0
  11. data/examples/blueprint_plugins/plugins/link_icons.html.haml +61 -0
  12. data/examples/blueprint_plugins/plugins/rtl.html.haml +100 -0
  13. data/examples/blueprint_semantic/index.html.haml +86 -0
  14. data/examples/blueprint_semantic/parts/fancy_type.html.haml +100 -0
  15. data/examples/blueprint_semantic/parts/liquid.html.haml +100 -0
  16. data/examples/compass/compass.html.haml +39 -0
  17. data/examples/logo/logo.html.haml +40 -0
  18. data/lib/compass/commands/validate_project.rb +1 -1
  19. data/lib/compass/validator.rb +8 -54
  20. metadata +16 -24
  21. data/examples/blueprint_default/index.html +0 -73
  22. data/examples/blueprint_default/parts/elements.html +0 -246
  23. data/examples/blueprint_default/parts/forms.html +0 -100
  24. data/examples/blueprint_default/parts/grid.html +0 -206
  25. data/examples/blueprint_plugins/index.html +0 -80
  26. data/examples/blueprint_plugins/plugins/buttons.html +0 -59
  27. data/examples/blueprint_plugins/plugins/fancy_type.html +0 -84
  28. data/examples/blueprint_plugins/plugins/link_icons.html +0 -59
  29. data/examples/blueprint_plugins/plugins/rtl.html +0 -84
  30. data/examples/blueprint_semantic/index.html +0 -68
  31. data/examples/blueprint_semantic/parts/fancy_type.html +0 -84
  32. data/examples/blueprint_semantic/parts/liquid.html +0 -84
  33. data/examples/compass/compass.html +0 -19
  34. data/examples/logo/logo.html +0 -32
  35. data/lib/compass/validate/COPYRIGHT.html +0 -93
  36. data/lib/compass/validate/JIGSAW_COPYRIGHT +0 -64
  37. data/lib/compass/validate/README.html +0 -83
  38. data/lib/compass/validate/XERCES_COPYING.txt +0 -56
  39. data/lib/compass/validate/css-validator-javadoc.jar +0 -0
  40. data/lib/compass/validate/css-validator.jar +0 -0
  41. data/lib/compass/validate/jigsaw.jar +0 -0
  42. data/lib/compass/validate/xerces.jar +0 -0
@@ -0,0 +1,274 @@
1
+ !!!
2
+ %html{ :lang => "en" }
3
+ %head
4
+ %meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" }
5
+ %title
6
+ Blueprint Grid Tests
7
+ /
8
+ Framework CSS
9
+ %link{ :href => "../stylesheets/screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
10
+ %link{ :href => "../stylesheets/print.css", :rel => "stylesheet", :media => "print", :type => "text/css" }
11
+ /
12
+ [if IE]><link rel="stylesheet" href="../stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]
13
+ %body
14
+ .container.showgrid
15
+ %h1
16
+ Blueprint Tests: grid.css
17
+ .span-8
18
+ %p
19
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
20
+ .span-8
21
+ %p
22
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
23
+ .span-8.last
24
+ %p
25
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
26
+ .span-6.append-1
27
+ %p
28
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
29
+ .span-6.append-2
30
+ %p
31
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
32
+ .span-6.append-3.last
33
+ %p
34
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
35
+ .span-6.prepend-1
36
+ %p
37
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
38
+ .span-6.prepend-2
39
+ %p
40
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
41
+ .span-6.prepend-3.last
42
+ %p
43
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
44
+ %hr
45
+ .span-12.border
46
+ %p
47
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
48
+ .span-12.last
49
+ %p
50
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
51
+ %hr
52
+ .span-1.prepend-1
53
+ %p
54
+ 1
55
+ .span-1.prepend-2
56
+ %p
57
+ 2
58
+ .span-1.prepend-3
59
+ %p
60
+ 3
61
+ .span-1.prepend-4
62
+ %p
63
+ 4
64
+ .span-1.prepend-5
65
+ %p
66
+ 5
67
+ .span-1.prepend-3.last
68
+ %p
69
+ 3
70
+ .span-1.append-1
71
+ %p
72
+ 1
73
+ .span-1.append-2
74
+ %p
75
+ 2
76
+ .span-1.append-3
77
+ %p
78
+ 3
79
+ .span-1.append-4
80
+ %p
81
+ 4
82
+ .span-1.append-5
83
+ %p
84
+ 5
85
+ .span-1.append-3.last
86
+ %p
87
+ 3
88
+ .span-1.border
89
+ %p
90
+ 1
91
+ .span-1.border
92
+ %p
93
+ 2
94
+ .span-1.border
95
+ %p
96
+ 3
97
+ .span-1.border
98
+ %p
99
+ 4
100
+ .span-1.border
101
+ %p
102
+ 5
103
+ .span-1.border
104
+ %p
105
+ 6
106
+ .span-1.border
107
+ %p
108
+ 7
109
+ .span-1.border
110
+ %p
111
+ 8
112
+ .span-1.border
113
+ %p
114
+ 9
115
+ .span-1.border
116
+ %p
117
+ 10
118
+ .span-1.border
119
+ %p
120
+ 11
121
+ .span-1.border
122
+ %p
123
+ 12
124
+ .span-1.border
125
+ %p
126
+ 13
127
+ .span-1.border
128
+ %p
129
+ 14
130
+ .span-1.border
131
+ %p
132
+ 15
133
+ .span-1.border
134
+ %p
135
+ 16
136
+ .span-1.border
137
+ %p
138
+ 17
139
+ .span-1.border
140
+ %p
141
+ 18
142
+ .span-1.border
143
+ %p
144
+ 19
145
+ .span-1.border
146
+ %p
147
+ 20
148
+ .span-1.border
149
+ %p
150
+ 21
151
+ .span-1.border
152
+ %p
153
+ 22
154
+ .span-1.border
155
+ %p
156
+ 23
157
+ .span-1.last
158
+ %p
159
+ 24
160
+ .span-4
161
+ %p
162
+ 1
163
+ .span-4
164
+ %p
165
+ 2
166
+ .span-4
167
+ %p
168
+ 3
169
+ .span-4
170
+ %p
171
+ 4
172
+ .span-4
173
+ %p
174
+ 5
175
+ .span-4.last
176
+ %p
177
+ 6
178
+ .prepend-23.span-1.last
179
+ %p
180
+ 24
181
+ .prepend-1.span-1
182
+ %p
183
+ 2
184
+ .prepend-20.span-1.append-1.last
185
+ %p
186
+ 23
187
+ %hr
188
+ .span-24
189
+ %p
190
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
191
+ .span-12
192
+ .span-6
193
+ %p
194
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
195
+ .span-6.last
196
+ %p
197
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
198
+ .span-12.last
199
+ %p
200
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
201
+ .span-12.last
202
+ .span-6
203
+ %p
204
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
205
+ .span-6.last
206
+ %p
207
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
208
+ .span-12.last
209
+ %p
210
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
211
+ .span-14.prepend-5.append-5.last
212
+ %p
213
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
214
+ %hr
215
+ .span-12
216
+ %h5
217
+ TESTING .PUSH-1 TO .PUSH-5
218
+ .span-2
219
+ %img.push-1{ :src => "test-small.jpg" }
220
+ .span-10.last
221
+ %p
222
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
223
+ .span-2
224
+ %img.push-2{ :src => "test-small.jpg" }
225
+ .span-10.last
226
+ %p
227
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
228
+ .span-2
229
+ %img.push-3{ :src => "test-small.jpg" }
230
+ .span-10.last
231
+ %p
232
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
233
+ .span-2
234
+ %img.push-4{ :src => "test-small.jpg" }
235
+ .span-10.last
236
+ %p
237
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
238
+ .span-2
239
+ %img.push-5{ :src => "test-small.jpg" }
240
+ .span-10.last
241
+ %p
242
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
243
+ .span-12.last
244
+ %h5
245
+ TESTING .PULL-1 TO .PULL-5
246
+ .span-10
247
+ %p
248
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
249
+ .span-2.last
250
+ %img.top.pull-1{ :src => "test-small.jpg" }
251
+ .span-10
252
+ %p
253
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
254
+ .span-2.last
255
+ %img.top.pull-2{ :src => "test-small.jpg" }
256
+ .span-10
257
+ %p
258
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
259
+ .span-2.last
260
+ %img.top.pull-3{ :src => "test-small.jpg" }
261
+ .span-10
262
+ %p
263
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
264
+ .span-2.last
265
+ %img.top.pull-4{ :src => "test-small.jpg" }
266
+ .span-10
267
+ %p
268
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
269
+ .span-2.last
270
+ %img.top.pull-5{ :src => "test-small.jpg" }
271
+ .span-24
272
+ %p
273
+ %a{ :href => "http://validator.w3.org/check?uri=referer" }
274
+ %img.bottom{ :src => "valid.png", :height => "31", :alt => "Valid HTML 4.01 Strict", :width => "88" }
@@ -0,0 +1,96 @@
1
+ !!!
2
+ %html{ :lang => "en" }
3
+ %head
4
+ %meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" }
5
+ %title
6
+ Blueprint test pages
7
+ /
8
+ Framework CSS
9
+ %link{ :href => "stylesheets/screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
10
+ %link{ :href => "stylesheets/print.css", :rel => "stylesheet", :media => "print", :type => "text/css" }
11
+ /
12
+ [if IE]><link rel="stylesheet" href="stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]
13
+ %body
14
+ .container
15
+ %h1
16
+ Blueprint test pages
17
+ %hr
18
+ %p
19
+ Welcome to the Blueprint Plugin test pages. The HTML files below tests most HTML elements, and especially classes provided
20
+ by&nbsp;Blueprint.
21
+ %table{ :cellspacing => "0", :border => "0", :cellpadding => "0" }
22
+ %tr
23
+ %th.span-6
24
+ Test page
25
+ %th.span-8
26
+ Main files tested
27
+ %th.span-10
28
+ Description
29
+ %tr
30
+ %td
31
+ %a{ :href => "plugins/fancy_type.html" }
32
+ Fancy Type
33
+ %td
34
+ %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass" }
35
+ grid.sass
36
+ ,
37
+ %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass" }
38
+ typography.sass
39
+ ,
40
+ %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass" }
41
+ fancy_type.sass
42
+ %td
43
+ A simple sample page, with common elements and fancy type.
44
+ %tr
45
+ %td
46
+ %a{ :href => "plugins/buttons.html" }
47
+ Buttons
48
+ %td
49
+ %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_buttons.sass" }
50
+ buttons.sass
51
+ %td
52
+ A simple page, showing links and buttons styled using the button plugin.
53
+ %tr
54
+ %td
55
+ %a{ :href => "plugins/link_icons.html" }
56
+ Link Icons
57
+ %td
58
+ %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_link_icons.sass" }
59
+ link_icons.sass
60
+ %td
61
+ A simple page, showing links icons.
62
+ %tr
63
+ %td
64
+ %a{ :href => "plugins/rtl.html" }
65
+ RTL
66
+ %td
67
+ %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_rtl.sass" }
68
+ rtl.sass
69
+ %td
70
+ A simple page, showing a right-to-left grid layout.
71
+ %p
72
+ %em
73
+ %strong
74
+ Note about the css files:
75
+ These test files utilize the css files that are generated from
76
+ %a{ :href => "http://haml.hamptoncatlin.com/docs/rdoc/classes/Sass.html" }
77
+ Sass templates
78
+ \.
79
+ In other words, if you change any of the source files,
80
+ you'll have to re-build them with
81
+ %code
82
+ rake examples
83
+ to see any&nbsp;changes.
84
+ .box
85
+ %p
86
+ For more information and help, try these resources:
87
+ %ul.bottom
88
+ %li
89
+ %a{ :href => "http://www.blueprintcss.org/" }
90
+ The Blueprint home page.
91
+ %li
92
+ %a{ :href => "http://groups.google.com/group/blueprintcss" }
93
+ Our anything-goes mailing list.
94
+ %p
95
+ %a{ :href => "http://validator.w3.org/check?uri=referer" }
96
+ %img.top{ :src => "images/valid.png", :height => "31", :alt => "Valid HTML 4.01 Strict", :width => "88" }
@@ -0,0 +1,67 @@
1
+ !!!
2
+ %html{ :lang => "en" }
3
+ %head
4
+ %meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" }
5
+ %title
6
+ Blueprint Buttons Sample Page
7
+ /
8
+ Framework CSS
9
+ %link{ :href => "../stylesheets/screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
10
+ %link{ :href => "../stylesheets/print.css", :rel => "stylesheet", :media => "print", :type => "text/css" }
11
+ /
12
+ [if IE]><link rel="stylesheet" href="../stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]
13
+ %link{ :href => "../stylesheets/buttons.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
14
+ %body
15
+ .container
16
+ %h1
17
+ A Button Example Page
18
+ %hr
19
+ %h2.alt
20
+ This sample page demonstrates what you can do with the Buttons plugin.
21
+ %hr
22
+ .span-12
23
+ %h3
24
+ Link Buttons
25
+ %a.button
26
+ Link Button
27
+ %a.button.positive
28
+ Positive Button
29
+ %a.button.negative
30
+ Negative Button
31
+ .span-12.last
32
+ %h3
33
+ Real Buttons
34
+ %button
35
+ Normal Button
36
+ %button.positive
37
+ Positive Button
38
+ %button.negative
39
+ Negative Button
40
+ .span-12
41
+ %h3
42
+ Link Buttons with Images
43
+ %a.button
44
+ %img{ :src => "../images/buttons/tick.png", :alt => "" }
45
+ Save
46
+ %a.button.positive
47
+ %img{ :src => "../images/buttons/key.png", :alt => "" }
48
+ Change Password
49
+ %a.button.negative
50
+ %img{ :src => "../images/buttons/cross.png", :alt => "" }
51
+ Cancel
52
+ .span-12.last
53
+ %h3
54
+ Real Buttons with Images
55
+ %button
56
+ %img{ :src => "../images/buttons/tick.png", :alt => "" }
57
+ Save
58
+ %button.positive
59
+ %img{ :src => "../images/buttons/key.png", :alt => "" }
60
+ Change Password
61
+ %button.negative
62
+ %img{ :src => "../images/buttons/cross.png", :alt => "" }
63
+ Cancel
64
+ .span-24
65
+ %p
66
+ %a{ :href => "http://validator.w3.org/check?uri=referer" }
67
+ %img.top{ :src => "valid.png", :height => "31", :alt => "Valid HTML 4.01 Strict", :width => "88" }
@@ -0,0 +1,100 @@
1
+ !!!
2
+ %html{ :lang => "en" }
3
+ %head
4
+ %meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" }
5
+ %title
6
+ Blueprint Sample Page
7
+ /
8
+ Framework CSS
9
+ %link{ :href => "../stylesheets/screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
10
+ %link{ :href => "../stylesheets/print.css", :rel => "stylesheet", :media => "print", :type => "text/css" }
11
+ /
12
+ [if IE]><link rel="stylesheet" href="../stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]
13
+ %body
14
+ .container
15
+ %h1
16
+ A simple sample page
17
+ %hr
18
+ %h2.alt
19
+ This sample page demonstrates a tiny fraction of what you get with Blueprint.
20
+ %hr
21
+ .span-7.colborder
22
+ %h6
23
+ Here's a box
24
+ %p
25
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
26
+ .span-8.colborder
27
+ %h6
28
+ And another box
29
+ %p
30
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat laboris nisi ut aliquip.
31
+ .span-7.last
32
+ %h6
33
+ This box is aligned with the sidebar
34
+ %p
35
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
36
+ %hr
37
+ %hr.space
38
+ .span-15.prepend-1.colborder
39
+ %p
40
+ %img.left.top.pull-1{ :src => "../images/test.jpg", :alt => "test" }
41
+ Lorem ipsum dolor sit amet,
42
+ %em
43
+ consectetuer adipiscing elit
44
+ \. Nunc congue ipsum vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam convallis, est eu lobortis mattis, lectus tellus tempus felis, a ultricies erat ipsum at metus.
45
+ %p
46
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
47
+ %a{ :href => "#" }
48
+ Morbi et risus
49
+ \. Aliquam nisl. Nulla facilisi. Cras accumsan vestibulum ante. Vestibulum sed tortor. Praesent
50
+ %span.caps
51
+ SMALL CAPS
52
+ tempus fringilla elit. Ut elit diam, sagittis in, nonummy in, gravida non, nunc. Ut orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam egestas, orci eu imperdiet malesuada, nisl purus fringilla odio, quis commodo est orci vitae justo. Aliquam placerat odio tincidunt nulla. Cras in libero. Aenean rutrum, magna non tristique posuere, erat odio eleifend nisl, non convallis est tortor blandit ligula. Nulla id augue.
53
+ %p
54
+ Nullam mattis, odio ut tempus facilisis, metus nisl facilisis metus, auctor consectetuer felis ligula nec mauris. Vestibulum odio erat, fermentum at, commodo vitae, ultrices et, urna. Mauris vulputate, mi pulvinar sagittis condimentum, sem nulla aliquam velit, sed imperdiet mi purus eu magna. Nulla varius metus ut eros. Aenean aliquet magna eget orci. Class aptent taciti sociosqu ad litora.
55
+ %p
56
+ Vivamus euismod. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vel nibh ut turpis dictum sagittis. Aliquam vel velit a elit auctor sollicitudin. Nam vel dui vel neque lacinia pretium. Quisque nunc erat, venenatis id, volutpat ut, scelerisque sed, diam. Mauris ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec mattis. Morbi dignissim sollicitudin libero. Nulla lorem.
57
+ %blockquote
58
+ %p
59
+ Integer cursus ornare mauris. Praesent nisl arcu, imperdiet eu, ornare id, scelerisque ut, nunc. Praesent sagittis erat sed velit tempus imperdiet. Ut tristique, ante in interdum hendrerit, erat enim faucibus felis, quis rutrum mauris lorem quis sem. Vestibulum ligula nisi, mattis nec, posuere et, blandit eu, ligula. Nam suscipit placerat odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque tortor libero, venenatis vitae, rhoncus eu, placerat ut, mi. Nulla nulla.
60
+ %p
61
+ Maecenas vel metus quis magna pharetra fermentum.
62
+ %em
63
+ Integer sit amet tortor
64
+ \. Maecenas porttitor, pede sed gravida auctor, nulla augue aliquet elit, at pretium urna orci ut metus. Aliquam in dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, tellus id ornare posuere, quam nunc accumsan turpis, at convallis tellus orci et nisl. Phasellus congue neque a lorem.
65
+ %hr
66
+ .span-7.colborder
67
+ %h6
68
+ This is a nested column
69
+ %p
70
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
71
+ .span-7.last
72
+ %h6
73
+ This is another nested column
74
+ %p
75
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
76
+ .span-7.last
77
+ %h3
78
+ A
79
+ %span.alt
80
+ Simple
81
+ Sidebar
82
+ %p
83
+ Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.
84
+ %p
85
+ Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida. Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida.
86
+ %p.quiet
87
+ Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.
88
+ %h5
89
+ Incremental leading
90
+ %p.incr
91
+ Vestibulum ante ipsum primis in faucibus orci luctus vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus.
92
+ %p.incr
93
+ Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.
94
+ %hr
95
+ %h2.alt
96
+ You may pick and choose amongst these and many more features, so be bold.
97
+ %hr
98
+ %p
99
+ %a{ :href => "http://validator.w3.org/check?uri=referer" }
100
+ %img.top{ :src => "valid.png", :height => "31", :alt => "Valid HTML 4.01 Strict", :width => "88" }
@@ -0,0 +1,61 @@
1
+ !!!
2
+ %html{ :lang => "en" }
3
+ %head
4
+ %meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" }
5
+ %title
6
+ Blueprint Link Icons Sample Page
7
+ /
8
+ Framework CSS
9
+ %link{ :href => "../stylesheets/screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
10
+ %link{ :href => "../stylesheets/print.css", :rel => "stylesheet", :media => "print", :type => "text/css" }
11
+ /
12
+ [if IE]><link rel="stylesheet" href="../stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]
13
+ %link{ :href => "../stylesheets/link_icons.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
14
+ %body
15
+ .container
16
+ %h1
17
+ A Link Icons Example Page
18
+ %hr
19
+ %h2.alt
20
+ This sample page demonstrates what you can do with the Link Icons plugin.
21
+ %hr
22
+ .span-12
23
+ %h3
24
+ External Links
25
+ %a{ :href => "http://www.no-such-website.com/" }
26
+ A Normal External Link
27
+ %a{ :href => "http://www.google.com" }
28
+ A Visited External Link
29
+ %a{ :href => "mailto:donald@duck.com" }
30
+ An Email Link
31
+ .span-12.last
32
+ %h3
33
+ Document Links
34
+ %a{ :href => "http://www.no-such-website.com/sample.pdf" }
35
+ A .pdf Link
36
+ %a{ :href => "http://www.no-such-website.com/sample.doc" }
37
+ A .doc Link
38
+ %a{ :href => "http://www.no-such-website.com/sample.xls" }
39
+ A .xls Link
40
+ .span-12
41
+ %h3
42
+ Misc Links
43
+ %a{ :href => "http://www.no-such-website.com/sample.rss" }
44
+ An RSS Link
45
+ %a{ :href => "http://www.no-such-website.com/sample.rdf" }
46
+ An Atom Link
47
+ %a{ :href => "aim:chatmeup" }
48
+ A Instant Messenger Link
49
+ .span-12.last
50
+ %h3
51
+ Turning Icons Off
52
+ %a.noicon{ :href => "http://www.no-such-website.com/" }
53
+ A Normal External Link
54
+ %a.noicon{ :href => "http://www.google.com" }
55
+ A Visited External Link
56
+ %a.noicon{ :href => "mailto:donald@duck.com" }
57
+ An Email Link
58
+ .span-24
59
+ %p
60
+ %a.noicon{ :href => "http://validator.w3.org/check?uri=referer" }
61
+ %img.top{ :src => "valid.png", :height => "31", :alt => "Valid HTML 4.01 Strict", :width => "88" }