templator_chabz 0.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (193) hide show
  1. checksums.yaml +15 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.rdoc +3 -0
  4. data/Rakefile +32 -0
  5. data/lib/generators/templator_chabz/install_generator.rb +81 -0
  6. data/lib/generators/templator_chabz/template_generator.rb +31 -0
  7. data/lib/generators/templator_chabz/templates/foundation/erb/banded.html.erb +116 -0
  8. data/lib/generators/templator_chabz/templates/foundation/erb/banner-home.html.erb +125 -0
  9. data/lib/generators/templator_chabz/templates/foundation/erb/blog.html.erb +154 -0
  10. data/lib/generators/templator_chabz/templates/foundation/erb/feed.html.erb +165 -0
  11. data/lib/generators/templator_chabz/templates/foundation/erb/grid.html.erb +258 -0
  12. data/lib/generators/templator_chabz/templates/foundation/erb/orbit.html.erb +121 -0
  13. data/lib/generators/templator_chabz/templates/foundation/erb/sidebar.html.erb +111 -0
  14. data/lib/generators/templator_chabz/templates/foundation/haml/banded.html.haml +88 -0
  15. data/lib/generators/templator_chabz/templates/foundation/haml/banner-home.html.haml +114 -0
  16. data/lib/generators/templator_chabz/templates/foundation/haml/blog.html.haml +107 -0
  17. data/lib/generators/templator_chabz/templates/foundation/haml/feed.html.haml +155 -0
  18. data/lib/generators/templator_chabz/templates/foundation/haml/grid.html.haml +216 -0
  19. data/lib/generators/templator_chabz/templates/foundation/haml/orbit.html.haml +90 -0
  20. data/lib/generators/templator_chabz/templates/foundation/haml/sidebar.html.haml +92 -0
  21. data/lib/tasks/templator_chabz_tasks.rake +4 -0
  22. data/lib/templator_chabz.rb +3 -0
  23. data/lib/templator_chabz/engine.rb +6 -0
  24. data/lib/templator_chabz/version.rb +3 -0
  25. data/test/dummy/Gemfile +18 -0
  26. data/test/dummy/Gemfile.lock +127 -0
  27. data/test/dummy/README.rdoc +28 -0
  28. data/test/dummy/Rakefile +6 -0
  29. data/test/dummy/app/assets/javascripts/application.js +13 -0
  30. data/test/dummy/app/assets/stylesheets/application.css +13 -0
  31. data/test/dummy/app/controllers/application_controller.rb +5 -0
  32. data/test/dummy/app/helpers/application_helper.rb +2 -0
  33. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  34. data/test/dummy/app/views/posts/_form.html.haml +16 -0
  35. data/test/dummy/app/views/posts/edit.html.haml +7 -0
  36. data/test/dummy/app/views/posts/index.html.haml +21 -0
  37. data/test/dummy/app/views/posts/index.json.jbuilder +4 -0
  38. data/test/dummy/app/views/posts/new.html.haml +5 -0
  39. data/test/dummy/app/views/posts/show.html.haml +12 -0
  40. data/test/dummy/app/views/posts/show.json.jbuilder +1 -0
  41. data/test/dummy/bin/bundle +3 -0
  42. data/test/dummy/bin/rails +4 -0
  43. data/test/dummy/bin/rake +4 -0
  44. data/test/dummy/config.ru +4 -0
  45. data/test/dummy/config/application.rb +23 -0
  46. data/test/dummy/config/boot.rb +5 -0
  47. data/test/dummy/config/database.yml +25 -0
  48. data/test/dummy/config/environment.rb +5 -0
  49. data/test/dummy/config/environments/development.rb +29 -0
  50. data/test/dummy/config/environments/production.rb +80 -0
  51. data/test/dummy/config/environments/test.rb +36 -0
  52. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  53. data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  54. data/test/dummy/config/initializers/inflections.rb +16 -0
  55. data/test/dummy/config/initializers/mime_types.rb +5 -0
  56. data/test/dummy/config/initializers/secret_token.rb +12 -0
  57. data/test/dummy/config/initializers/session_store.rb +3 -0
  58. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  59. data/test/dummy/config/locales/en.yml +23 -0
  60. data/test/dummy/config/routes.rb +56 -0
  61. data/test/dummy/db/development.sqlite3 +0 -0
  62. data/test/dummy/db/migrate/20131006054133_create_tests.rb +8 -0
  63. data/test/dummy/db/migrate/20131006115208_create_posts.rb +10 -0
  64. data/test/dummy/db/schema.rb +28 -0
  65. data/test/dummy/log/development.log +2299 -0
  66. data/test/dummy/public/404.html +58 -0
  67. data/test/dummy/public/422.html +58 -0
  68. data/test/dummy/public/500.html +57 -0
  69. data/test/dummy/public/favicon.ico +0 -0
  70. data/test/dummy/test/controllers/posts_controller_test.rb +49 -0
  71. data/test/dummy/test/fixtures/posts.yml +9 -0
  72. data/test/dummy/test/fixtures/tests.yml +11 -0
  73. data/test/dummy/test/helpers/posts_helper_test.rb +4 -0
  74. data/test/dummy/test/models/post_test.rb +7 -0
  75. data/test/dummy/test/models/test_test.rb +7 -0
  76. data/test/dummy/tmp/cache/assets/development/sass/5e65457e8790b21bb66467547fe443e595671eb3/foundation.scssc +0 -0
  77. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_alert-boxes.scssc +0 -0
  78. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_block-grid.scssc +0 -0
  79. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_breadcrumbs.scssc +0 -0
  80. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_button-groups.scssc +0 -0
  81. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_buttons.scssc +0 -0
  82. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_clearing.scssc +0 -0
  83. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_custom-forms.scssc +0 -0
  84. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_dropdown-buttons.scssc +0 -0
  85. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_dropdown.scssc +0 -0
  86. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_flex-video.scssc +0 -0
  87. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_forms.scssc +0 -0
  88. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_global.scssc +0 -0
  89. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_grid.scssc +0 -0
  90. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_inline-lists.scssc +0 -0
  91. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_joyride.scssc +0 -0
  92. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_keystrokes.scssc +0 -0
  93. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_labels.scssc +0 -0
  94. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_magellan.scssc +0 -0
  95. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_orbit.scssc +0 -0
  96. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_pagination.scssc +0 -0
  97. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_panels.scssc +0 -0
  98. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_pricing-tables.scssc +0 -0
  99. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_progress-bars.scssc +0 -0
  100. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_reveal.scssc +0 -0
  101. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_section.scssc +0 -0
  102. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_side-nav.scssc +0 -0
  103. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_split-buttons.scssc +0 -0
  104. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_sub-nav.scssc +0 -0
  105. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_switch.scssc +0 -0
  106. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_tables.scssc +0 -0
  107. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_thumbs.scssc +0 -0
  108. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_tooltips.scssc +0 -0
  109. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_top-bar.scssc +0 -0
  110. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_type.scssc +0 -0
  111. data/test/dummy/tmp/cache/assets/development/sass/942db8b2be953c9bac7f632a6f4ac941579d2216/_visibility.scssc +0 -0
  112. data/test/dummy/tmp/cache/assets/development/sass/be6f7d6cf81a3a6db6a6427662e44ee1833019b8/_variables.scssc +0 -0
  113. data/test/dummy/tmp/cache/assets/development/sass/ea369932e64bc5225aea5605bf0ed7dad0149c7c/foundation_and_overrides.scssc +0 -0
  114. data/test/dummy/tmp/cache/assets/development/sass/ea369932e64bc5225aea5605bf0ed7dad0149c7c/posts.css.scssc +0 -0
  115. data/test/dummy/tmp/cache/assets/development/sass/ea369932e64bc5225aea5605bf0ed7dad0149c7c/scaffolds.css.scssc +0 -0
  116. data/test/dummy/tmp/cache/assets/development/sprockets/08662e474ce1579b97884ab50e2e2643 +0 -0
  117. data/test/dummy/tmp/cache/assets/development/sprockets/0a99b6b60d901e7347ae702a774c460d +0 -0
  118. data/test/dummy/tmp/cache/assets/development/sprockets/109364ff23b8c3f298666d5b3ed59f8f +0 -0
  119. data/test/dummy/tmp/cache/assets/development/sprockets/10fcfbe6ebae11a40c8eac41939a1b9a +0 -0
  120. data/test/dummy/tmp/cache/assets/development/sprockets/13fe41fee1fe35b49d145bcc06610705 +0 -0
  121. data/test/dummy/tmp/cache/assets/development/sprockets/1a821c95f916421780abe99813b3c91b +0 -0
  122. data/test/dummy/tmp/cache/assets/development/sprockets/1f186ab17df208d8f9291c4ec5793626 +0 -0
  123. data/test/dummy/tmp/cache/assets/development/sprockets/204247b3a9d449797de892002beb9ff0 +0 -0
  124. data/test/dummy/tmp/cache/assets/development/sprockets/210743f18402df668a8eac0f97fe9792 +0 -0
  125. data/test/dummy/tmp/cache/assets/development/sprockets/21510ea8264eaa94d48104f903b60f39 +0 -0
  126. data/test/dummy/tmp/cache/assets/development/sprockets/21b774bcf777796eb33a2f79ef74e215 +0 -0
  127. data/test/dummy/tmp/cache/assets/development/sprockets/22f08f9bfd17b861b64760e60468d81b +0 -0
  128. data/test/dummy/tmp/cache/assets/development/sprockets/2b2fc669f5a079c5eb55160b13687322 +0 -0
  129. data/test/dummy/tmp/cache/assets/development/sprockets/2d64858078c6c6e2fe621b48bb2f44a9 +0 -0
  130. data/test/dummy/tmp/cache/assets/development/sprockets/2f5173deea6c795b8fdde723bb4b63af +0 -0
  131. data/test/dummy/tmp/cache/assets/development/sprockets/302401b849544f478d71b360f959de1b +0 -0
  132. data/test/dummy/tmp/cache/assets/development/sprockets/357970feca3ac29060c1e3861e2c0953 +0 -0
  133. data/test/dummy/tmp/cache/assets/development/sprockets/35c4ebb0728d94f58835f5a834ee410b +0 -0
  134. data/test/dummy/tmp/cache/assets/development/sprockets/3794b356552fe398efb67a9f13603852 +0 -0
  135. data/test/dummy/tmp/cache/assets/development/sprockets/40e4dc27315c8bb23ab744a9b4109d6d +0 -0
  136. data/test/dummy/tmp/cache/assets/development/sprockets/45608fceae9d088671ac5d2ee16d87da +0 -0
  137. data/test/dummy/tmp/cache/assets/development/sprockets/4582dca43473c600d2a889c0ceacb6e9 +0 -0
  138. data/test/dummy/tmp/cache/assets/development/sprockets/4a31b996e5ba29ae4ae8296e024d72e2 +0 -0
  139. data/test/dummy/tmp/cache/assets/development/sprockets/4b0af6b796cc38d45f669c27eb80317c +0 -0
  140. data/test/dummy/tmp/cache/assets/development/sprockets/5322bf09526bb349f4db53733d00708d +0 -0
  141. data/test/dummy/tmp/cache/assets/development/sprockets/554fbf86fb6ebbfba471462aece61b71 +0 -0
  142. data/test/dummy/tmp/cache/assets/development/sprockets/59ee4111f5f3ae4c0e2611fe56f27d41 +0 -0
  143. data/test/dummy/tmp/cache/assets/development/sprockets/5a2122189d95df7e073f20347a1f4d1d +0 -0
  144. data/test/dummy/tmp/cache/assets/development/sprockets/5a6dc5b720e91c7d5b96f8978e8c099c +0 -0
  145. data/test/dummy/tmp/cache/assets/development/sprockets/5a903d903ff1031711d0cb82b0e4c473 +0 -0
  146. data/test/dummy/tmp/cache/assets/development/sprockets/5f0c911bac0bdade86492175727353a0 +0 -0
  147. data/test/dummy/tmp/cache/assets/development/sprockets/6f9f5b80c345a75b6ed3c682bb12b4a2 +0 -0
  148. data/test/dummy/tmp/cache/assets/development/sprockets/71ed84561ff87a5b5e970969ee1071d1 +0 -0
  149. data/test/dummy/tmp/cache/assets/development/sprockets/76ede84da6cefda9c2aa52569d397ab6 +0 -0
  150. data/test/dummy/tmp/cache/assets/development/sprockets/7b17de2aa94f5206252e277afe1df40c +0 -0
  151. data/test/dummy/tmp/cache/assets/development/sprockets/7b50d5f08a3a319773b0c52f4483ee4f +0 -0
  152. data/test/dummy/tmp/cache/assets/development/sprockets/7e4be92eadae28f8b72b8c1f6ee3d80d +0 -0
  153. data/test/dummy/tmp/cache/assets/development/sprockets/8b590831eed712236b632c539da643e9 +0 -0
  154. data/test/dummy/tmp/cache/assets/development/sprockets/8e99ae8c4ddf076611fbae06243721d8 +0 -0
  155. data/test/dummy/tmp/cache/assets/development/sprockets/90c20156d1c9a5163e51c8c056ff5777 +0 -0
  156. data/test/dummy/tmp/cache/assets/development/sprockets/92088122fa40322c86cc0083551a4528 +0 -0
  157. data/test/dummy/tmp/cache/assets/development/sprockets/9227d7172d559066f794a189c599e1fc +0 -0
  158. data/test/dummy/tmp/cache/assets/development/sprockets/9ef8b3034506be9061b9df2e00698d80 +0 -0
  159. data/test/dummy/tmp/cache/assets/development/sprockets/9f93e00a58310561d1989b82ab7b83a7 +0 -0
  160. data/test/dummy/tmp/cache/assets/development/sprockets/9fdd00562d6dea819db33bdf1f5cab5b +0 -0
  161. data/test/dummy/tmp/cache/assets/development/sprockets/a2559a19bfb0a6b5f9651b4e9dbe559c +0 -0
  162. data/test/dummy/tmp/cache/assets/development/sprockets/a531964bec6d6cb36895a13f8bdab7e0 +0 -0
  163. data/test/dummy/tmp/cache/assets/development/sprockets/aac4628c5d4049f6abe72c1b0e42097b +0 -0
  164. data/test/dummy/tmp/cache/assets/development/sprockets/aada318492cd92ae01885ef3911e2717 +0 -0
  165. data/test/dummy/tmp/cache/assets/development/sprockets/abb46c9cfc4b1dca83447d9672fb9b8d +0 -0
  166. data/test/dummy/tmp/cache/assets/development/sprockets/b0acf2933cfdb22eaeb8c9d80a87ccd1 +0 -0
  167. data/test/dummy/tmp/cache/assets/development/sprockets/b0e2c03464284b32461db11132ceaa42 +0 -0
  168. data/test/dummy/tmp/cache/assets/development/sprockets/b0f8eeb3d384a02c7915be1d63860345 +0 -0
  169. data/test/dummy/tmp/cache/assets/development/sprockets/b184b27f67d8e8736980a0b8984fd9ff +0 -0
  170. data/test/dummy/tmp/cache/assets/development/sprockets/b4c7391482ed7db125856b4a5611c8e0 +0 -0
  171. data/test/dummy/tmp/cache/assets/development/sprockets/b4d05ba000729f99077402d6f3ebc6a5 +0 -0
  172. data/test/dummy/tmp/cache/assets/development/sprockets/b64602f02c6f0bd3701cdcc16fe1cdb1 +0 -0
  173. data/test/dummy/tmp/cache/assets/development/sprockets/b7edc309227cdee7658c29674a5eb30f +0 -0
  174. data/test/dummy/tmp/cache/assets/development/sprockets/bd3936370d0f952ada5774e2230046ed +0 -0
  175. data/test/dummy/tmp/cache/assets/development/sprockets/bfca04565e745a9dcb660191f63c2dd0 +0 -0
  176. data/test/dummy/tmp/cache/assets/development/sprockets/c0541f37a48c06469f284192ae351f9c +0 -0
  177. data/test/dummy/tmp/cache/assets/development/sprockets/c32dd6e27182c620c704715b6f312863 +0 -0
  178. data/test/dummy/tmp/cache/assets/development/sprockets/c3bc360cff83ffddb8e0f46b918957d2 +0 -0
  179. data/test/dummy/tmp/cache/assets/development/sprockets/c4a4cc465b11c1d68b8c960371d85011 +0 -0
  180. data/test/dummy/tmp/cache/assets/development/sprockets/c8ef7534699ea82b3fb3658b8c10cf91 +0 -0
  181. data/test/dummy/tmp/cache/assets/development/sprockets/cc3949ebb617002ef1f538cfd4caa5df +0 -0
  182. data/test/dummy/tmp/cache/assets/development/sprockets/cffd775d018f68ce5dba1ee0d951a994 +0 -0
  183. data/test/dummy/tmp/cache/assets/development/sprockets/d3404752cf23ba5902ef142cb4f1d72d +0 -0
  184. data/test/dummy/tmp/cache/assets/development/sprockets/d70fca14dd961df1ddacfb404e68f641 +0 -0
  185. data/test/dummy/tmp/cache/assets/development/sprockets/d771ace226fc8215a3572e0aa35bb0d6 +0 -0
  186. data/test/dummy/tmp/cache/assets/development/sprockets/e35e5cf8df356b11ca306cb025aec9ff +0 -0
  187. data/test/dummy/tmp/cache/assets/development/sprockets/e459168835a5f27b832ace20874f7c10 +0 -0
  188. data/test/dummy/tmp/cache/assets/development/sprockets/f4db7f07159837dd9f31e436c623d99e +0 -0
  189. data/test/dummy/tmp/cache/assets/development/sprockets/f767bf7733f9d255bda5d7ad033ab87f +0 -0
  190. data/test/dummy/tmp/cache/assets/development/sprockets/f7cbd26ba1d28d48de824f0e94586655 +0 -0
  191. data/test/templator_chabz_test.rb +7 -0
  192. data/test/test_helper.rb +15 -0
  193. metadata +432 -0
@@ -0,0 +1,165 @@
1
+ <!DOCTYPE html>
2
+ <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
+ <!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
4
+ <!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
5
+ <!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
6
+ <!--[if IE 9 ]> <html class="ie9" lang="en"> <![endif]-->
7
+ <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
8
+ <head>
9
+ <meta charset="utf-8" />
10
+
11
+ <!-- Uncomment to make IE8 render like IE7 -->
12
+ <!-- <meta http-equiv="X-UA-Compatible" content="IE=7" /> -->
13
+
14
+ <!-- Set the viewport width to device width for mobile -->
15
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
16
+
17
+ <title><%%= content_for?(:title) ? yield(:title) : "Untitled" %></title>
18
+
19
+ <!-- Included CSS Files -->
20
+ <%%= stylesheet_link_tag "application" %>
21
+
22
+ <!-- Included JS Files -->
23
+ <%%= javascript_include_tag "application" %>
24
+
25
+ <%%= csrf_meta_tags %>
26
+ </head>
27
+
28
+ <body>
29
+ <!-- Header and Nav -->
30
+
31
+ <div class="row">
32
+ <div class="large-12 columns">
33
+ <div class="panel">
34
+ <h1>Feed Template</h1>
35
+ </div>
36
+ </div>
37
+ </div>
38
+ <!-- End Header and Nav -->
39
+ <div class="row">
40
+ <!-- Nav Sidebar -->
41
+ <!-- This is source ordered to be pulled to the left on larger screens -->
42
+ <div class="large-3 columns ">
43
+ <div class="panel">
44
+ <a href="#"><img src="http://placehold.it/300x240&text=[img]" /></a>
45
+ <h5><a href="#">Your Name</a></h5>
46
+ <div class="section-container vertical-nav" data-section data-options="deep_linking: false; one_up: true">
47
+ <section class="section">
48
+ <h5 class="title"><a href="#">Section 1</a></h5>
49
+ </section>
50
+ <section class="section">
51
+ <h5 class="title"><a href="#">Section 2</a></h5>
52
+ </section>
53
+ <section class="section">
54
+ <h5 class="title"><a href="#">Section 3</a></h5>
55
+ </section>
56
+ <section class="section">
57
+ <h5 class="title"><a href="#">Section 4</a></h5>
58
+ </section>
59
+ <section class="section">
60
+ <h5 class="title"><a href="#">Section 5</a></h5>
61
+ </section>
62
+ <section class="section">
63
+ <h5 class="title"><a href="#">Section 6</a></h5>
64
+ </section>
65
+ </div>
66
+
67
+ </div>
68
+ </div>
69
+
70
+ <!-- Main Feed -->
71
+ <!-- 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 -->
72
+ <div class="large-6 columns">
73
+
74
+ <!-- Feed Entry -->
75
+ <div class="row">
76
+ <div class="large-2 columns small-3"><img src="http://placehold.it/80x80&text=[img]" /></div>
77
+ <div class="large-10 columns">
78
+ <!-- It's up to you to place yield wherever you like. Feel free to edit this template -->
79
+ <%%= yield %>
80
+ <h6>2 Comments</h6>
81
+ <div class="row">
82
+ <div class="large-2 columns small-3"><img src="http://placehold.it/50x50&text=[img]" /></div>
83
+ <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>
84
+ </div>
85
+ <div class="row">
86
+ <div class="large-2 columns small-3"><img src="http://placehold.it/50x50&text=[img]" /></div>
87
+ <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>
88
+ </div>
89
+ </div>
90
+ </div>
91
+ <!-- End Feed Entry -->
92
+
93
+ <hr />
94
+
95
+ <!-- Feed Entry -->
96
+ <div class="row">
97
+ <div class="large-2 columns small-3"><img src="http://placehold.it/80x80&text=[img]" /></div>
98
+ <div class="large-10 columns">
99
+ <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>
100
+ <ul class="inline-list">
101
+ <li><a href="">Reply</a></li>
102
+ <li><a href="">Share</a></li>
103
+ </ul>
104
+ </div>
105
+ </div>
106
+ <!-- End Feed Entry -->
107
+
108
+ <hr />
109
+
110
+ <!-- Feed Entry -->
111
+ <div class="row">
112
+ <div class="large-2 columns small-3"><img src="http://placehold.it/80x80&text=[img]" /></div>
113
+ <div class="large-10 columns">
114
+ <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>
115
+ <ul class="inline-list">
116
+ <li><a href="">Reply</a></li>
117
+ <li><a href="">Share</a></li>
118
+ </ul>
119
+
120
+
121
+ <h6>2 Comments</h6>
122
+ <div class="row">
123
+ <div class="large-2 columns small-3"><img src="http://placehold.it/50x50&text=[img]" /></div>
124
+ <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>
125
+ </div>
126
+ </div>
127
+ </div>
128
+ <!-- End Feed Entry -->
129
+
130
+ </div>
131
+
132
+ <!-- Right Sidebar -->
133
+ <!-- On small devices this column is hidden -->
134
+ <aside class="large-3 columns hide-for-small">
135
+ <p><img src="http://placehold.it/300x440&text=[ad]" /></p>
136
+ <p><img src="http://placehold.it/300x440&text=[ad]" /></p>
137
+ </aside>
138
+
139
+ </div>
140
+
141
+
142
+ <!-- Footer -->
143
+
144
+ <footer class="row">
145
+ <div class="large-12 columns">
146
+ <hr />
147
+ <div class="row">
148
+ <div class="large-5 columns">
149
+ <p>&copy; Copyright no one at all. Go to town.</p>
150
+ </div>
151
+ <div class="large-7 columns">
152
+ <ul class="inline-list right">
153
+ <li><a href="#">Section 1</a></li>
154
+ <li><a href="#">Section 2</a></li>
155
+ <li><a href="#">Section 3</a></li>
156
+ <li><a href="#">Section 4</a></li>
157
+ <li><a href="#">Section 5</a></li>
158
+ <li><a href="#">Section 6</a></li>
159
+ </ul>
160
+ </div>
161
+ </div>
162
+ </div>
163
+ </footer>
164
+ </body>
165
+ </html>
@@ -0,0 +1,258 @@
1
+ <!DOCTYPE html>
2
+ <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
+ <!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
4
+ <!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
5
+ <!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
6
+ <!--[if IE 9 ]> <html class="ie9" lang="en"> <![endif]-->
7
+ <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
8
+ <head>
9
+ <meta charset="utf-8" />
10
+
11
+ <!-- Uncomment to make IE8 render like IE7 -->
12
+ <!-- <meta http-equiv="X-UA-Compatible" content="IE=7" /> -->
13
+
14
+ <!-- Set the viewport width to device width for mobile -->
15
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
16
+ <title><%%= content_for?(:title) ? yield(:title) : "Untitled" %></title>
17
+
18
+ <!-- Included CSS Files -->
19
+ <%%= stylesheet_link_tag "application" %>
20
+
21
+ <!-- Included JS Files -->
22
+ <%%= javascript_include_tag "application" %>
23
+
24
+ <%%= csrf_meta_tags %>
25
+ </head>
26
+
27
+ <body>
28
+ <!-- Header and Nav -->
29
+ <nav class="top-bar">
30
+ <ul class="title-area">
31
+ <!-- Title Area -->
32
+ <li class="name">
33
+ <h1>
34
+ <a href="#">Top Bar Title</a>
35
+ </h1>
36
+ </li>
37
+ <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
38
+ </ul>
39
+
40
+ <section class="top-bar-section">
41
+ <!-- Left Nav Section -->
42
+ <ul class="left">
43
+ <li class="divider"></li>
44
+ <li class="has-dropdown">
45
+ <a class="active" href="#">Main Item 1</a>
46
+ <ul class="dropdown">
47
+ <li><label>Section Name</label></li>
48
+ <li><a href="#" class="">Dropdown Level 1</a></li>
49
+ <li><a href="#">Dropdown Option</a></li>
50
+ <li><a href="#">Dropdown Option</a></li>
51
+ <li class="divider"></li>
52
+ <li><label>Section Name</label></li>
53
+ <li><a href="#">Dropdown Option</a></li>
54
+ <li><a href="#">Dropdown Option</a></li>
55
+ <li><a href="#">Dropdown Option</a></li>
56
+ <li class="divider"></li>
57
+ <li><a href="#">See all &rarr;</a></li>
58
+ </ul>
59
+ </li>
60
+ <li class="divider"></li>
61
+ <li><a href="#">Main Item 2</a></li>
62
+ <li class="divider"></li>
63
+ <li class="has-dropdown">
64
+ <a href="#">Main Item 3</a>
65
+ <ul class="dropdown">
66
+ <li><a href="#">Dropdown Option</a></li>
67
+ <li><a href="#">Dropdown Option</a></li>
68
+ <li><a href="#">Dropdown Option</a></li>
69
+ <li class="divider"></li>
70
+ <li><a href="#">See all &rarr;</a></li>
71
+ </ul>
72
+ </li>
73
+
74
+ </ul>
75
+
76
+ <!-- Right Nav Section -->
77
+ <ul class="right">
78
+ <li class="divider"></li>
79
+ <li class="has-dropdown">
80
+ <a href="#">Main Item 4</a>
81
+ <ul class="dropdown">
82
+ <li><label>Section Name</label></li>
83
+ <li class="has-dropdown">
84
+ <a href="#" class="">Has Dropdown, Level 1</a>
85
+ <ul class="dropdown">
86
+ <li><a href="#">Dropdown Options</a></li>
87
+ <li><a href="#">Dropdown Options</a></li>
88
+ <li class="has-dropdown">
89
+ <a href="#">Has Dropdown, Level 2</a>
90
+ <ul class="dropdown test">
91
+ <li><a href="#">Subdropdown Option</a></li>
92
+ <li><a href="#">Subdropdown Option</a></li>
93
+ <li><a href="#">Subdropdown Option</a></li>
94
+ </ul>
95
+ </li>
96
+ <li><a href="#">Subdropdown Option</a></li>
97
+ <li><a href="#">Subdropdown Option</a></li>
98
+ <li><a href="#">Subdropdown Option</a></li>
99
+ </ul>
100
+ </li>
101
+ <li><a href="#">Dropdown Option</a></li>
102
+ <li><a href="#">Dropdown Option</a></li>
103
+ <li class="divider"></li>
104
+ <li><label>Section Name</label></li>
105
+ <li><a href="#">Dropdown Option</a></li>
106
+ <li><a href="#">Dropdown Option</a></li>
107
+ <li><a href="#">Dropdown Option</a></li>
108
+ <li class="divider"></li>
109
+ <li><a href="#">See all &rarr;</a></li>
110
+ </ul>
111
+ </li>
112
+ <li class="divider"></li>
113
+ <li><a href="#">Main Item 5</a></li>
114
+ <li class="divider"></li>
115
+ <li class="has-dropdown">
116
+ <a href="#">Main Item 6</a>
117
+ <ul class="dropdown">
118
+ <li><a href="#">Dropdown Option</a></li>
119
+ <li><a href="#">Dropdown Option</a></li>
120
+ <li><a href="#">Dropdown Option</a></li>
121
+ <li class="divider"></li>
122
+ <li><a href="#">See all &rarr;</a></li>
123
+ </ul>
124
+ </li>
125
+ </ul>
126
+ </section>
127
+ </nav>
128
+
129
+
130
+ <!-- End Header and Nav -->
131
+ <!-- Main Grid Section -->
132
+
133
+ <div class="row">
134
+
135
+ <div class="large-3 columns">
136
+ <div class="panel">
137
+ <h5>Panel Title</h5>
138
+ <p>This is a three columns grid panel with an arbitrary height.</p>
139
+ </div>
140
+ </div>
141
+ <div class="large-6 columns">
142
+ <div class="panel">
143
+ <h5>Panel Title</h5>
144
+ <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>
145
+ </div>
146
+ </div>
147
+ <div class="large-3 columns">
148
+ <div class="panel">
149
+ <h5>Panel Title</h5>
150
+ <p>This is a three columns grid panel with an arbitrary height.</p>
151
+ </div>
152
+ </div>
153
+
154
+ </div>
155
+
156
+
157
+
158
+ <div class="row">
159
+
160
+ <div class="large-6 columns">
161
+ <div class="panel">
162
+ <h5>Panel Title</h5>
163
+ <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>
164
+ <!-- It's up to you to place yield wherever you like. Feel free to edit this template -->
165
+ <%%= yield %>
166
+ </div>
167
+ </div>
168
+ <div class="large-2 columns">
169
+ <div class="panel">
170
+ <p>
171
+ <img src="http://placehold.it/200x200" />
172
+ </p>
173
+ </div>
174
+ </div>
175
+ <div class="large-4 columns">
176
+ <div class="panel">
177
+ <h5>Panel Title</h5>
178
+ <p>This is a four columns grid panel with an arbitrary height. Bacon ipsum dolor sit amet salami.</p>
179
+ </div>
180
+ </div>
181
+
182
+ </div>
183
+
184
+
185
+ <div class="row">
186
+
187
+ <div class="large-4 columns">
188
+ <div class="panel">
189
+ <p>
190
+ <img src="http://placehold.it/400x300" />
191
+ </p>
192
+ </div>
193
+ </div>
194
+ <div class="large-4 columns">
195
+ <div class="panel">
196
+ <p>
197
+ <img src="http://placehold.it/400x300" />
198
+ </p>
199
+ </div>
200
+ </div>
201
+ <div class="large-4 columns">
202
+ <div class="panel">
203
+ <p>
204
+ <img src="http://placehold.it/400x300" />
205
+ </p>
206
+ </div>
207
+ </div>
208
+
209
+ </div>
210
+
211
+
212
+ <div class="row">
213
+
214
+ <div class="large-6 columns">
215
+ <div class="panel">
216
+ <h5>Panel Title</h5>
217
+ <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>
218
+ </div>
219
+ </div>
220
+ <div class="large-3 columns">
221
+ <div class="panel">
222
+ <h5>Panel Title</h5>
223
+ <p>This is a three columns grid panel with an arbitrary height.</p>
224
+ </div>
225
+ </div>
226
+ <div class="large-3 columns">
227
+ <div class="panel">
228
+ <h5>Panel Title</h5>
229
+ <p>This is a three columns grid panel with an arbitrary height.</p>
230
+ </div>
231
+ </div>
232
+
233
+ </div>
234
+
235
+ <!-- End Grid Section -->
236
+ <!-- Footer -->
237
+
238
+ <footer class="row">
239
+ <div class="large-12 columns">
240
+ <hr />
241
+ <div class="row">
242
+ <div class="large-6 columns">
243
+ <p>&copy; Copyright no one at all. Go to town.</p>
244
+ </div>
245
+ <div class="large-6 columns">
246
+ <ul class="inline-list right">
247
+ <li><a href="#">Section 1</a></li>
248
+ <li><a href="#">Section 2</a></li>
249
+ <li><a href="#">Section 3</a></li>
250
+ <li><a href="#">Section 4</a></li>
251
+ </ul>
252
+ </div>
253
+ </div>
254
+ </div>
255
+ </footer>
256
+ </body>
257
+ </html>
258
+
@@ -0,0 +1,121 @@
1
+ <!DOCTYPE html>
2
+ <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
+ <!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
4
+ <!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
5
+ <!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
6
+ <!--[if IE 9 ]> <html class="ie9" lang="en"> <![endif]-->
7
+ <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
8
+ <head>
9
+ <meta charset="utf-8" />
10
+
11
+ <!-- Uncomment to make IE8 render like IE7 -->
12
+ <!-- <meta http-equiv="X-UA-Compatible" content="IE=7" /> -->
13
+
14
+ <!-- Set the viewport width to device width for mobile -->
15
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
16
+ <title><%%= content_for?(:title) ? yield(:title) : "Untitled" %></title>
17
+
18
+ <!-- Included CSS Files -->
19
+ <%%= stylesheet_link_tag "application" %>
20
+
21
+ <!-- Included JS Files -->
22
+ <%%= javascript_include_tag "application" %>
23
+
24
+ <%%= csrf_meta_tags %>
25
+
26
+ </head>
27
+
28
+ <body>
29
+ <div class="row">
30
+ <div class="large-3 columns">
31
+ <h1><img src="http://placehold.it/400x100&text=Logo" /></h1>
32
+ </div>
33
+ <div class="large-9 columns">
34
+ <ul class="right button-group">
35
+ <li><a href="#" class="button">Link 1</a></li>
36
+ <li><a href="#" class="button">Link 2</a></li>
37
+ <li><a href="#" class="button">Link 3</a></li>
38
+ <li><a href="#" class="button">Link 4</a></li>
39
+ </ul>
40
+ </div>
41
+ </div>
42
+
43
+ <!-- End Header and Nav -->
44
+
45
+ <!-- First Band (Slider) -->
46
+
47
+ <div class="row">
48
+ <div class="large-12 columns">
49
+ <div id="slider">
50
+ <img src="http://placehold.it/1000x400&text=[ img 1 ]" />
51
+ </div>
52
+
53
+ <hr />
54
+ </div>
55
+ </div>
56
+
57
+ <!-- Three-up Content Blocks -->
58
+
59
+ <div class="row">
60
+ <div class="large-4 columns">
61
+ <!-- It's up to you to place yield wherever you like. Feel free to edit this template -->
62
+ <%%= yield %>
63
+ </div>
64
+
65
+ <div class="large-4 columns">
66
+ <img src="http://placehold.it/400x300&text=[img]" />
67
+ <h4>This is a content section.</h4>
68
+ <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>
69
+ </div>
70
+
71
+ <div class="large-4 columns">
72
+ <img src="http://placehold.it/400x300&text=[img]" />
73
+ <h4>This is a content section.</h4>
74
+ <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>
75
+ </div>
76
+
77
+ </div>
78
+
79
+ <!-- Call to Action Panel -->
80
+ <div class="row">
81
+ <div class="large-12 columns">
82
+
83
+ <div class="panel">
84
+ <h4>Get in touch!</h4>
85
+
86
+ <div class="row">
87
+ <div class="large-9 columns">
88
+ <p>We'd love to hear from you, you attractive person you.</p>
89
+ </div>
90
+ <div class="large-3 columns">
91
+ <a href="#" class="radius button right">Contact Us</a>
92
+ </div>
93
+ </div>
94
+ </div>
95
+
96
+ </div>
97
+ </div>
98
+
99
+ <!-- Footer -->
100
+
101
+ <footer class="row">
102
+ <div class="large-12 columns">
103
+ <hr />
104
+ <div class="row">
105
+ <div class="large-6 columns">
106
+ <p>&copy; Copyright no one at all. Go to town.</p>
107
+ </div>
108
+ <div class="large-6 columns">
109
+ <ul class="inline-list right">
110
+ <li><a href="#">Link 1</a></li>
111
+ <li><a href="#">Link 2</a></li>
112
+ <li><a href="#">Link 3</a></li>
113
+ <li><a href="#">Link 4</a></li>
114
+ </ul>
115
+ </div>
116
+ </div>
117
+ </div>
118
+ </footer>
119
+ </body>
120
+ </html>
121
+