alexcabrera-graphpaper 0.2.4 → 0.2.5

data/README.markdown

@@ -1,3 +1,24 @@
+Philosophy
+==========
+
+Graphpaper is a lightweight plugin to [Compass][compass_homepage] that 
+provides tools for rapidly prototyping fixed-width grid-based HTML layouts. 
+Unlike larger, more mature CSS frameworks and Compass extensions, Graphpaper 
+makes no design assumptions, but instead provides a highly organized structure
+and opinionated defaults to assist an iterative design process.
+
+Recommended Workflow
+====================
+
+Graphpaper is used internally at [Policus][policus_url] to prototype all 
+HTML-based interfaces. Ideas usually begin as pencil sketches and proceed 
+immediately to an HTML prototyping phase. Once the basic grid for each page
+has been defined, a full-page screen capture is created using [Paparazzi][], 
+and is then handed off to the graphic design team and acts as a guide during 
+the visual design stage. The result is a highly iterative approach that allows
+disparate teams to focus on their core strengths and promote low turnaround 
+times for implementation of visual changes.
+
 Installing
 ==========
 
@@ -18,3 +39,5 @@ Related Links
 [project_url]: http://github.com/alexcabrera/graphpaper
 [wiki]: http://wiki.github.com/alexcabrera/graphpaper
 [compass_homepage]: http://compass-style.org/
+[policus_url]: http://policus.com
+[paparazzi]: http://derailer.org/paparazzi/

data/VERSION.yml

@@ -1,4 +1,4 @@
 --- 
 :minor: 2
-:patch: 4
+:patch: 5
 :major: 0

data/graphpaper.gemspec

@@ -2,11 +2,11 @@
 
 Gem::Specification.new do |s|
   s.name = %q{graphpaper}
-  s.version = "0.2.4"
+  s.version = "0.2.5"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Alex Cabrera"]
-  s.date = %q{2009-07-12}
+  s.date = %q{2009-08-31}
   s.description = %q{A great starting point for projects that makes no design assumptions.}
   s.email = %q{alex@policus.com}
   s.extra_rdoc_files = [
@@ -24,16 +24,17 @@ Gem::Specification.new do |s|
     "stylesheets/graphpaper/_screen.sass",
     "stylesheets/graphpaper/modules/_colors.sass",
     "stylesheets/graphpaper/modules/_grid.sass",
-    "stylesheets/graphpaper/modules/_lists.sass",
     "stylesheets/graphpaper/modules/_reset.sass",
-    "stylesheets/graphpaper/modules/_sitemap.sass",
-    "templates/project/ie.sass",
+    "stylesheets/graphpaper/modules/_typography.sass",
     "templates/project/manifest.rb",
-    "templates/project/partials/_base.sass",
-    "templates/project/partials/_config.sass",
+    "templates/project/ie.sass",
     "templates/project/print.sass",
     "templates/project/screen.sass",
-    "templates/project/sitemap.sass"
+    "templates/project/partials/_base.sass",
+    "templates/project/partials/_config.sass",
+    "templates/project/shared/_header.sass",
+    "templates/project/shared/_footer.sass",
+    "templates/project/shared/_typography.sass",
   ]
   s.homepage = %q{http://github.com/alexcabrera/graphpaper}
   s.rdoc_options = ["--charset=UTF-8"]

data/stylesheets/graphpaper/_screen.sass

@@ -2,3 +2,4 @@
 @import graphpaper/modules/colors.sass
 @import graphpaper/modules/grid.sass
 @import graphpaper/modules/lists.sass
+@import graphpaper/modules/typography.sass

data/stylesheets/graphpaper/modules/_grid.sass

@@ -70,7 +70,6 @@
 
 =container
 	:display block
-	:margin-bottom 10px
 	:width = 100%
 	+clearfix
 

data/stylesheets/graphpaper/modules/_typography.sass

@@ -0,0 +1,27 @@
+// Stole the following from OOCSS, seemed like a pretty good model to follow
+// http://github.com/stubbornella/oocss/
+
+body
+	:font-family "Helvetica", "Arial", sans-serif
+	
+	h1
+		:font-size 196%
+
+	h2
+		:font-size 167%
+	
+	h3
+		:font-size 146.5%
+	
+	h4
+		:font-size 123.1%
+	
+	h5
+		:font-size 108%
+	
+	h6
+		:font-size 108%
+	
+	a
+		:color #1E9AE0
+		:text-decoration none

data/templates/project/screen.sass

@@ -1,2 +1,3 @@
-@import partials/base.sass
 @import graphpaper/screen.sass
+@import partials/config.sass
+@imoprt partials/base.sass

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: alexcabrera-graphpaper
 version: !ruby/object:Gem::Version 
-  version: 0.2.4
+  version: 0.2.5
 platform: ruby
 authors: 
 - Alex Cabrera
@@ -9,7 +9,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2009-07-12 00:00:00 -07:00
+date: 2009-08-31 00:00:00 -07:00
 default_executable: 
 dependencies: []
 
@@ -33,16 +33,17 @@ files:
 - stylesheets/graphpaper/_screen.sass
 - stylesheets/graphpaper/modules/_colors.sass
 - stylesheets/graphpaper/modules/_grid.sass
-- stylesheets/graphpaper/modules/_lists.sass
 - stylesheets/graphpaper/modules/_reset.sass
-- stylesheets/graphpaper/modules/_sitemap.sass
-- templates/project/ie.sass
+- stylesheets/graphpaper/modules/_typography.sass
 - templates/project/manifest.rb
-- templates/project/partials/_base.sass
-- templates/project/partials/_config.sass
+- templates/project/ie.sass
 - templates/project/print.sass
 - templates/project/screen.sass
-- templates/project/sitemap.sass
+- templates/project/partials/_base.sass
+- templates/project/partials/_config.sass
+- templates/project/shared/_header.sass
+- templates/project/shared/_footer.sass
+- templates/project/shared/_typography.sass
 has_rdoc: false
 homepage: http://github.com/alexcabrera/graphpaper
 post_install_message: 

data/stylesheets/graphpaper/modules/_lists.sass

@@ -1,10 +0,0 @@
-=horizontal-list(!item_width = 2)
-	li
-		+column(!item_width)
-		
-		&:last-child
-			+last
-		
-		a
-			:display block
-			:width 100%

data/stylesheets/graphpaper/modules/_sitemap.sass

@@ -1,127 +0,0 @@
-//	----------------------------------------------------------------------------------------------------------------
-//
-//	Easy Site Maps
-//	========================
-//
-//	This is an adaptation of SlickMap CSS (http://astuteo.com/slickmap/) by Astuteo.
-//	It's not as pretty as the sitemaps produced by that library (this one doen't 
-//	include any images), but it gets the job done. It creates clickable sitemaps 
-//	from unordered lists. Use it to help develop the architecture for your site
-//	during your prototyping process.
-//
-//	To use it, simply mix +build-sitemap into the top level ul element.
-//
-//	----------------------------------------------------------------------------------------------------------------
-
-@import graphpaper/modules/reset.sass
-@import graphpaper/modules/colors.sass
-@import graphpaper/modules/grid.sass
-
-
-=build-sitemap
-
-	:font-family "Helvetica", "Arial", sans-serif
-	
-	#info
-		:margin-top 40px
-		:margin-left 40px
-		
-		
-		h1
-			:font-size 36px
-			:font-weight bold
-			:line-height 36px
-			:margin-bottom 18px
-		
-		h2
-			:font-size 14px
-			:font-weight bold
-			:line-height 18px
-	
-	ul#sitemap
-		:color #{!black}
-		:padding 40px
-		:font-size 12px
-		:line-height 1
-		:list-style none
-	
-		a
-	
-			&:link, &:visited
-		
-				&:before
-					:content " "attr(href)" "
-					:display block
-					:text-transform uppercase
-					:font-size 10px
-					:margin-bottom 5px
-					:word-wrap break-word
-	
-		li
-			:float left
-			:width 200px
-			:padding 30px 0
-			:margin-top -30px
-		
-			a
-				:margin 0 20px 0 0
-				:padding 10px 0
-				:display block
-				:font-size 14px
-				:font-weight bold
-				:text-align center
-				:color #{!black}
-				:background #C3EAFB
-				:border 2px solid #B5D9EA
-			
-				&:hover
-					:background-color #E2F4FD
-					:border-color #97BDCF
-			
-				// Second Level
-	
-			li
-				:width 100%
-				:clear left
-				:margin-top 0
-				:padding 10px 0 0 0
-		
-				&:first-child
-					:padding-top 30px
-		
-				a
-					:background-color #CEE3AC
-					:border-color #B8DA83
-			
-					&:link, &:visited
-				
-						&:before
-							:color #8FAF5C
-		
-				// Third Level
-		
-				ul
-					:margin 0
-					:width 100%
-					:float right
-			
-					li
-						:padding 5px 0
-				
-						&:first-child
-							:padding 15px 0 5px 0
-				
-						a
-							:background-color #FFF7AA
-							:border-color #E3CA4B
-							:font-size 12px
-							:padding 5px 0
-							:margin-right 10%
-							:width 70%
-							:float right
-					
-							&:link, &:visited
-					
-								&:before
-									:color #CCAE14
-									:font-size 9px

data/templates/project/sitemap.sass

@@ -1,34 +0,0 @@
-@import graphpaper/modules/sitemap.sass
-
-//	Use the template below to quickly build a sitemap. 
-//
-//	<!DOCTYPE html>
-//	<html>
-//	<head>
-//		<title>Sample Sitemap</title>
-//		<link rel="stylesheet" type="text/css" href="stylesheets/sitemap.css" media="screen, projection">
-//	</head>
-//	<body id="sitemap">
-//		<ul>
-//			<li><a href="#">Section 1</a></li>
-//			<li>
-//				<a href="#">Section 2</a>
-//				<ul>
-//					<li><a href="#">Sub-Section 1</a></li>
-//					<li>
-//						<a href="#">Sub-Section 2</a>
-//						<ul>
-//							<li><a href="#">Sub-Sub-Section 1</a></li>
-//							<li><a href="#">Sub-Sub-Section 2</a></li>
-//						</ul>
-//					</li>
-//					<li><a href="#">Sub-Section 3</a></li>
-//				</ul>
-//			</li>
-//			<li><a href="#">Sub-Section 4</a></li>
-//		</ul>
-//	</body>
-//	</html>
-
-body
-	+build-sitemap