proevo 0.2.3 → 0.2.4

data/.gemspec

@@ -5,10 +5,10 @@
 
 Gem::Specification.new do |s|
   s.name = nil
-  s.version = "0.2.3"
+  s.version = "0.2.4"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
-  s.date = %q{2011-08-19}
+  s.date = %q{2011-08-26}
   s.extra_rdoc_files = [
     "LICENSE.txt",
     "README.mkdn",
@@ -24,12 +24,13 @@ Gem::Specification.new do |s|
     "README.rdoc",
     "Rakefile",
     "VERSION",
+    "config.rb",
     "lib/proevo.rb",
     "proevo.gemspec",
     "stylesheets/_proevo.scss",
     "stylesheets/proevo/_base.scss",
-    "stylesheets/proevo/_forms.scss",
     "stylesheets/proevo/_layout.scss",
+    "templates/project/index.html",
     "templates/project/js/jquery-1.5.1.min.js",
     "templates/project/js/jquery-ui-1.8.6.custom.min.js",
     "templates/project/js/modernizr-1.7.min.js",

data/Rakefile

@@ -1,5 +1,7 @@
 # encoding: utf-8
 
+require 'sass'
+require 'compass'
 require 'rubygems'
 require 'bundler'
 begin

data/VERSION

@@ -1 +1 @@
-0.2.3
+0.2.4

data/config.rb

@@ -0,0 +1,24 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "stylesheets"
+sass_dir = "sass"
+images_dir = "images"
+javascripts_dir = "javascripts"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

data/proevo.gemspec

@@ -5,11 +5,11 @@
 
 Gem::Specification.new do |s|
   s.name = %q{proevo}
-  s.version = "0.2.3"
+  s.version = "0.2.4"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = [%q{Jamie}]
-  s.date = %q{2011-08-19}
+  s.date = %q{2011-08-26}
   s.description = %q{Styles and layout for Project Evolution. Developed in compass.}
   s.email = %q{jamie@projectevolution.com}
   s.extra_rdoc_files = [
@@ -27,12 +27,13 @@ Gem::Specification.new do |s|
     "README.rdoc",
     "Rakefile",
     "VERSION",
+    "config.rb",
     "lib/proevo.rb",
     "proevo.gemspec",
     "stylesheets/_proevo.scss",
     "stylesheets/proevo/_base.scss",
-    "stylesheets/proevo/_forms.scss",
     "stylesheets/proevo/_layout.scss",
+    "templates/project/index.html",
     "templates/project/js/jquery-1.5.1.min.js",
     "templates/project/js/jquery-ui-1.8.6.custom.min.js",
     "templates/project/js/modernizr-1.7.min.js",

data/stylesheets/_proevo.scss

@@ -11,5 +11,4 @@
 
 // Import Styles --------------------------------------------------------------------
 @import "proevo/base";
-@import "proevo/forms";
 @import "proevo/layout";

data/stylesheets/proevo/_base.scss

@@ -7,43 +7,140 @@
 @import "compass/css3/inline-block";
 @import "compass/support";
 
-$default-color: #444;
-$default-color-lite: $default-color + #555;
+// Text default colors
+$default-color: #222;
+$default-color-lite: #777;
 
-$primary-color: #019F48;
-$primary-color-neon: #00D761;
-$primary-color-dark: #006D33;
-$primary-color-muted: #74AB8E;
-$primary-color-lite: #DDEDE4;
+// Layout default colors
+$primary-color: #eee;
+$primary-color-neon: #fff;
+$primary-color-dark: #222;
+$primary-color-muted: #ccc;
+$primary-color-lite: #eee;
 
 @mixin ul_base {
-	@include clearfix;
-	list-style-type:none;
-	
-	li {
-		border-right:solid 1px #bbb;
-		display:block;
-		float:left;
-		line-height:1em;
-		padding:2px 15px;
-		
-		a {
-			color:#666;
-			text-decoration:none;
-		}
-		
-		a:hover {
-			color:#111;
-		}
-	}
+	ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
+	dd { margin: 0 0 0 40px; }
+	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
+}
+
+@mixin a_base {
+	a { color: $default-color; }
+	a:visited { color: $default-color-lite; }
+	a:hover { color: $default-color-lite; }
+	a:focus { outline: thin dotted; }
 	
-	li:first-child {
-		padding-left:2px;
-	}
+	/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
+	a:hover, a:active { outline: 0; }
+}
+
+@mixin typo_base {
+	font-size: 13px; 
+	line-height: 1.231; 
+	font-family: sans-serif; 
+	color: $default-color;
+
+	button, input, select, textarea { font-family: sans-serif; color: $default-color; }
+	abbr[title] { border-bottom: 1px dotted; }
+
+	b, strong { font-weight: bold; }
+	
+	big { font-weight: bold; font-size: 115%; }
+	
+	blockquote { margin: 1em 40px;  }
+	
+	cite { font-size: .85em; margin: 1em 40px; }
+	
+	code, samp, kbd, var { margin: 1em 40px; background-color: $primary-color-lite; }
+	
+	del { background: $primary-color-muted; color: $default-color-lite; text-decoration: none;  }
+	
+	details, summary { display: none; }
+	
+	dfn, tt, i { font-style: italic; }
+	
+	hr { display: block; height: 1px; border: 0; border-top: 1px solid $primary-color-muted; margin: 1em 0; padding: 0; }
 	
-	li:last-child {
-		border:none;
-		padding-right:2px;
+	ins { background: $primary-color; color: $default-color; text-decoration: none; }
+	
+	mark { background: $primary-color; color: $default-color; font-style: italic; font-weight: bold; }
+	
+	/* Redeclare monospace font family: h5bp.com/j */
+	pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
+	
+	/* Improve readability of pre-formatted text in all browsers */
+	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
+	
+	q { quotes: none; }
+	q:before, q:after { content: ""; content: none; }
+	
+	s, strike { text-decoration: line-through; color: $primary-color-lite; }
+	
+	small { font-size: 85%; }
+	
+	/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
+	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
+	sup { top: -0.5em; }
+	sub { bottom: -0.25em; }
+}
+
+@mixin img_base {
+	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; display: block; }
+	svg:not(:root) { overflow: hidden; }
+}
+
+@mixin html5_base {
+	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
+	audio, canvas, video,command, mark, meter, time { display: inline-block; *display: inline; *zoom: 1; }
+	audio:not([controls]) { display: none; }
+	[hidden] { display: none; }
+	::-moz-selection { background: $primary-color-lite; color: $primary-color-neon; text-shadow: none; }
+	::selection { background: $primary-color-lite; color: $primary-color-neon; text-shadow: none; }
+	figure { margin: 0; }
+}
+
+@mixin form_base {
+	form {
+		margin: 0;
+		fieldset { border: 0; margin: 0; padding: 0; }
+		legend { border: 0; *margin-left: -7px; padding: 0; }
+		label { font-weight: bold; color: $primary-color; border-bottom: dotted 1px $primary-color-muted; }
+		button, input, select, textarea, keygen, output { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
+		button, input { line-height: normal; *overflow: visible; }
+		table button, table input { *overflow: auto; }
+		button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
+		input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
+		input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
+		input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
+		button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
+		textarea { overflow: auto; vertical-align: top; resize: vertical; }
+		input:valid, textarea:valid {  }
+		input:invalid, textarea:invalid { background-color: $primary-color-lite; }
+		datalist { margin: 1em 0; padding: 0 0 0 40px; }
+	}
+}
+
+@mixin table_base {
+	table {
+		margin: 0;
+		padding: 0;
+		border-collapse: collapse; 
+		border-spacing: 0;
+		caption { font-weight: bold; }
+		td, tr, th { 
+			margin: 0;
+			padding: 0;
+			vertical-align: top; 
+		}
 	}
 }
 
+html { 
+	font-size: 100%; 
+	overflow-y: scroll; 
+	-webkit-text-size-adjust: 100%; 
+	-ms-text-size-adjust: 100%; 
+	body { 
+		
+	}
+}

data/stylesheets/proevo/_layout.scss

@@ -13,8 +13,56 @@ body {
   // Or leave it in if you're happy with how blueprint looks out-of-the-box
 }
 
+// Basic four column layout for default
+
 $blueprint-grid-columns: 4;
 $blueprint-grid-width: 225px;
 $blueprint-grid-margin: 30px;
 $blueprint-grid-outer-width: $blueprint-grid-width + $blueprint-grid-margin;
-$blueprint-container-size: $blueprint-grid-outer-width * $blueprint-grid-columns - $blueprint-grid-margin;
+$blueprint-container-size: $blueprint-grid-outer-width * $blueprint-grid-columns - $blueprint-grid-margin;
+
+body {
+	div, header, footer, section { min-height: 100px; } // Temp height so we can see what is going on.
+	.site-container {
+		width: 100%;
+		header, footer {
+			width: 100%;
+			nav {
+				$blueprint-container-size;
+				margin: 0 auto;
+				ul {
+					list-style-type: none;
+					li {
+						float: right;
+						padding: 3px 5px;
+						margin: 0px 5px;
+						border-left: 1px solid $primary-color-dark;
+						border-right: 1px solid $primary-color-dark;
+					}
+				}
+			}
+		}
+		section {
+			width: $blueprint-container-size;
+			margin: 0 auto;
+			padding: 0;
+			aside {
+				@include column(1);
+			}
+			.content {
+				@include column(3, $last: true);				
+			}
+			&.home {
+				.content { width: $blueprint-container-size; }
+				section {
+					.mission {
+						@include column(2);
+					}
+					.news {
+						@include column(2, $last: true);
+					}
+				}
+			}
+		}
+	}
+}

data/templates/project/index.html

@@ -0,0 +1,115 @@
+<!doctype html>
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
+<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+  <meta charset="utf-8">
+
+  <!-- Use the .htaccess and remove these lines to avoid edge case issues.
+       More info: h5bp.com/b/378 -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+  <title></title>
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+
+  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
+
+  <!-- CSS: implied media=all -->
+  <!-- CSS concatenated and minified via ant build script-->
+  <link rel="stylesheet" href="stylesheets/style.css">
+  <!-- end CSS-->
+
+  <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->
+
+  <!-- All JavaScript at the bottom, except for Modernizr / Respond.
+       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
+       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
+  <script src="js/libs/modernizr-2.0.6.min.js"></script>
+</head>
+
+<body>
+
+  <div class="site-container">
+    <header>
+			<nav>
+				<ul>
+					<li><a>Home</a></li>
+					<li><a>About</a></li>
+					<li><a>Products</a></li>
+					<li><a>Mission</a></li>
+				</ul>
+			</nav>
+    </header>
+    
+    <section>
+    	<aside>
+    		<p>
+    		Fanny pack quinoa williamsburg fixie sunt. Velit keytar minim yr, sustainable helvetica viral. Four loko williamsburg trust fund mollit nostrud incididunt. Wayfarers messenger bag 8-bit locavore irony chambray. Squid PBR photo booth american apparel twee. Est scenester velit chambray deserunt, do letterpress in +1 non. Fugiat american apparel banh mi, minim bicycle rights high life 3 wolf moon keffiyeh cred ut veniam nisi do marfa labore.
+    		</p>
+    	</aside>
+    	<div class="content">
+    		<p>
+				Keffiyeh fanny pack veniam thundercats. Carles sustainable wes anderson jean shorts dolor fap, marfa brunch. Carles four loko voluptate whatever nisi. Cardigan ullamco tempor, keytar irure lo-fi consequat sed lomo you probably haven't heard of them vero single-origin coffee wolf vegan. Sustainable artisan cillum elit. Nisi sed fap, carles officia eu american apparel quis fugiat. Locavore hoodie qui thundercats sapiente, excepteur put a bird on it in dolor occaecat minim.
+				</p>
+				
+				<p>
+				Irure aliqua food truck, exercitation high life keytar gluten-free do blog jean shorts dolore tumblr yr. Wayfarers sapiente adipisicing PBR, you probably haven't heard of them voluptate nihil lo-fi magna biodiesel quinoa vegan Austin. Keytar do skateboard, irure ullamco pitchfork blog Austin mixtape wes anderson sed ea locavore. In craft beer pitchfork et excepteur. Austin enim culpa, magna ex cred american apparel deserunt. Mcsweeney's non homo readymade. Artisan fanny pack tofu, cardigan vero sartorial et ad letterpress scenester mlkshk skateboard vinyl yr.
+				</p>
+				
+				<p>
+				Freegan etsy vero squid, tempor echo park incididunt aesthetic officia in eiusmod 3 wolf moon accusamus. Dolor sartorial nisi, etsy freegan cliche sapiente. Before they sold out culpa pitchfork exercitation, ullamco cillum minim mcsweeney's reprehenderit craft beer locavore iphone. Cupidatat mcsweeney's dolore mollit, master cleanse duis accusamus minim organic sunt laboris placeat. Est iphone squid beard, marfa sartorial retro et etsy DIY consequat placeat. Cred cillum ea, next level jean shorts freegan sed +1. Accusamus tempor VHS dolor laboris sed organic twee fap, tofu tattooed.
+    		</p>
+    	</div>
+    </section>
+    
+    <footer>
+						<nav>
+				<ul>
+					<li><a>Home</a></li>
+					<li><a>About</a></li>
+					<li><a>Products</a></li>
+					<li><a>Mission</a></li>
+				</ul>
+			</nav>
+    </footer>
+  </div> <!--! end of .site-container -->
+
+
+  <!-- JavaScript at the bottom for fast page loading -->
+
+  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
+
+
+  <!-- scripts concatenated and minified via ant build script-->
+  <script defer src="js/plugins.js"></script>
+  <script defer src="js/script.js"></script>
+  <!-- end scripts-->
+
+	
+  <!-- Change UA-XXXXX-X to be your site's ID -->
+  <script>
+    window._gaq = [['_setAccount','UAXXXXXXXX1'],['_trackPageview'],['_trackPageLoadTime']];
+    Modernizr.load({
+      load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
+    });
+  </script>
+
+
+  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
+       chromium.org/developers/how-tos/chrome-frame-getting-started -->
+  <!--[if lt IE 7 ]>
+    <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
+    <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
+  <![endif]-->
+  
+</body>
+</html>

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: proevo
 version: !ruby/object:Gem::Version 
-  hash: 17
+  hash: 31
   prerelease: 
   segments: 
   - 0
   - 2
-  - 3
-  version: 0.2.3
+  - 4
+  version: 0.2.4
 platform: ruby
 authors: 
 - Jamie
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2011-08-19 00:00:00 Z
+date: 2011-08-26 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   version_requirements: &id001 !ruby/object:Gem::Requirement 
@@ -97,12 +97,13 @@ files:
 - README.rdoc
 - Rakefile
 - VERSION
+- config.rb
 - lib/proevo.rb
 - proevo.gemspec
 - stylesheets/_proevo.scss
 - stylesheets/proevo/_base.scss
-- stylesheets/proevo/_forms.scss
 - stylesheets/proevo/_layout.scss
+- templates/project/index.html
 - templates/project/js/jquery-1.5.1.min.js
 - templates/project/js/jquery-ui-1.8.6.custom.min.js
 - templates/project/js/modernizr-1.7.min.js

data/stylesheets/proevo/_forms.scss

@@ -1,17 +0,0 @@
-// Base form styles for inputs textareas etc
-
-@mixin input_base {
-	background: url(../img/input-bg.png) 0 0 repeat-x #fff;
-	border: 1px solid #c3c3c3;
-	@include border-radius;
-	@include box-shadow(rgba(250,250,250,0.75) 0 0 5px, #ccc 0 0 5px inset);
-	color: #999;
-	font-family: $default-font;
-	font-size: 1.1em;
-	height: 32px;
-	line-height: 32px;
-	min-width: 38px;
-	padding: 0 10px;
-	text-align: left;
-	vertical-align: top;
-}