RubyGems - templator_chabz - Versions diffs - 0.9.0 - Mend

templator_chabz 0.9.0

Files changed (193) hide show

data/lib/generators/templator_chabz/templates/foundation/erb/sidebar.html.erb ADDED

@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]>    <html class="ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]>    <html class="ie8" lang="en"> <![endif]-->
+<!--[if IE 9 ]>    <html class="ie9" lang="en"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
+<head>
+  <meta charset="utf-8" />
+  <!-- Uncomment to make IE8 render like IE7 -->
+  <!-- <meta http-equiv="X-UA-Compatible" content="IE=7" /> -->
+  <!-- Set the viewport width to device width for mobile -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title><%%= content_for?(:title) ? yield(:title) : "Untitled" %></title>
+  <!-- Included CSS Files -->
+  <%%= stylesheet_link_tag    "application" %>
+  <!-- Included JS Files  -->
+  <%%= javascript_include_tag "application" %>
+  <%%= csrf_meta_tags %>
+</head>
+<body>
+  <!-- Header and Nav -->
+  <div class="row">
+    <div class="large-3 columns">
+      <h1><img src="http://placehold.it/400x100&text=Logo" /></h1>
+    </div>
+    <div class="large-9 columns">
+      <ul class="inline-list right">
+        <li><a href="#">Section 1</a></li>
+        <li><a href="#">Section 2</a></li>
+        <li><a href="#">Section 3</a></li>
+        <li><a href="#">Section 4</a></li>
+      </ul>
+    </div>
+  </div>
+  <!-- End Header and Nav -->
+  <div class="row">
+    <!-- Main Content Section -->
+    <!-- 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 -->
+    <div class="large-9 push-3 columns">
+      <h3>Page Title <small>Page subtitle</small></h3>
+      <p>Bacon ipsum dolor sit amet salami ham hock biltong ball tip drumstick sirloin pancetta meatball short loin. Venison tail chuck pork chop, andouille ball tip beef ribs flank boudin bacon. Salami andouille pork belly short ribs flank cow. Salami sirloin turkey kielbasa. Sausage venison pork loin leberkas chuck short loin, cow ham prosciutto pastrami jowl. Ham hock jerky tri-tip, fatback hamburger shoulder swine pancetta ground round. Tri-tip prosciutto meatball turkey, brisket spare ribs shankle chuck cow chicken ham hock boudin meatloaf jowl.</p>
+      <p>Ground round pastrami pork loin tenderloin jerky. Jerky spare ribs biltong, ham hock ham capicola pork. Jerky turducken pork, meatloaf sausage capicola swine corned beef turkey short loin. Tongue prosciutto pork loin, ground round spare ribs venison kielbasa strip steak.</p>
+      <p>Hamburger bresaola turkey t-bone, leberkas salami pork chop ham hock beef ribs. Rump biltong meatball venison, short ribs pork loin shank shankle corned beef beef. Cow salami jowl short loin hamburger fatback. Short ribs pork belly shoulder pastrami drumstick salami corned beef ham hock bresaola. Swine filet mignon cow sausage ball tip. Cow ribeye ground round, sausage pork loin pig beef ball tip turkey boudin.</p>
+      <p>Prosciutto ball tip filet mignon andouille frankfurter chicken rump sausage meatball. Filet mignon meatloaf ground round andouille ham hock pork. Bresaola short loin meatball chuck hamburger pig. Turkey venison chuck, tongue fatback tail swine jerky corned beef shank kielbasa prosciutto ribeye ham tri-tip. Rump bacon pork belly meatloaf shoulder short loin meatball kielbasa pork loin tongue bresaola brisket corned beef jowl prosciutto. Beef ribs shankle short ribs pork belly corned beef fatback pork chop tongue biltong boudin strip steak sirloin meatloaf pancetta.</p>
+      <!-- It's up to you to place yield wherever you like. Feel free to edit this template -->
+      <%%= yield %>
+    </div>
+    <!-- Nav Sidebar -->
+    <!-- This is source ordered to be pulled to the left on larger screens -->
+    <div class="large-3 pull-9 columns">
+      <ul class="side-nav">
+        <li><a href="#">Section 1</a></li>
+        <li><a href="#">Section 2</a></li>
+        <li><a href="#">Section 3</a></li>
+        <li><a href="#">Section 4</a></li>
+        <li><a href="#">Section 5</a></li>
+        <li><a href="#">Section 6</a></li>
+      </ul>
+      <p><img src="http://placehold.it/320x240&text=Ad" /></p>
+    </div>
+  </div>
+  <!-- Footer -->
+  <footer class="row">
+  <div class="large-12 columns">
+    <hr />
+    <div class="row">
+      <div class="large-6 columns">
+        <p>&copy; Copyright no one at all. Go to town.</p>
+      </div>
+      <div class="large-6 columns">
+        <ul class="inline-list right">
+          <li><a href="#">Section 1</a></li>
+          <li><a href="#">Section 2</a></li>
+          <li><a href="#">Section 3</a></li>
+          <li><a href="#">Section 4</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  </footer>
+</body>
+</html>

data/lib/generators/templator_chabz/templates/foundation/haml/banded.html.haml ADDED

@@ -0,0 +1,88 @@
+!!! 5
+/ paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+/[if lt IE 7 ] <html class=\"ie6\" lang=\"en\">
+/[if IE 7 ]    <html class=\"ie7\" lang=\"en\">
+/[if IE 8 ]    <html class=\"ie8\" lang=\"en\">
+/[if IE 9 ]    <html class=\"ie9\" lang=\"en\">
+/[if (gt IE 9)|!(IE)] <!--> <html lang=\"en\">
+%head
+  %meta{ :charset => "utf-8" }
+  -# Uncomment to make IE8 render like IE7
+  -# meta http-equiv="X-UA-Compatible" content="IE=7"
+  -# Set the viewport width to device width for mobile
+  %meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }
+  %title= content_for?(:title) ? yield(:title) : "Untitled"
+  = stylesheet_link_tag "application"
+  = javascript_include_tag "vendor/custom.modernizr"
+  = csrf_meta_tag
+%body
+  / Header and Nav
+  .row
+    .large-3.columns
+      %h1
+        %img{src: "http://placehold.it/400x100&text=Logo"}/
+    .large-9.columns
+      %ul.button-group.right
+        %li
+          %a.button{href: "#"} Link 1
+        %li
+          %a.button{href: "#"} Link 2
+        %li
+          %a.button{href: "#"} Link 3
+        %li
+          %a.button{href: "#"} Link 4
+  / End Header and Nav
+  / First Band (Image)
+  .row
+    .large-12.columns
+      %img{src: "http://placehold.it/1000x400&text=[img]"}/
+      %hr/
+  / Second Band (Image Left with Text)
+  .row
+    .large-4.columns
+      %img{src: "http://placehold.it/400x300&text=[img]"}/
+    .large-8.columns
+      %h4 This is a content section.
+      .row
+        .large-6.columns
+          %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.
+        .large-6.columns
+          %p Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.
+  / Third Band (Image Right with Text)
+  .row
+    .large-8.columns
+      / Put this yield from anywhere in your layout file you wish to see your app contents
+      = yield
+      %h4 This is a content section.
+      %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 Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.
+    .large-4.columns
+      %img{src: "http://placehold.it/400x300&text=[img]"}/
+  / Footer
+  %footer.row
+    .large-12.columns
+      %hr/
+      .row
+        .large-6.columns
+          %p © Copyright no one at all. Go to town.
+        .large-6.columns
+          %ul.inline-list.right
+            %li
+              %a{href: "#"} Link 1
+            %li
+              %a{href: "#"} Link 2
+            %li
+              %a{href: "#"} Link 3
+            %li
+              %a{href: "#"} Link 4
+  = javascript_include_tag "application"
+:plain
+  </html>

data/lib/generators/templator_chabz/templates/foundation/haml/banner-home.html.haml ADDED

@@ -0,0 +1,114 @@
+!!! 5
+/ paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+/[if lt IE 7 ] <html class=\"ie6\" lang=\"en\">
+/[if IE 7 ]    <html class=\"ie7\" lang=\"en\">
+/[if IE 8 ]    <html class=\"ie8\" lang=\"en\">
+/[if IE 9 ]    <html class=\"ie9\" lang=\"en\">
+/[if (gt IE 9)|!(IE)] <!--> <html lang=\"en\">
+%head
+  %meta{ :charset => "utf-8" }
+  -# Uncomment to make IE8 render like IE7
+  -# meta http-equiv="X-UA-Compatible" content="IE=7"
+  -# Set the viewport width to device width for mobile
+  %meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }
+  %title= content_for?(:title) ? yield(:title) : "Untitled"
+  = stylesheet_link_tag "application"
+  = javascript_include_tag "vendor/custom.modernizr"
+  = csrf_meta_tag
+%body
+  / Nav and Banner
+  .row
+    .large-12.columns
+      %ul.button-group
+        %li
+          %a.button{href: "#"} Link 1
+        %li
+          %a.button{href: "#"} Link 2
+        %li
+          %a.button{href: "#"} Link 3
+        %li
+          %a.button{href: "#"} Link 4
+        %li
+          %a.button{href: "#"} Link 5
+        %li
+          %a.button{href: "#"} Link 6
+        %li
+          %a.button{href: "#"} Link 7
+      / Main Banner Image - place in a paragraph to enforce the modular scale spacing
+      %p
+        %img{src: "http://placehold.it/1000x400&text=[banner img]"}/
+  / End Nav and Banner
+  / Main Content Section
+  .row
+    .large-8.columns
+      %h4 This is a content section.
+      %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 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
+        %a.secondary.small.button{href: "#"} Next Page →
+      / It's up to your where to put your yield. I'm just generating templates to cook your layouts fast =)
+      = yield
+    .large-4.columns
+      / Gallery sidebar with a block grid. Note: block grid items should be the same size for optimal results
+      %ul.small-block-grid-3
+        %li
+          %a{href: "#"}
+            %img{src: "http://placehold.it/120x120"}/
+        %li
+          %a{href: "#"}
+            %img{src: "http://placehold.it/120x120"}/
+        %li
+          %a{href: "#"}
+            %img{src: "http://placehold.it/120x120"}/
+        %li
+          %a{href: "#"}
+            %img{src: "http://placehold.it/120x120"}/
+        %li
+          %a{href: "#"}
+            %img{src: "http://placehold.it/120x120"}/
+        %li
+          %a{href: "#"}
+            %img{src: "http://placehold.it/120x120"}/
+  / Call to Action Panel
+  .row
+    .large-12.columns
+      .panel
+        %h4 Get in touch!
+        .row
+          .large-9.columns
+            %p We'd love to hear from you, you attractive person you.
+          .large-3.columns
+            %a.radius.button.right{href: "#"} Contact Us
+  / Footer
+  %footer.row
+    .large-12.columns
+      %hr/
+      .row
+        .large-6.columns
+          %p © Copyright no one at all. Go to town.
+        .large-6.columns
+          %ul.inline-list.right
+            %li
+              %a{href: "#"} Link 1
+            %li
+              %a{href: "#"} Link 2
+            %li
+              %a{href: "#"} Link 3
+            %li
+              %a{href: "#"} Link 4
+            %li
+              %a{href: "#"} Link 5
+            %li
+              %a{href: "#"} Link 6
+            %li
+              %a{href: "#"} Link 7
+  = javascript_include_tag "application"
+:plain
+  </html>

data/lib/generators/templator_chabz/templates/foundation/haml/blog.html.haml ADDED

@@ -0,0 +1,107 @@
+!!! 5
+/ paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+/[if lt IE 7 ] <html class=\"ie6\" lang=\"en\">
+/[if IE 7 ]    <html class=\"ie7\" lang=\"en\">
+/[if IE 8 ]    <html class=\"ie8\" lang=\"en\">
+/[if IE 9 ]    <html class=\"ie9\" lang=\"en\">
+/[if (gt IE 9)|!(IE)] <!--> <html lang=\"en\">
+%head
+  %meta{ :charset => "utf-8" }
+  -# Uncomment to make IE8 render like IE7
+  -# meta http-equiv="X-UA-Compatible" content="IE=7"
+  -# Set the viewport width to device width for mobile
+  %meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }
+  %title= content_for?(:title) ? yield(:title) : "Untitled"
+  = stylesheet_link_tag "application"
+  = javascript_include_tag "vendor/custom.modernizr"
+  = csrf_meta_tag
+%body
+  / Nav Bar
+  .row
+    .large-12.columns
+      .nav-bar.right
+        %ul.button-group
+          %li
+            %a.button{href: "#"} Link 1
+          %li
+            %a.button{href: "#"} Link 2
+          %li
+            %a.button{href: "#"} Link 3
+          %li
+            %a.button{href: "#"} Link 4
+      %h1
+        Blog
+        %small This is my blog. It's awesome.
+      %hr/
+  / End Nav
+  / Main Page Content and Sidebar
+  .row
+    / Main Blog Content
+    .large-9.columns{role: "content"}
+      %article
+        %h3
+          %a{href: "#"} Blog Post Title
+        %h6
+          Written by
+          %a{href: "#"} John Smith
+          on August 12, 2012.
+        .row
+          .large-6.columns
+            %p Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa.
+            %p Boudin aliqua adipisicing rump corned beef. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.
+          .large-6.columns
+            %img{src: "http://placehold.it/400x240&text=[img]"}/
+        %p Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.
+        %p Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.
+      %hr/
+      %article
+        / Put your app content anywhere in your layout
+        = yield
+    / End Main Content
+    / Sidebar
+    %aside.large-3.columns
+      %h5 Categories
+      %ul.side-nav
+        %li
+          %a{href: "#"} News
+        %li
+          %a{href: "#"} Code
+        %li
+          %a{href: "#"} Design
+        %li
+          %a{href: "#"} Fun
+        %li
+          %a{href: "#"} Weasels
+      .panel
+        %h5 Featured
+        %p Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow.
+        %a{href: "#"} Read More →
+    / End Sidebar
+  / End Main Content and Sidebar
+  / Footer
+  %footer.row
+    .large-12.columns
+      %hr/
+      .row
+        .large-6.columns
+          %p © Copyright no one at all. Go to town.
+        .large-6.columns
+          %ul.inline-list.right
+            %li
+              %a{href: "#"} Link 1
+            %li
+              %a{href: "#"} Link 2
+            %li
+              %a{href: "#"} Link 3
+            %li
+              %a{href: "#"} Link 4
+  = javascript_include_tag "application"
+:plain
+  </html>

data/lib/generators/templator_chabz/templates/foundation/haml/feed.html.haml ADDED

@@ -0,0 +1,155 @@
+!!! 5
+/ paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+/[if lt IE 7 ] <html class=\"ie6\" lang=\"en\">
+/[if IE 7 ]    <html class=\"ie7\" lang=\"en\">
+/[if IE 8 ]    <html class=\"ie8\" lang=\"en\">
+/[if IE 9 ]    <html class=\"ie9\" lang=\"en\">
+/[if (gt IE 9)|!(IE)] <!--> <html lang=\"en\">
+%head
+  %meta{ :charset => "utf-8" }
+  -# Uncomment to make IE8 render like IE7
+  -# meta http-equiv="X-UA-Compatible" content="IE=7"
+  -# Set the viewport width to device width for mobile
+  %meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }
+  %title= content_for?(:title) ? yield(:title) : "Untitled"
+  = stylesheet_link_tag "application"
+  = javascript_include_tag "vendor/custom.modernizr"
+  = csrf_meta_tag
+%body
+  / Header and Nav
+  .row
+    .large-12.columns
+      .panel
+        %h1 Feed Template
+  / End Header and Nav
+  .row
+    / Nav Sidebar
+    / This is source ordered to be pulled to the left on larger screens
+    .large-3.columns
+      .panel
+        %a{href: "#"}
+          %img{src: "http://placehold.it/300x240&text=[img]"}/
+        %h5
+          %a{href: "#"} Your Name
+        .section-container.vertical-nav{"data-options" => "deep_linking: false; one_up: true", "data-section" => ""}
+          %section.section
+            %h5.title
+              %a{href: "#"} Section 1
+          %section.section
+            %h5.title
+              %a{href: "#"} Section 2
+          %section.section
+            %h5.title
+              %a{href: "#"} Section 3
+          %section.section
+            %h5.title
+              %a{href: "#"} Section 4
+          %section.section
+            %h5.title
+              %a{href: "#"} Section 5
+          %section.section
+            %h5.title
+              %a{href: "#"} Section 6
+    / Main Feed
+    / 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
+    .large-6.columns
+      / Feed Entry
+      .row
+        .large-2.columns.small-3
+          %img{src: "http://placehold.it/80x80&text=[img]"}/
+        .large-10.columns
+          %p
+            %strong Some Person said:
+            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.
+          %ul.inline-list
+            %li
+              %a{href: ""} Reply
+            %li
+              %a{href: ""} Share
+          %h6 2 Comments
+          .row
+            .large-2.columns.small-3
+              %img{src: "http://placehold.it/50x50&text=[img]"}/
+            .large-10.columns
+              %p Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit
+          .row
+            .large-2.columns.small-3
+              %img{src: "http://placehold.it/50x50&text=[img]"}/
+            .large-10.columns
+              %p Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit
+      / End Feed Entry
+      %hr/
+      / Feed Entry
+      .row
+        .large-2.columns.small-3
+          %img{src: "http://placehold.it/80x80&text=[img]"}/
+        .large-10.columns
+          %p
+            %strong Some Person said:
+            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.
+          %ul.inline-list
+            %li
+              %a{href: ""} Reply
+            %li
+              %a{href: ""} Share
+      / End Feed Entry
+      %hr/
+      / Feed Entry
+      .row
+        .large-2.columns.small-3
+          %img{src: "http://placehold.it/80x80&text=[img]"}/
+        .large-10.columns
+          %p
+            %strong Some Person said:
+            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.
+          %ul.inline-list
+            %li
+              %a{href: ""} Reply
+            %li
+              %a{href: ""} Share
+          %h6 2 Comments
+          .row
+            .large-2.columns.small-3
+              %img{src: "http://placehold.it/50x50&text=[img]"}/
+            .large-10.columns
+              %p Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit
+      / End Feed Entry
+    / Right Sidebar
+    / On small devices this column is hidden
+    %aside.large-3.columns.hide-for-small
+      %p
+        %img{src: "http://placehold.it/300x440&text=[ad]"}/
+      %p
+        %img{src: "http://placehold.it/300x440&text=[ad]"}/
+  / Footer
+  %footer.row
+    .large-12.columns
+      %hr/
+      .row
+        .large-5.columns
+          %p © Copyright no one at all. Go to town.
+        .large-7.columns
+          %ul.inline-list.right
+            %li
+              %a{href: "#"} Section 1
+            %li
+              %a{href: "#"} Section 2
+            %li
+              %a{href: "#"} Section 3
+            %li
+              %a{href: "#"} Section 4
+            %li
+              %a{href: "#"} Section 5
+            %li
+              %a{href: "#"} Section 6
+  = javascript_include_tag "application"
+:plain
+  </html>