From 5872c57923f6c9578414f04e9c3954c900c6b6a7 Mon Sep 17 00:00:00 2001
From: Joanthan Liuti <liuti.john@gmail.com>
Date: Thu, 31 Mar 2011 19:01:31 +0200
Subject: [PATCH] [ADD] Added support for 960gs - TODO: add the clear div
 required by 960gs in the markup + test that no classes from the framework are
 conflicting with roots's existing css (2)

---
 404.php                    |  2 +-
 archive.php                |  4 ++--
 footer.php                 |  4 ++--
 front-page.php             |  2 +-
 functions.php              | 43 +++++++++++++++++++++++++++++++++++++-
 header.php                 |  6 +++---
 includes/roots-options.php |  9 ++++++++
 index.php                  |  2 +-
 page-custom.php            |  2 +-
 page-full.php              |  4 ++--
 page-sitemap.php           |  2 +-
 page-subpages.php          |  2 +-
 page.php                   |  2 +-
 search.php                 |  2 +-
 single.php                 |  2 +-
 15 files changed, 69 insertions(+), 19 deletions(-)

diff --git a/404.php b/404.php
index de194c7..c7e5340 100644
--- a/404.php
+++ b/404.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?>
-		<div id="content" class="span-24">
+		<div id="content" class="<?php echo CONTAINER_CLASS; ?>">
 			<div id="main" role="main">
 				<div class="container">
 					<h1>File Not Found</h1>
diff --git a/archive.php b/archive.php
index c09e566..e3fd6bc 100644
--- a/archive.php
+++ b/archive.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?>
-		<div id="content" class="span-24">	
+		<div id="content" class="<?php echo CONTAINER_CLASS; ?>">	
 			<div id="main" class="<?php echo get_option('roots_main_class'); ?>" role="main">
 				<div class="container">
 					<h1><?php single_cat_title(); ?></h1>
@@ -12,4 +12,4 @@
 				</div>
 			</aside><!-- /#sidebar -->
 		</div><!-- /#content -->
-<?php get_footer(); ?>
\ No newline at end of file
+<?php get_footer(); ?>
diff --git a/footer.php b/footer.php
index 5a21dc5..4f091f8 100644
--- a/footer.php
+++ b/footer.php
@@ -1,4 +1,4 @@
-		<footer id="content-info" class="span-24" role="contentinfo">
+		<footer id="content-info" class="<?php echo CONTAINER_CLASS; ?>" role="contentinfo">
 			<div class="container">
 				<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Footer") ) : ?>
 				<?php endif; ?>
@@ -29,4 +29,4 @@
 	</div><!-- /#wrap -->
 <?php wp_footer(); ?>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/front-page.php b/front-page.php
index d9e32e4..f201996 100644
--- a/front-page.php
+++ b/front-page.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?>
-		<div id="content" class="span-24">	
+		<div id="content" class="<?php echo CONTAINER_CLASS; ?>">	
 			<div id="main" class="<?php echo get_option('roots_main_class'); ?>" role="main">
 				<div class="container">
 					<?php get_template_part('loop', 'page'); ?>
diff --git a/functions.php b/functions.php
index 2a37bb8..0013ab4 100644
--- a/functions.php
+++ b/functions.php
@@ -7,6 +7,47 @@ include_once('includes/roots-ob.php');			// output buffer
 include_once('includes/roots-cleanup.php');		// code cleanup/removal
 include_once('includes/roots-htaccess.php');	// h5bp htaccess
 
+// set the value of the main container class depending on the selected grid framework
+$roots_selected_css_framework = get_option('roots_css_framework');
+if (!defined('CONTAINER_CLASS')){
+	if ($roots_selected_css_framework === 'blueprint')
+		define('CONTAINER_CLASS', 'span-24');
+	elseif ($roots_selected_css_framework === '960gs_12')
+		define('CONTAINER_CLASS', 'container_12');
+	elseif ($roots_selected_css_framework === '960gs_16')
+		define('CONTAINER_CLASS', 'container_16');	
+	elseif ($roots_selected_css_framework === '960gs_24')
+		define('CONTAINER_CLASS', 'container_24');
+	else define('CONTAINER_CLASS', '');
+
+}
+
+function get_roots_css_framework_stylesheets(){
+	$roots_selected_css_framework = get_option('roots_css_framework');
+	if ($roots_selected_css_framework === 'blueprint'){
+		return '<link rel="stylesheet" href="/css/blueprint/screen.css">';
+	}
+	elseif ($roots_selected_css_framework === '960gs_12' || $roots_selected_css_framework === '960gs_16'){
+		return <<<EOD
+		<link rel="stylesheet" href="/css/960gs/reset.css">
+		<link rel="stylesheet" href="/css/960gs/text.css">
+		<link rel="stylesheet" href="/css/960gs/960.css">		
+EOD;
+	}
+	elseif ($roots_selected_css_framework === '960gs_24'){
+		return <<<EOD
+		<link rel="stylesheet" href=""$roots_style_sheet_uri"/css/960gs/reset.css">
+		<link rel="stylesheet" href=""$roots_style_sheet_uri"/css/960gs/text.css">
+		<link rel="stylesheet" href=""$roots_style_sheet_uri"/css/960gs/960_24_col.css">		
+EOD;
+	}
+	else {
+		return '';
+	}
+}
+
+
+	
 // set the maximum 'Large' image width to the Blueprint grid maximum width
 if (!isset($content_width)) $content_width = 950;
 
@@ -80,4 +121,4 @@ function roots_robots() {
 	echo "Allow: /assets";
 }
 
-?>
\ No newline at end of file
+?>
diff --git a/header.php b/header.php
index 347e5d6..88ad981 100644
--- a/header.php
+++ b/header.php
@@ -10,7 +10,7 @@
 	
 	<meta name="viewport" content="width=device-width; initial-scale=1.0">
 
-	<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/css/blueprint/screen.css">
+	<?php echo get_roots_css_framework_stylesheets(); ?>
 <?php if (class_exists('RGForms')) { ?>
 	<link rel="stylesheet" href="<?php echo plugins_url(); ?>/gravityforms/css/forms.css">
 <?php } ?>
@@ -37,10 +37,10 @@
 </head>
 <body <?php $page_slug = $post->post_name; body_class($page_slug); ?>>
 	<div id="wrap" class="container" role="document">
-		<header id="banner" class="span-24" role="banner">
+		<header id="banner" class="<?php echo CONTAINER_CLASS; ?>" role="banner">
 			<div class="container">
 				<a id="logo" href="<?php site_url(); ?>/"><img src="<?php echo get_stylesheet_directory_uri(); ?>/img/logo.png" width="300" height="75" alt="<?php bloginfo('name'); ?>"></a>
-				<nav id="nav-main" class="span-24" role="navigation">
+				<nav id="nav-main" class="<?php echo CONTAINER_CLASS; ?>" role="navigation">
 					<?php wp_nav_menu(array('theme_location' => 'primary_navigation')); ?>
 				</nav>
 				<nav id="nav-utility">
diff --git a/includes/roots-options.php b/includes/roots-options.php
index c031ec1..058f71d 100644
--- a/includes/roots-options.php
+++ b/includes/roots-options.php
@@ -16,6 +16,7 @@ function roots_create_menu() {
 
 function roots_register_settings() {
 	// register our settings
+	register_setting('roots-settings-group', 'roots_css_framework');	
 	register_setting('roots-settings-group', 'roots_main_class');
 	register_setting('roots-settings-group', 'roots_sidebar_class');
 	register_setting('roots-settings-group', 'roots_google_analytics');
@@ -31,6 +32,7 @@ function roots_register_settings() {
 	register_setting('roots-settings-group', 'roots_footer_vcard');
 	
 	// add default settings
+	add_option('roots_css_framework', 'blueprint');
 	add_option('roots_main_class', 'span-14 append-1');
 	add_option('roots_sidebar_class', 'span-8 prepend-1 last');	
 	add_option('roots_google_analytics', '');	
@@ -57,6 +59,13 @@ function roots_settings_page() { ?>
 			<div id="general">
 				<ul class="options clearfix">	
 					<li>
+						<label class="settings-label">Css Grid Framework</label>
+						<input id="roots_blueprint" name="roots_css_framework" type="radio" <?php echo get_option('roots_css_framework') === 'blueprint' ?  'checked' : ''; ?> value="blueprint" /><label for="roots_blueprint">Blueprint</label>
+						<input id="roots_960gs_12" name="roots_css_framework" type="radio" <?php echo get_option('roots_css_framework') === '960gs_12' ?  'checked' : ''; ?> value="960gs_12" /><label for="roots_960gs_12">960gs (12 cols)</label>
+						<input id="roots_960gs_16" name="roots_css_framework" type="radio" <?php echo get_option('roots_css_framework') === '960gs_16' ?  'checked' : ''; ?> value="960gs_16" /><label for="roots_960gs_16">960gs (16 cols)</label>
+						<input id="roots_960gs_24" name="roots_css_framework" type="radio" <?php echo get_option('roots_css_framework') === '960gs_24' ?  'checked' : ''; ?> value="960gs_24" /><label for="roots_960gs_24">960gs (24 cols)</label>
+					</li>
+					<li>	
 						<label class="settings-label">Class for #main</label>
 						<input name="roots_main_class" type="text" value="<?php echo get_option('roots_main_class'); ?>" class="text" />
 						<span class="note">Enter your Blueprint CSS grid classes (use <a href="http://ianli.com/labs/blueprinter/">Blueprinter</a> to create a non-default grid)</span>
diff --git a/index.php b/index.php
index efd0bfd..1bad266 100644
--- a/index.php
+++ b/index.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?>
-		<div id="content" class="span-24">
+		<div id="content" class="<?php echo CONTAINER_CLASS; ?>">
 			<div id="main" class="<?php echo get_option('roots_main_class'); ?>" role="main">
 				<div class="container">
 					<h1>Latest Posts</h1>
diff --git a/page-custom.php b/page-custom.php
index 03d7a4b..4b3221e 100644
--- a/page-custom.php
+++ b/page-custom.php
@@ -3,7 +3,7 @@
 Template Name: Custom
 */
 get_header(); ?>
-		<div id="content" class="span-24">	
+		<div id="content" class="<?php echo CONTAINER_CLASS; ?>">	
 			<div id="main" class="<?php echo get_option('roots_main_class'); ?>" role="main">
 				<div class="container">
 					<?php get_template_part('loop', 'page'); ?>
diff --git a/page-full.php b/page-full.php
index 29372bc..b5aaf27 100644
--- a/page-full.php
+++ b/page-full.php
@@ -3,8 +3,8 @@
 Template Name: Full Width
 */
 get_header(); ?>
-		<div id="content" class="span-24">	
-			<div id="main" class="span-24" role="main">
+		<div id="content" class="<?php echo CONTAINER_CLASS; ?>">	
+			<div id="main" class="<?php echo CONTAINER_CLASS; ?>" role="main">
 				<div class="container">
 					<?php get_template_part('loop', 'page'); ?>
 				</div>
diff --git a/page-sitemap.php b/page-sitemap.php
index 9e72914..b2d5caa 100644
--- a/page-sitemap.php
+++ b/page-sitemap.php
@@ -3,7 +3,7 @@
 Template Name: Sitemap
 */
 get_header(); ?>
-		<div id="content" class="span-24">	
+		<div id="content" class="<?php echo CONTAINER_CLASS; ?>">	
 			<div id="main" class="<?php echo get_option('roots_main_class'); ?>" role="main">
 				<div class="container">
 					<?php get_template_part('loop', 'page'); ?>
diff --git a/page-subpages.php b/page-subpages.php
index 201ef6a..80f3b74 100644
--- a/page-subpages.php
+++ b/page-subpages.php
@@ -3,7 +3,7 @@
 Template Name: List Subpages
 */
 get_header(); ?>
-		<div id="content" class="span-24">	
+		<div id="content" class="<?php echo CONTAINER_CLASS; ?>">	
 			<div id="main" class="<?php echo get_option('roots_main_class'); ?>" role="main">
 				<div class="container">
 					<?php get_template_part('loop', 'page'); ?>
diff --git a/page.php b/page.php
index d9e32e4..f201996 100644
--- a/page.php
+++ b/page.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?>
-		<div id="content" class="span-24">	
+		<div id="content" class="<?php echo CONTAINER_CLASS; ?>">	
 			<div id="main" class="<?php echo get_option('roots_main_class'); ?>" role="main">
 				<div class="container">
 					<?php get_template_part('loop', 'page'); ?>
diff --git a/search.php b/search.php
index 5cd6d36..1d5aaa3 100644
--- a/search.php
+++ b/search.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?>
-		<div id="content" class="span-24">	
+		<div id="content" class="<?php echo CONTAINER_CLASS; ?>">	
 			<div id="main" class="<?php echo get_option('roots_main_class'); ?>">
 				<div class="container">
 					<h1>Search Results for <?php echo get_search_query(); ?></h1>				
diff --git a/single.php b/single.php
index 7b9d4ee..08d17ae 100644
--- a/single.php
+++ b/single.php
@@ -1,5 +1,5 @@
 <?php get_header(); ?>
-		<div id="content" class="span-24">	
+		<div id="content" class="<?php echo CONTAINER_CLASS; ?>">	
 			<div id="main" class="<?php echo get_option('roots_main_class'); ?>" role="main">
 				<div class="container">
 					<?php get_template_part('loop', 'single'); ?>