app-themer 0.3.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (39) hide show
  1. data/.document +5 -0
  2. data/.gitignore +21 -0
  3. data/LICENSE +20 -0
  4. data/README.md +158 -0
  5. data/Rakefile +53 -0
  6. data/VERSION +1 -0
  7. data/app-themer.gemspec +82 -0
  8. data/images/avatar.png +0 -0
  9. data/images/icons/application_edit.png +0 -0
  10. data/images/icons/cross.png +0 -0
  11. data/images/icons/key.png +0 -0
  12. data/images/icons/tick.png +0 -0
  13. data/index.html +347 -0
  14. data/javascripts/dd_belatedpng.js +328 -0
  15. data/javascripts/modernizr-1.5.min.js +28 -0
  16. data/lib/app_themer.rb +2 -0
  17. data/lib/generators/app_themer/layout/layout_generator.rb +71 -0
  18. data/lib/generators/app_themer/layout/templates/admin.html.erb +59 -0
  19. data/lib/generators/app_themer/layout/templates/login.html.erb +0 -0
  20. data/lib/generators/app_themer/views/templates/_form.html.erb +13 -0
  21. data/lib/generators/app_themer/views/templates/_sidebar.html.erb +13 -0
  22. data/lib/generators/app_themer/views/templates/edit.html.erb +18 -0
  23. data/lib/generators/app_themer/views/templates/new.html.erb +16 -0
  24. data/lib/generators/app_themer/views/templates/show.html.erb +23 -0
  25. data/lib/generators/app_themer/views/templates/tables.html.erb +50 -0
  26. data/lib/generators/app_themer/views/templates/text.html.erb +16 -0
  27. data/lib/generators/app_themer/views/views_generator.rb +126 -0
  28. data/stylesheets/base.css +204 -0
  29. data/stylesheets/handheld.css +6 -0
  30. data/stylesheets/override.css +1 -0
  31. data/stylesheets/themes/default/images/arrow.png +0 -0
  32. data/stylesheets/themes/default/images/boxbar-background.png +0 -0
  33. data/stylesheets/themes/default/images/button-background-active.png +0 -0
  34. data/stylesheets/themes/default/images/button-background.png +0 -0
  35. data/stylesheets/themes/default/images/menubar-background.png +0 -0
  36. data/stylesheets/themes/default/style.css +444 -0
  37. data/test/helper.rb +10 -0
  38. data/test/test_app-themer.rb +5 -0
  39. metadata +115 -0
data/index.html ADDED
@@ -0,0 +1,347 @@
1
+ <!doctype html>
2
+ <html lang="en" class="no-js">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <!--[if IE]><![endif]-->
6
+
7
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
8
+ <title></title>
9
+ <link rel="stylesheet" href="stylesheets/base.css">
10
+ <link rel="stylesheet" href="stylesheets/themes/default/style.css">
11
+ <link rel="stylesheet" media="handheld" href="stylesheets/handheld.css">
12
+ <script src="javascripts/modernizr-1.5.min.js"></script>
13
+
14
+ </head>
15
+ <!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
16
+ <!--[if IE 7 ]> <body class="ie7"> <![endif]-->
17
+ <!--[if IE 8 ]> <body class="ie8"> <![endif]-->
18
+ <!--[if IE 9 ]> <body class="ie9"> <![endif]-->
19
+ <!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->
20
+
21
+ <div id="container">
22
+ <header>
23
+ <h1><a href="index.html">Web App Theme</a></h1>
24
+ <nav id="main-navigation">
25
+ <ul class="clearfix">
26
+ <li><a href="#">Main Page</a></li>
27
+ <li class="active"><a href="#block-text">Active</a></li>
28
+ <li><a href="#">Login</a></li>
29
+ <li><a href="#">Signup</a></li>
30
+ <li class="right"><a href="#">Profile</a></li>
31
+ <li class="right"><a href="#">Settings</a></li>
32
+ <li class="right"><a class="logout" href="#">Logout</a></li>
33
+ </ul>
34
+ </nav>
35
+ </header>
36
+
37
+ <div id="wrapper" class="clearfix">
38
+ <div id="main">
39
+ <section id="text">
40
+ <nav class="secondary">
41
+ <ul class="clearfix">
42
+ <li class="active first"><a href="#block-text">Text</a></li>
43
+ <li><a href="#block-tables">Tables</a></li>
44
+ <li><a href="#block-forms">Forms</a></li>
45
+ <li><a href="#block-messages">Messages</a></li>
46
+ <li><a href="#block-forms-2">2 Columns Forms</a></li>
47
+ <li><a href="#block-lists">Lists</a></li>
48
+ </ul>
49
+ </nav>
50
+ <div class="content">
51
+ <h2>Text</h2>
52
+ <p>
53
+ 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. <span class="highlight">Excepteur sint occaecat cupidatat non proident</span>, sunt in culpa qui officia deserunt mollit anim id est laborum.
54
+ </p>
55
+ <p> <span class="small">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</span></p>
56
+ <p> <span class="gray">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</span></p>
57
+ <hr />
58
+ <p>
59
+ 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. <span class="highlight">Excepteur sint occaecat cupidatat non proident</span>, sunt in culpa qui officia deserunt mollit anim id est laborum.
60
+ </p>
61
+ </div>
62
+ </section>
63
+
64
+ <section id="tables">
65
+ <nav class="secondary">
66
+ <ul class="clearfix">
67
+ <li class="first"><a href="#block-text">Text</a></li>
68
+ <li class="active"><a href="#block-tables">Tables</a></li>
69
+ <li><a href="#block-forms">Forms</a></li>
70
+ <li><a href="#block-messages">Messages</a></li>
71
+ <li><a href="#block-forms-2">2 Columns Forms</a></li>
72
+ <li><a href="#block-lists">Lists</a></li>
73
+ </ul>
74
+ </nav>
75
+ <div class="content">
76
+ <h2>Tables</h2>
77
+ <form action="#" class="form">
78
+ <table class="table">
79
+ <tr>
80
+ <th class="first"><input type="checkbox" class="checkbox toggle" /></th>
81
+ <th>ID</th>
82
+ <th>Login</th>
83
+ <th>Name</th>
84
+ <th>Surname</th>
85
+ <th class="last">&nbsp;</th>
86
+ </tr>
87
+ <tr class="odd">
88
+ <td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>1</td><td>hulk</td><td>Hulk</td><td>Hogan</td><td class="last"><a href="#">show</a> | <a href="#">edit</a> | <a href="#">destroy</a></td>
89
+ </tr>
90
+ <tr class="even">
91
+ <td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>2</td><td>ultimate</td><td>Ultimate</td><td>Warrior</td><td class="last"><a href="#">show</a> | <a href="#">edit</a> | <a href="#">destroy</a></td>
92
+ </tr>
93
+ <tr class="odd">
94
+ <td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>3</td><td>andre</td><td>Andre</td><td>The Giant</td><td class="last"><a href="#">show</a> | <a href="#">edit</a> | <a href="#">destroy</a></td>
95
+ </tr>
96
+ <tr class="even">
97
+ <td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>4</td><td>machoman</td><td>Macho Man</td><td>Randy Savage</td><td class="last"><a href="#">show</a> | <a href="#">edit</a> | <a href="#">destroy</a></td>
98
+ </tr>
99
+ </table>
100
+ <div class="actions-bar clearfix">
101
+ <div class="actions">
102
+ <button class="button" type="submit">
103
+ <img src="images/icons/cross.png" alt="Delete" /> Delete
104
+ </button>
105
+ </div>
106
+ <div class="pagination">
107
+ <span class="disabled prev_page">« Previous</span><span class="current">1</span><a rel="next" href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a><a href="#">8</a><a href="#">9</a><a href="#">10</a><a href="#">11</a><a rel="next" class="next_page" href="#">Next »</a>
108
+ </div>
109
+ </div>
110
+ </form>
111
+ </div>
112
+ </section>
113
+
114
+ <section id="forms">
115
+ <nav class="secondary">
116
+ <ul class="clearfix">
117
+ <li class="first"><a href="#block-text">Text</a></li>
118
+ <li><a href="#block-tables">Tables</a></li>
119
+ <li class="active"><a href="#block-forms">Forms</a></li>
120
+ <li><a href="#block-messages">Messages</a></li>
121
+ <li><a href="#block-forms-2">2 Columns Forms</a></li>
122
+ <li><a href="#block-lists">Lists</a></li>
123
+ </ul>
124
+ </nav>
125
+ <div class="content">
126
+ <h2>Forms</h2>
127
+ <form action="#" method="get" class="form">
128
+ <div class="group">
129
+ <label class="label">Text field</label>
130
+ <input type="text" class="text_field" />
131
+ <span class="description">Ex: a simple text</span>
132
+ </div>
133
+ <div class="group">
134
+ <div class="fieldWithErrors">
135
+ <label class="label" for="post_title">Title</label>
136
+ <span class="error">can't be blank</span>
137
+ </div>
138
+ <input type="text" class="text_field" />
139
+ <span class="description">Ex: a simple text</span>
140
+ </div>
141
+ <div class="group">
142
+ <label class="label">Text area</label>
143
+ <textarea class="text_area" rows="10" cols="80"></textarea>
144
+ <span class="description">Write here a long text</span>
145
+ </div>
146
+ <div class="clearfix">
147
+ <button class="button" type="submit">
148
+ <img src="images/icons/tick.png" alt="Save" /> Save
149
+ </button>
150
+ <a href="#header" class="button">
151
+ <img src="images/icons/cross.png" alt="Cancel"/> Cancel
152
+ </a>
153
+ </div>
154
+ </form>
155
+ </div>
156
+ </section>
157
+
158
+ <section id="messages">
159
+ <nav class="secondary">
160
+ <ul class="clearfix">
161
+ <li class="first"><a href="#block-text">Text</a></li>
162
+ <li><a href="#block-tables">Tables</a></li>
163
+ <li><a href="#block-forms">Forms</a></li>
164
+ <li class="active"><a href="#block-messages">Messages</a></li>
165
+ <li><a href="#block-forms-2">2 Columns Forms</a></li>
166
+ <li><a href="#block-lists">Lists</a></li>
167
+ </ul>
168
+ </nav>
169
+ <div class="content">
170
+ <h2>Messages</h2>
171
+ <div class="flash">
172
+ <div class="message error">
173
+ <p>Error message</p>
174
+ </div>
175
+ <div class="message warning">
176
+ <p>Warning message</p>
177
+ </div>
178
+ <div class="message notice">
179
+ <p>Notice message</p>
180
+ </div>
181
+ </div>
182
+ </div>
183
+ </section>
184
+
185
+ <section id="forms-2">
186
+ <nav class="secondary">
187
+ <ul class="clearfix">
188
+ <li class="first"><a href="#block-text">Text</a></li>
189
+ <li><a href="#block-tables">Tables</a></li>
190
+ <li><a href="#block-forms">Forms</a></li>
191
+ <li><a href="#block-messages">Messages</a></li>
192
+ <li class="active"><a href="#block-forms-2">2 Columns Forms</a></li>
193
+ <li><a href="#block-lists">Lists</a></li>
194
+ </ul>
195
+ </nav>
196
+ <div class="content">
197
+ <h2>2 columns forms</h2>
198
+ <form action="#" method="get" class="form">
199
+ <div class="columns clearfix">
200
+ <div class="column left">
201
+ <div class="group">
202
+ <label class="label">Text field</label>
203
+ <input type="text" class="text_field" />
204
+ </div>
205
+ <div class="group">
206
+ <label class="label">Text area</label>
207
+ <textarea class="text_area" rows="10" cols="80"></textarea>
208
+ </div>
209
+ </div>
210
+ <div class="column right">
211
+ <div class="group">
212
+ <label class="label">Select</label>
213
+ <select><option value="1">Choose...</option></select>
214
+ </div>
215
+ <div class="group">
216
+ <label class="label">Check box</label>
217
+ <div>
218
+ <input type="checkbox" name="checkbox" id="checkbox_1" class="checkbox" value="1" /> <label for="checkbox_1" class="checkbox">Option 1</label>
219
+ </div>
220
+ <div>
221
+ <input type="checkbox" name="checkbox" id="checkbox_2" class="checkbox" value="2" /> <label for="checkbox_2" class="checkbox">Option 2</label>
222
+ </div>
223
+ </div>
224
+ <div class="group">
225
+ <label class="label">Radio</label>
226
+ <div>
227
+ <input type="radio" name="radio" id="radio_1" class="checkbox" value="1" /> <label for="radio_1" class="radio">Option 1</label>
228
+ </div>
229
+ <div>
230
+ <input type="radio" name="radio" id="radio_2" class="checkbox" value="2" /> <label for="radio_2" class="radio">Option 2</label>
231
+ </div>
232
+ </div>
233
+ </div>
234
+ </div>
235
+ <div class="clearfix">
236
+ <button class="button" type="submit">
237
+ <img src="images/icons/tick.png" alt="Save" /> Save
238
+ </button>
239
+ <a href="#header" class="button">
240
+ <img src="images/icons/cross.png" alt="Cancel"/> Cancel
241
+ </a>
242
+ </div>
243
+ </form>
244
+ </div>
245
+ </section>
246
+
247
+ <section id="lists">
248
+ <nav class="secondary">
249
+ <ul class="clearfix">
250
+ <li class="first"><a href="#block-text">Text</a></li>
251
+ <li><a href="#block-tables">Tables</a></li>
252
+ <li><a href="#block-forms">Forms</a></li>
253
+ <li><a href="#block-messages">Messages</a></li>
254
+ <li><a href="#block-forms-2">2 Columns Forms</a></li>
255
+ <li class="active"><a href="#block-lists">Lists</a></li>
256
+ </ul>
257
+ </nav>
258
+ <div class="content">
259
+ <h2>Lists</h2>
260
+ <ul class="list">
261
+ <li>
262
+ <div class="left">
263
+ <a href="#"><img class="avatar" src="images/avatar.png" alt="avatar" /></a>
264
+ </div>
265
+ <div class="item">
266
+ <p>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.</p>
267
+ </div>
268
+ </li>
269
+ <li>
270
+ <div class="left">
271
+ <a href="#"><img class="avatar" src="images/avatar.png" alt="avatar" /></a>
272
+ </div>
273
+ <div class="item">
274
+ <p>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.</p>
275
+ </div>
276
+ </li>
277
+ <li>
278
+ <div class="left">
279
+ <a href="#"><img class="avatar" src="images/avatar.png" alt="avatar" /></a>
280
+ </div>
281
+ <div class="item">
282
+ <p>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.</p>
283
+ </div>
284
+ </li>
285
+ </ul>
286
+ </div>
287
+ </section>
288
+
289
+ <footer>
290
+ <p>&copy; Copyright Your Name Here 2010. All Rights Reserved.</p>
291
+ </footer>
292
+ </div>
293
+
294
+ <div id="sidebar">
295
+ <aside>
296
+ <div class="module">
297
+ <h2>Sidebar Content</h2>
298
+ <div class="content">
299
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut</p>
300
+ </div>
301
+ </div>
302
+
303
+ <div class="module">
304
+ <h2>Sample List</h2>
305
+ <ul class="navigation">
306
+ <li><a href="#" onclick="Theme.activate('default'); return false;">Default</a></li>
307
+ <li><a href="#" onclick="Theme.activate('red'); return false;">Red</a></li>
308
+ <li><a href="#" onclick="Theme.activate('amro'); return false;">Amro</a></li>
309
+ <li><a href="#" onclick="Theme.activate('bec'); return false;">Bec</a></li>
310
+ <li><a href="#" onclick="Theme.activate('bec-green'); return false;">Bec-Green</a></li>
311
+ <li><a href="#" onclick="Theme.activate('blue'); return false;">Blue</a></li>
312
+ <li><a href="#" onclick="Theme.activate('djime-cerulean'); return false;">Djime-Cerulean</a></li>
313
+ <li><a href="#" onclick="Theme.activate('drastic-dark'); return false;">Drastic Dark</a></li>
314
+ <li><a href="#" onclick="Theme.activate('kathleene'); return false;">Kathleene</a></li>
315
+ <li><a href="#" onclick="Theme.activate('olive'); return false;">Olive</a></li>
316
+ <li><a href="#" onclick="Theme.activate('orange'); return false;">Orange</a></li>
317
+ <li><a href="#" onclick="Theme.activate('reidb-greenish'); return false;">Greenish</a></li>
318
+ <li><a href="#" onclick="Theme.activate('warehouse'); return false;">Warehouse</a></li>
319
+ </ul>
320
+ </div>
321
+
322
+ <div class="module notice">
323
+ <h2>Sidebar Content</h2>
324
+ <div class="content">
325
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut</p>
326
+ </div>
327
+ </div>
328
+
329
+ <div class="module plain">
330
+ <h2>Sidebar Content</h2>
331
+ <div class="content">
332
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut</p>
333
+ </div>
334
+ </div>
335
+ </aside>
336
+ </div>
337
+ </div>
338
+ </div> <!-- end of #container -->
339
+
340
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
341
+
342
+ <!--[if lt IE 7 ]>
343
+ <script src="javascripts/dd_belatedpng.js"></script>
344
+ <script>DD_belatedPNG.fix('.button img, #sidebar ul li');</script>
345
+ <![endif]-->
346
+ </body>
347
+ </html>