breezeblocks 0.0.2 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c470f31b933d38c4ec08f84d4c8e414b79fc2f93
-  data.tar.gz: d4176514e68c88e50876414154f6b57188f62590
+  metadata.gz: 4e4125f3059eecb6245eecd217ccb55693b2cfa8
+  data.tar.gz: 10e159db77697aa5fc9e02f359bf81610d1057d9
 SHA512:
-  metadata.gz: 61151a3c5f1a6447288d4eca2562f14ad92d09b07d1489f472ccb0dd6a3a58adafb2b8b265ea77d7e4e9f35122dad6738c34c836253d9fae3dba94b500a2868a
-  data.tar.gz: d888b0811a8db9328e4738c877dd9f8d3c4d49be4ac84cf10d23b888153dc046117fa4db467183ef996c5ce00918eed3ca3c47fd20397626b81099a94733affe
+  metadata.gz: e93728691990e0244ee8af9914061768aad5941931cb409018d957da7090f11699833458e3ca24eb3e34974a9d8ca3c49cafff8a48da53d1de75afe32d5dc32e
+  data.tar.gz: 8d6e067beb7c5de18067c04c123147a4d875453ecb10c72cc99226488ab54888fa127ff387f67870569f6a22d0eed66fb38a06ddeb63476bf73b1b9961f4a7e0

data/Gemfile

@@ -3,6 +3,8 @@ source 'https://rubygems.org'
 gem 'bourbon', '~> 4.1.0'
 gem 'neat', '~> 1.7.0'
 gem 'sass', '~> 3.4.0'
+gem 'middleman'
+gem 'middleman-gh-pages'
 
 group :test do
   gem 'rspec'

data/README.md

@@ -4,6 +4,8 @@
 
 ## Prepackaged patterns and components built with Bourbon and Neat, based on Refills
 
+Demo here: [http://gazaston.github.io/breezeblocks](http://gazaston.github.io/breezeblocks)
+
 ## Requirements
 
 - [Sass](https://github.com/sass/sass) 3.3+
@@ -48,12 +50,16 @@
 
 ## Contributing
 
-If you want to improve or add a snippet, please do so via pull request. If you rename/remove/add any files to the repository, please make sure that the build reflects that change. Add your changed file to the `SNIPPETS` constant in the [test][spec_file] to have it tested.
+If you want to improve or add a snippet, please do so via pull request. If you rename/remove/add any files to the repository, please make sure that the build reflects that change. Add your changed file to the `SNIPPETS` constant in the [test][spec_file] to have it tested. And make sure you add it to source/index so it can be previewed!
 
 [spec_file]: https://github.com/thoughtbot/breezeblocks/blob/master/spec/breezeblocks/import_generator_spec.rb
 
 Run `rake` to start the spec tests. 
 
+## GH Pages
+
+Uses middleman with [middleman-gh-pages](https://github.com/neo/middleman-gh-pages) for GitHub Pages generation. Run `rake publish` to build and deploy changes.
+
 ## Credits
 
 Breezeblocks owes everything to Refills, which is maintained and funded by [thoughtbot, inc](http://thoughtbot.com).

data/Rakefile

@@ -1,5 +1,5 @@
 require 'bundler/gem_tasks'
-# require 'middleman-gh-pages'
+require 'middleman-gh-pages'
 
 require 'rspec/core/rake_task'
 RSpec::Core::RakeTask.new(:spec)

data/lib/breezeblocks/version.rb

@@ -1,3 +1,3 @@
 module Breezeblocks
-  VERSION = "0.0.2"
+  VERSION = "0.0.4"
 end

data/source/_video.html.haml

@@ -1,3 +1,3 @@
 .video
   .video-wrapper
-    %iframe{allowfullscreen: "", frameborder: "0", src: "http://www.youtube.com/embed/8ItNE_DX6Cc?showinfo=0&iv_load_policy=3&controls=0"}
+    %iframe{allowfullscreen: "", frameborder: "0", src: "http://www.youtube.com/embed/xS3qabIsAIo?showinfo=0&iv_load_policy=3&controls=0"}

data/source/index.html.haml

@@ -1,127 +1,131 @@
-\---
-title: Patterns
-\---
-.breezeblocks-patterns
-  %a.js-menu-trigger-breezeblocks.breezeblocks-menu-anchor.fixedsticky
-    %img{alt: "Menu icon", src: "/images/menu.png"}/
-  .js-menu-screen-breezeblocks.breezeblocks-menu-screen
-  = partial "breezeblocks-hero"
-  = partial "breezeblocks-menu"
-  #example
-    %section#accordion-tabs.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Accordion / Tabs
-        = partial "accordion_tabs"
-      .refill-snippet= code_for("accordion_tabs")
-      .breezeblocks-wrapper
-        = partial "accordion_tabs_minimal"
-      .refill-snippet= code_for("accordion_tabs_minimal")
-    %section#cards.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Cards
-        .refill-centering= partial "cards"
-      .refill-snippet= code_for("cards")
-    %section#centered-navigation.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Centered Navigation
-        = partial "centered_navigation"
-      .refill-snippet= code_for("centered_navigation")
-    %section#comment.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Comments
-        .refill-centering
-          .refill-smaller= partial "comment"
-      .refill-snippet= code_for("comment")
-    %section#device.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Device
-        = partial "device"
-      .refill-snippet= code_for("device")
-    %section#flex-boxes.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Flex Boxes
-        = partial "flex_boxes"
-      .refill-snippet= code_for("flex_boxes")
-    %section#footer.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Footers
-        .refill-centering= partial "footer"
-      .refill-snippet= code_for("footer")
-      .breezeblocks-wrapper
-        .refill-centering= partial "footer_2"
-      .refill-snippet= code_for("footer_2")
-    %section#grid-items.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Grid Items
-        .refill-centering= partial "grid_items"
-      .refill-snippet= code_for("grid_items")
-      .breezeblocks-wrapper
-        .refill-centering= partial "grid_items_lines"
-      .refill-snippet= code_for("grid_items_lines")
-    %section#hero.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Hero Unit
-        = partial "hero"
-      .refill-snippet= code_for("hero")
-    %section#icon-bullet-points.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Icon Bullet Points
-        = partial "icon_bullet_points"
-      .refill-snippet= code_for("icon_bullet_points")
-    %section#maps.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Maps
-        = partial "maps"
-      .refill-snippet= code_for("maps")
-    %section#navigation.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Navigation
-        = partial "navigation"
-      .refill-snippet= code_for("navigation")
-    %section#scroll-on-page.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Scroll On Page
-        .refill-centering
-          .refill-smaller= partial "scroll_on_page"
-      .refill-snippet= code_for("scroll_on_page")
-    %section#search-tools.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Search Tools
-        = partial "search_tools"
-      .refill-snippet= code_for("search_tools")
-    %section#side-image.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Side Image
-        = partial "side_image"
-      .refill-snippet= code_for("side_image")
-    %section#tables.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Tables
-        = partial "tables"
-      .refill-snippet= code_for("tables")
-      .breezeblocks-wrapper
-        = partial "tables_minimal"
-      .refill-snippet= code_for("tables_minimal")
-    %section#vertical-tabs.refill
-      .breezeblocks-wrapper
-        .line-behind-text
-          %h6 Vertical Tabs
-        = partial "vertical_tabs"
-      .refill-snippet= code_for("vertical_tabs")
-= partial "breezeblocks-page-scripts"
+%section.breezeblocks
+  .content
+    .wrapper
+      .container.intro
+        %h1 Breezeblocks
+        %a{href: "https://github.com/gazaston/breezeblocks"} Instructions for use on GitHub
+      %section
+        %h2 Hero
+        =partial 'hero'
+      %section
+        %h2 Flashes
+        =partial 'flashes'
+      %section
+        %h2 Parallax
+        =partial 'parallax'
+      %section
+        %h2 Centered Nav
+        =partial 'centered_navigation'
+      %section
+        %h2 Footer
+        =partial 'footer'
+      %section
+        %h2 Small Footer
+        =partial 'footer_2'
+      %section
+        %h2 Navigation
+        =partial 'navigation'
+
+      %section.container
+        %h2 Accordion Tabs
+        =partial 'accordion_tabs'
+      %section.container
+        %h2 Accordion Tabs (minimal)
+        =partial 'accordion_tabs_minimal'
+      %section.container
+        %h2 Cards
+        =partial 'cards'
+      %section.container
+        %h2 Comments
+        =partial 'comment'
+      %section.container
+        %h2 Grid Items
+        =partial 'grid_items'
+      %section.container
+        %h2 Grid Items (lines)
+        =partial 'grid_items_lines'
+      %section.container
+        %h2 Icon Bullet Points
+        =partial 'icon_bullet_points'
+      %section.container
+        %h2 Scroll on page
+        =partial 'scroll_on_page'
+      %section.container
+        %h2 Search Tools
+        =partial 'search_tools'
+      %section.container
+        %h2 Side Image
+        =partial 'side_image'
+      %section.container
+        %h2 Tables
+        =partial 'tables'
+      %section.container
+        %h2 Tables Minimal
+        =partial 'tables_minimal'
+      %section.container
+        %h2 Vertical Tabs
+        =partial 'vertical_tabs'
+
+      %section.container
+        %h2 Accordion
+        =partial 'accordion'
+      %section.container
+        %h2 Animate
+        =partial 'animate'
+        =partial 'animate_info'
+      %section.container
+        %h2 Badges
+        =partial 'badges'
+      %section.container
+        %h2 Breadcrumbs
+        =partial 'breadcrumbs'
+      %section.container
+        %h2 Button Group
+        =partial 'button_group'
+      %section.container
+        %h2 Dropdown
+        =partial 'dropdown'
+      %section.container
+        %h2 Expander
+        =partial 'expander'
+      %section.container
+        %h2 Fade In
+        =partial 'fade_in'
+      %section.container
+        %h2 Hover Tile Animation
+        =partial 'hover_tile_animation'
+      %section.container
+        %h2 Image Gradient (dynamic)
+        =partial 'image_gradient_dynamic'
+      %section.container
+        %h2 Modal
+        =partial 'modal'
+      %section.container
+        %h2 Pagination
+        =partial 'pagination'
+      %section.container
+        %h2 Progress Bar
+        =partial 'progress_bar'
+      %section.container
+        =partial 'progress_bar_indication'
+      %section.container
+        %h2 Ribbon
+        =partial 'ribbon'
+      %section.container
+        %h2 Search Bar
+        =partial 'search_bar'
+      %section.container
+        %h2 Sliding Menu
+        =partial 'sliding_menu'
+      %section.container
+        %h2 Switch
+        =partial 'switch'
+      %section.container
+        %h2 Stats
+        =partial 'stats'
+      %section.container
+        %h2 Tooltip
+        =partial 'tooltip'
+      %section.container
+        %h2 Responsive Video
+        =partial 'video'

data/source/javascripts/maps_preview.js

@@ -0,0 +1,52 @@
+var bittersMap = (function () {
+var myLatlng = new google.maps.LatLng(59.342457, 18.057340),
+mapCenter = new google.maps.LatLng(59.340458, 18.057340),
+mapCanvas = document.getElementById('map_canvas'),
+mapOptions = {
+center: mapCenter,
+zoom: 13,
+scrollwheel: false,
+draggable: true,
+disableDefaultUI: true,
+mapTypeId: google.maps.MapTypeId.ROADMAP
+},
+map = new google.maps.Map(mapCanvas, mapOptions),
+contentString =
+'<div id="content">'+
+'<div id="siteNotice">'+
+'</div>'+
+'<h1 id="firstHeading" class="firstHeading">thoughtbot</h1>'+
+'<div id="bodyContent"'+
+'<p>Sveavägen 98</p>'+
+'</div>'+
+'</div>',
+infowindow = new google.maps.InfoWindow({
+content: contentString,
+maxWidth: 300
+}),
+marker = new google.maps.Marker({
+position: myLatlng,
+map: map,
+title: 'thoughtbot (Sweden)'
+});
+
+return {
+init: function () {
+map.set('styles', [{
+featureType: 'landscape',
+elementType: 'geometry',
+stylers: [
+{ hue: '#ffff00' },
+{ saturation: 30 },
+{ lightness: 10}
+]}
+]);
+
+google.maps.event.addListener(marker, 'click', function () {
+infowindow.open(map,marker);
+});
+}
+};
+}());
+
+bittersMap.init();

data/source/layouts/layout.haml

@@ -6,103 +6,10 @@
     %meta{content: "IE=edge,chrome=1", "http-equiv" => "X-UA-Compatible"}/
     %meta{content: "width=device-width,initial-scale=1", name: "viewport"}/
     %meta{content: "Breezeblocks are prepackaged patterns and components built with Bourbon, Neat and Bitters.", name: "description"}/
-    %title
-      Breezeblocks#{" - #{ current_page.data.title}" if current_page.data.title}
-    %link{href: "//fonts.googleapis.com/css?family=Oswald:400,300,700|Lusitana:400,700|Open+Sans:400,800", rel: "stylesheet"}/
+    %title Breezeblocks
     = stylesheet_link_tag "all"
     %script{src: "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"}
-    %script{src: "/javascripts/jquery.erToc.js"}
-    :javascript
-      !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","group","track","ready","alias","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="3.0.1";
-      analytics.load("zqKH1nPNSA5uCwV1XiBz3LvGfPH6Muq9");
-      analytics.page()
-      }}();
-  %body{class: page_classes}
-    %nav.bourbon
-      %ul
-        %li
-          %a.bourbon{href: "//bourbon.io"} Bourbon
-        %li
-          %a.neat{href: "//neat.bourbon.io"} Neat
-        %li
-          %a.bitters{href: "//bitters.bourbon.io"} Bitters
-        %li
-          %a.breezeblocks.current{href: "//breezeblocks.bourbon.io"} Breezeblocks
-      %h1
-        Maintained by the design team at
-        %a{href: "//thoughtbot.com"} thoughtbot
-    %section.container
-      %section.inner-content
-        = yield
-        %footer.breezeblocks-footer
-          %ul.footer-links
-            %li= link_to 'Patterns', '/index.html'
-            %li= link_to 'Components', '/components.html'
-            %li= link_to 'Type Systems', '/type-systems.html'
-          .breezeblocks-footer-logo
-            %img{alt: "thoughtbot Ralph logo mark", src: "/images/ralph-gray.png"}/
-          %p
-            Breezeblocks is maintained and funded by
-            = succeed "." do
-              %a{href: "//thoughtbot.com"} thoughtbot, inc
-          %p
-            Copyright © 2014–2015
-            = succeed "." do
-              %a{href: "//thoughtbot.com"} thoughtbot, inc
-            = succeed "." do
-              %a{href: "//github.com/thoughtbot/breezeblocks/blob/master/LICENSE.md"} license
-    %script{src: "https://maps.googleapis.com/maps/api/js"}
-    :javascript
-      var bittersMap = (function () {
-        var myLatlng = new google.maps.LatLng(59.342457, 18.057340),
-            mapCenter = new google.maps.LatLng(59.340458, 18.057340),
-            mapCanvas = document.getElementById('map_canvas'),
-            mapOptions = {
-              center: mapCenter,
-              zoom: 13,
-              scrollwheel: false,
-              draggable: true,
-              disableDefaultUI: true,
-              mapTypeId: google.maps.MapTypeId.ROADMAP
-            },
-            map = new google.maps.Map(mapCanvas, mapOptions),
-            contentString =
-              '<div id="content">'+
-              '<div id="siteNotice">'+
-              '</div>'+
-              '<h1 id="firstHeading" class="firstHeading">thoughtbot</h1>'+
-              '<div id="bodyContent"'+
-              '<p>Sveavägen 98</p>'+
-              '</div>'+
-              '</div>',
-            infowindow = new google.maps.InfoWindow({
-              content: contentString,
-              maxWidth: 300
-            }),
-            marker = new google.maps.Marker({
-              position: myLatlng,
-              map: map,
-              title: 'thoughtbot (Sweden)'
-            });
-
-        return {
-          init: function () {
-            map.set('styles', [{
-              featureType: 'landscape',
-              elementType: 'geometry',
-              stylers: [
-                { hue: '#ffff00' },
-                { saturation: 30 },
-                { lightness: 10}
-              ]}
-            ]);
 
-            google.maps.event.addListener(marker, 'click', function () {
-              infowindow.open(map,marker);
-            });
-          }
-        };
-      }());
-
-      bittersMap.init();
+  %body{class: page_classes}
+    = yield
   = javascript_include_tag "all"