survivalkit 0.1

data/templates/project/style.sass

@@ -0,0 +1,136 @@
+/* The Coding Designer's Survival Kit
+  A framework for designing websites in the browser.
+
+  Much love to:
+  Sass, Compass, HTML5 Boilerplate, Modernizr, Formalize, and more
+
+  Available at http://thecodingdesigner.com
+  twitter: http://twitter.com/canarymason
+
+
+/* -------------------------------------------------------------------------------------
+  --------------------------------------------------------------------------------------
+/* This CSS was authored using Sass & Compass
+  Download the source files here:
+  https://github.com/canarymason/The-Coding-Designers-Survival-Kit
+  Learn more about Sass & Compass at http://compass-style.org/
+
+
+
+
+// FOLLOW THE STEP-BY-STEP IN THE CORRESPONDING PARTIAL TO YOUR CHOSEN FLAVOR
+  ---------------------------------------------------------------------------------------
+  ---------------------------------------------------------------------------------------
+  ---------------------------------------------------------------------------------------
+  ---------------------------------------------------------------------------------------
+  ---------------------------------------------------------------------------------------
+// INTRODUCTION
+  This is the central organizing sass file where we manage all the imported partials
+  in The Kit. Don't write custom code here. Instead, import files that bring in
+  default code from The Kit and files that add your custom code. The checklist below
+  should help you put these files in order.
+  ---------------------------------------------------------------------------------------
+
+// TODO: refactor items in /lib/ into a compass extension
+
+// THE FIRST IMPORTS ADD NO CSS UPON COMPILE
+
+
+// ✔ IMPORT COMMON FUNCTIONS AND VARIABLES
+// enable / disable, but do not edit these files
+@import survivalkit/functions/all
+@import survivalkit/variables/all
+
+
+// ✔ 1. ADD YOUR OWN VARIABLES
+// base, color, fonts, grids
+// edit these as you see fit
+@import partials/01-variables/all
+
+
+// ✔ IMPORT COMPASS AND OTHER GEMS
+// enable / disable, but do not edit these files
+@import compass
+// add any others here
+
+
+// ✔ IMPORT COMMON MIXINS
+// enable / disable, but do not edit these files
+@import survivalkit/mixins/all
+
+
+
+// THE FOLLOWING IMPORTS WILL ADD CSS UPON COMPILE
+
+// ✔ ADD A CSS RESET OR NORMALIZATION
+@import survivalkit/reset/reset
+
+
+// ✔ IMPORT COMMON HELPER EXTENDABLES
+@import survivalkit/extend/all
+
+// ✔ 2. ADD YOUR OWN EXTENDABLES
+// typography
+@import partials/02-extend/all
+
+
+// ✔ 3. EDIT AND ADD YOUR DEFAULT STYLES
+// This is worth going into in detail
+// edit as you see fit for your project
+@import partials/03-defaults/all
+
+
+// ✔ 4. CHOOSE A GRID SYSTEM
+// @import partials/04-grids/grids-blueprint.sass
+// Susy: Install the Susy Gem (https://rubygems.org/gems/compass-susy-plugin)
+//   and uncomment the Susy line in /config.rb (# require 'susy')
+// @import partials/04-grids/grids-susy.sass
+
+
+// ✔ 5. STYLE COMMON UI PATTERNS / DRUPAL UI PATTERNS
+// @import partials/05-ui-patterns/common
+// @import partials/05-ui-patterns/drupal/ui-patterns
+
+
+// ✔ 6. PROCESS SPRITES WITH COMPASS
+// @import partials/06-sprites/sprites
+
+
+
+// --------------------------------------------------------------------------------------
+// ✔ 7. YOUR CUSTOM LAYOUT AND DESIGN SASS
+// THIS IS WHERE MOST CUSTOM WORK WILL GO
+// -- PRIMARY DESIGN --
+@import partials/07-layout-design/layout
+@import partials/07-layout-design/design
+// ------ OR ------
+// -- STYLE TILE DESIGN --
+// enable these partials for styletile layout and design
+// work with styletile.html
+// see: http://badassideas.com/style-tiles-as-a-web-design-process-tool/
+// @import partials/08-styletile/tile-layout
+// @import partials/08-styletile/tile-design
+// --------------------------------------------------------------------------------------
+
+
+// ✔ 8. CHOOSE A RESPONSIVE STARTER
+// @import partials/09-responsive/responsive-blueprint
+// @import partials/09-responsive/responsive-susy
+
+
+// ✔ 9. ENABLE PRINT STYLES
+// @import partials/10-media/print
+
+
+// ✔ 10 ADJUST FOR LESSER/GREATER SYSTEMS
+// @import partials/11-browser_adjustments/modernizr
+// IE STYLES - aren't needed by other browsers, so compile them as a separate file and load via conditionals
+// SELECTIVIZR is nice, but the fallback css should really be compiled to a separate file
+
+
+//
+@import survivalkit/survival_kit/survival-kit
+
+
+
+

data/templates/project/templates/_flashes.html.haml

@@ -0,0 +1,4 @@
+#flash
+  - flash.each do |key, value|
+    .message{ :class => key }
+      %p= value

data/templates/project/templates/_footer.html.haml

@@ -0,0 +1,2 @@
+%small.copyright
+  Copyright © #{Date.today.year}

data/templates/project/templates/_head.html.haml

@@ -0,0 +1,26 @@
+%meta{ :charset => "utf-8" }/
+
+-# Always force latest IE rendering engine (even in intranet) & Chrome Frame
+-# Remove this if you use the .htaccess
+%meta{ "http-equiv" => "X-UA-Compatible", :content => "IE=edge,chrome=1" }/
+
+%title
+  == #{ controller.controller_name.titleize } - #{ controller.action_name.titleize }
+  
+%meta{ :name => "description", :content => "" }/
+%meta{ :name => "author", :content => "" }/
+
+-# Mobile viewport optimized: j.mp/bplateviewport
+%meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }/
+
+-# Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons
+
+-# Pass in a stylesheet_partial to render inside your head
+- if local_assigns[:stylesheet_partial]
+  = render :partial => local_assigns[:stylesheet_partial]
+
+-# All JavaScript at the bottom, except for Modernizr and Respond.
+-# Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
+= javascript_include_tag 'modernizr.min', 'respond.min'
+
+= csrf_meta_tag

data/templates/project/templates/_header.html.haml

@@ -0,0 +1 @@
+%h1 Header

data/templates/project/templates/_javascripts.html.haml

@@ -0,0 +1,27 @@
+-# Grab Google CDN's jQuery, with a protocol relative URL
+-# Looks for google_api_key first in ENV['GOOGLE_API_KEY'] then in config/google.yml
+-# remote_jquery and local_jquery helpers use minified jquery unless Rails.env is development
+- if !google_api_key.blank?
+  = javascript_include_tag "//www.google.com/jsapi?key=#{google_api_key}"
+  :javascript
+    google.load(#{ remote_jquery("1.6") });
+- else
+  = javascript_include_tag "//ajax.googleapis.com/ajax/libs/jquery/#{ local_jquery("1.6") }"
+
+-# fall back to local jQuery if necessary
+:javascript
+  window.jQuery || document.write("<script src='/javascripts/jquery.min.js'>\x3C/script>")
+  
+= javascript_include_tag 'rails', 'plugins', 'application'
+    
+-#  Append your own using content_for :javascripts
+= yield :javascripts
+
+-# asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
+-# Looks for google_account_id first in ENV['GOOGLE_ACCOUNT_ID'] then in config/google.yml
+- if !google_account_id.blank?
+  :javascript
+    var _gaq=[["_setAccount","#{google_account_id}"],["_trackPageview"],["_trackPageLoadTime"]];
+    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
+    g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
+    s.parentNode.insertBefore(g,s)}(document,"script"));

data/templates/project/templates/_stylesheets.html.haml

@@ -0,0 +1,5 @@
+-# CSS: implied media="all"
+= stylesheet_link_tag 'style', :media => 'all'
+
+-# Append your own using content_for :stylesheets
+= yield :stylesheets

data/templates/project/templates/application.html.haml

@@ -0,0 +1,28 @@
+!!! 5
+-# paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+<!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
+<!--[if IE 7]>    <html lang="en" class="no-js ie7"> <![endif]-->
+<!--[if IE 8]>    <html lang="en" class="no-js ie8"> <![endif]-->
+<!--[if gt IE 8]><!-->
+%html.no-js{ :lang => "en" }
+  <!--<![endif]-->
+  %head
+    -# To render a different stylesheet partial inside the head (i.e. for admin layout)
+    -# just copy _stylesheets.html.haml, and point to that partial instead.
+    / = render "layouts/head", :stylesheet_partial => "layouts/stylesheets"
+    = render "head", :stylesheet_partial => "layouts/stylesheets"
+
+  %body{ :class => "#{controller.controller_name}" }
+    #container
+      %header#header
+        = render "layouts/header"
+
+      #main{ :role => 'main' }
+        = render "layouts/flashes"
+        = yield
+
+      %footer#footer
+        = render "layouts/footer"
+
+    -# Javascript at the bottom for fast page loading
+    = render "layouts/javascripts"

data/templates/project/templates/old/_layout.haml

@@ -0,0 +1 @@
+= render :template => "/layouts/default.haml"

data/templates/project/templates/old/home.html.haml

@@ -0,0 +1,14 @@
+- @title = "Serve Bootstrap"
+
+.content
+  %h1= @title
+
+  :markdown
+    Serve bootstrap is a "bootstrapping" project for [Serve](https://github.com/jlong/serve) to do rapid design protyping using:
+
+    * [Haml](http://haml-lang.com/) - Version 3.1.1
+    * [Sass](http://sass-lang.com/) - Version 3.1.1
+    * [Compass](http://beta.compass-style.org/) - Version 0.11.1
+    * [jQuery](http://jquery.com/) - Version 1.5
+
+    [Fork this project on GitHub!](https://github.com/adamstac/serve-bootstrap)

data/templates/project/templates/old/layouts/default.haml

@@ -0,0 +1,62 @@
+!!! 5
+-# paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+<!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
+<!--[if IE 7]>    <html lang="en" class="no-js ie7"> <![endif]-->
+<!--[if IE 8]>    <html lang="en" class="no-js ie8"> <![endif]-->
+<!--[if gt IE 8]><!-->
+%html.no-js{ :lang => "en" }
+  <!--<![endif]-->
+  %head
+    %meta{ :charset => "utf-8" }/
+    
+    -# Always force latest IE rendering engine (even in intranet) & Chrome Frame
+    -# Remove this if you use the .htaccess
+    %meta{ "http-equiv" => "X-UA-Compatible", :content => "IE=edge,chrome=1" }/
+    
+    %title= @title
+    %meta{ :name => "description", :content => "" }/
+    %meta{ :name => "author", :content => "" }/
+    %meta{ :content => "woodcock, washburn, intellectual property law, ip, law", :name => "Keywords"}/
+    
+    -# Mobile viewport optimized: j.mp/bplateviewport
+    %meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }/
+    
+    -# Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons
+    %link{:href => "favicon.ico", :rel => "shortcut icon", :type => "image/x-icon"}/
+    
+    -# CSS: implied media="all"
+    / %link{ :href => "css/style.css?v=1", :media => "all", :rel => "stylesheet" }/
+    = stylesheet_link_tag("/stylesheets/style.css")
+    
+    -# All JavaScript at the bottom, except for Modernizr and Respond.
+    -# Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
+    %script{ :src => "js/modernizr.min.js" }
+    %script{ :src => "js/respond.min.js" }
+    
+    / Typekit
+    %script{:src => "http://use.typekit.com/uqq2xok.js", :type => "text/javascript"}
+    :javascript
+      try{Typekit.load();}catch(e){}
+    
+  %body
+    = yield
+      
+    -# 
+      Javascript at the bottom for fast page loading
+      Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary
+    %script{ :src => "//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js" }
+    :javascript
+      window.jQuery || document.write("<script src='js/jquery.min.js'>\x3C/script>")
+
+    %script{ :src => "js/plugins.js?v=1" }
+    %script{ :src => "js/script.js?v=1" }
+
+    -#  asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
+    -#  change the UA-XXXXX-X to be your site's ID
+    :javascript
+      var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"],["_trackPageLoadTime"]];
+      (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
+      g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
+      s.parentNode.insertBefore(g,s)}(document,"script"));
+    
+ 

data/templates/project/templates/old/layouts/survivalkit/default.haml

@@ -0,0 +1,64 @@
+!!! 5
+-# paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+<!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
+<!--[if IE 7]>    <html lang="en" class="no-js ie7"> <![endif]-->
+<!--[if IE 8]>    <html lang="en" class="no-js ie8"> <![endif]-->
+<!--[if gt IE 8]><!-->
+%html.no-js{ :lang => "en" }
+  <!--<![endif]-->
+  %head
+    %meta{ :charset => "utf-8" }/
+    
+    -# Always force latest IE rendering engine (even in intranet) & Chrome Frame
+    -# Remove this if you use the .htaccess
+    %meta{ "http-equiv" => "X-UA-Compatible", :content => "IE=edge,chrome=1" }/
+    
+    %title= @title
+    
+    -# Mobile viewport optimized: j.mp/bplateviewport
+    %meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }/
+    
+    -# Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons
+    %link{:href => "favicon.ico", :rel => "shortcut icon", :type => "image/x-icon"}/
+    
+    -# CSS: implied media="all"
+    / %link{ :href => "css/style.css?v=1", :media => "all", :rel => "stylesheet" }/
+    = stylesheet_link_tag("/stylesheets/style.css")
+    
+    -# All JavaScript at the bottom, except for Modernizr and Respond.
+    -# Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
+    %script{ :src => "js/modernizr.min.js" }
+    %script{ :src => "js/respond.min.js" }
+    
+    / Typekit
+    %script{:src => "http://use.typekit.com/uqq2xok.js", :type => "text/javascript"}
+    :javascript
+      try{Typekit.load();}catch(e){}
+    
+  %body.survival-kit
+    #page
+      = render :template => "/survivalkit/partials/header.haml"
+      = render :template => "/survivalkit/partials/menu.haml"
+      #main{:role => "main"}
+        = yield
+        
+      %footer= @footer
+      
+    -# 
+      Javascript at the bottom for fast page loading
+      Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary
+    %script{ :src => "//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js" }
+    :javascript
+      window.jQuery || document.write("<script src='js/jquery.min.js'>\x3C/script>")
+
+    %script{ :src => "js/plugins.js?v=1" }
+    %script{ :src => "js/script.js?v=1" }
+
+    -#  asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
+    -#  change the UA-XXXXX-X to be your site's ID
+    :javascript
+      var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"],["_trackPageLoadTime"]];
+      (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
+      g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
+      s.parentNode.insertBefore(g,s)}(document,"script"));
+    

data/templates/project/templates/old/layouts/survivalkit/styletile.haml

@@ -0,0 +1,64 @@
+!!! 5
+-# paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+<!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
+<!--[if IE 7]>    <html lang="en" class="no-js ie7"> <![endif]-->
+<!--[if IE 8]>    <html lang="en" class="no-js ie8"> <![endif]-->
+<!--[if gt IE 8]><!-->
+%html.no-js{ :lang => "en" }
+  <!--<![endif]-->
+  %head
+    %meta{ :charset => "utf-8" }/
+    
+    -# Always force latest IE rendering engine (even in intranet) & Chrome Frame
+    -# Remove this if you use the .htaccess
+    %meta{ "http-equiv" => "X-UA-Compatible", :content => "IE=edge,chrome=1" }/
+    
+    %title= @title
+    
+    -# Mobile viewport optimized: j.mp/bplateviewport
+    %meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }/
+    
+    -# Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons
+    %link{:href => "favicon.ico", :rel => "shortcut icon", :type => "image/x-icon"}/
+    
+    -# CSS: implied media="all"
+    / %link{ :href => "css/style.css?v=1", :media => "all", :rel => "stylesheet" }/
+    = stylesheet_link_tag("/stylesheets/tile.css")
+    
+    -# All JavaScript at the bottom, except for Modernizr and Respond.
+    -# Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
+    %script{ :src => "js/modernizr.min.js" }
+    %script{ :src => "js/respond.min.js" }
+    
+    / Typekit
+    %script{:src => "http://use.typekit.com/uqq2xok.js", :type => "text/javascript"}
+    :javascript
+      try{Typekit.load();}catch(e){}
+    
+  %body.survival-kit
+    #page
+      = render :template => "/survivalkit/partials/header-styletile.haml"
+      = render :template => "/survivalkit/partials/menu.haml"
+      #main{:role => "main"}
+        = yield
+        
+      %footer= @footer
+      
+    -# 
+      Javascript at the bottom for fast page loading
+      Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary
+    %script{ :src => "//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js" }
+    :javascript
+      window.jQuery || document.write("<script src='js/jquery.min.js'>\x3C/script>")
+
+    %script{ :src => "js/plugins.js?v=1" }
+    %script{ :src => "js/script.js?v=1" }
+
+    -#  asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
+    -#  change the UA-XXXXX-X to be your site's ID
+    :javascript
+      var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"],["_trackPageLoadTime"]];
+      (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
+      g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
+      s.parentNode.insertBefore(g,s)}(document,"script"));
+