browsercms 3.1.5 → 3.3.0.beta

data/browsercms.gemspec

@@ -1,19 +1,25 @@
+# This file is now managed directly, rather than generated by Jeweler.
+#
 require File.dirname(__FILE__) + "/lib/cms/version.rb"
 
 Gem::Specification.new do |s|
+  s.platform = Gem::Platform::RUBY
   s.name = %q{browsercms}
   s.version = Cms::VERSION
 
+  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["BrowserMedia"]
-  s.description = %q{General purpose Web Content Management in Rails.}
-  s.summary = %Q{BrowserCMS is a general purpose, open source Web Content Management System (CMS) written in Ruby on Rails. Designed for web developers who want to create great looking websites while using standard Rails tools for customizing it. }
-
+  s.date = %q{2011-03-15}
+  s.summary = %q{BrowserCMS is a a general purpose, open source Web Content Management System (CMS), written using Ruby on Rails.}
+  s.description = %q{Web Content Management in Rails.}
   s.email = %q{github@browsermedia.com}
-  s.executables = ["browsercms", "bcms"]
+  s.executables = ["browsercms", "bcms", "bcms-upgrade"]
   s.extra_rdoc_files = [
       "LICENSE.txt",
       "README.markdown"
   ]
+  s.required_ruby_version = '>= 1.9.2'
+
   s.files = Dir["rails/*.rb"]
   s.files += Dir["browsercms.gemspec"]
   s.files += Dir["doc/app/**/*"]
@@ -21,9 +27,8 @@ Gem::Specification.new do |s|
   s.files += Dir["app/**/*"]
   s.files += Dir["db/migrate/[0-9]*_*.rb"]
   s.files += Dir["db/demo/**/*"]
+  s.files += Dir["db/seeds.rb"]
   s.files += Dir["lib/**/*"]
-  s.files -= Dir["lib/tasks/data.rake"]
-  s.files += Dir["rails_generators/**/*"]
   s.files += Dir["public/stylesheets/cms/**/*"]
   s.files += Dir["public/javascripts/jquery*"]
   s.files += Dir["public/javascripts/cms/**/*"]
@@ -32,15 +37,12 @@ Gem::Specification.new do |s|
   s.files += Dir["public/images/cms/**/*"]
   s.files += Dir["public/themes/**/*"]
   s.files += Dir["templates/*.rb"]
+  s.files -= Dir['test/dummy/*']
+
+  s.add_dependency('rails', "~> 3.0.5")
 
-  s.homepage = %q{http://www.browsercms.org}
-  s.require_paths = ["lib"]
-  s.rubyforge_project = %q{browsercms}
-  s.rubygems_version = %q{1.3.7}
-  s.summary = %q{BrowserCMS is a general purpose, open source Web Content Management System (CMS) written in Ruby on Rails. Designed for web developers who want to create great looking websites while using standard Rails tools for customizing it.}
-  s.test_files = Dir["test/**/*"]
+  # Required only for bcms-upgrade
+  s.add_dependency('term-ansicolor')
 
-  s.add_dependency "rails", "~> 2.3.14"
-  s.add_dependency "ancestry", "~> 1.2.4"
 end
 

data/db/migrate/20100705083859_browsercms_3_3_0.rb

@@ -0,0 +1,56 @@
+class Browsercms330 < ActiveRecord::Migration
+  def self.up
+
+    # patch required for LH345
+    cant_fix = []
+    to_fix = []
+    # find all pages whose path ends in slash and is not root
+    Page.find(:all, :conditions => "path LIKE '/%/'").each do |pt_page|
+      # make sure no extant page has this path
+      if Page.count(:conditions => ["path = ?", pt_page.path.sub(/(.+)\/+$/, '\1')]) > 0
+          cant_fix << pt_page
+        else
+          to_fix << pt_page
+        end
+    end
+    version_cant_fix = []
+    version_to_fix = []
+    # find all page versions whose path ends in slash and is not root
+    Page::Version.find(:all, :conditions => "path LIKE '/%/'").each do |pt_page|
+      # make sure no extant page has this path
+      if Page.count(:conditions => ["path = ?", pt_page.path.sub(/(.+)\/+$/, '\1')]) > 0
+          version_cant_fix << pt_page
+        else
+          version_to_fix << pt_page
+        end
+    end
+
+    # raise an error if there are pages (*not* page versions) that will duplicate an extant path if the ending slash is dropped
+    if cant_fix.length > 0
+      raise "Cannot remove trailing slashes from pages with ID(s) (#{cant_fix.map(&:id).join(', ')}). Other pages already exist with their correct path. The offending path may be in an unpublished page version, newer than the current public version. These needed to be corrected manually in your DBMS before running this migration"
+    end
+
+    to_fix.each do |fix_page|
+      # change the path of all pages with a trailing slash to not have one
+      # using sql updates to prevent unwanted callbacks
+      new_path = fix_page.path.to_s.sub(/(.+)\/+$/, '\1')
+      execute "UPDATE pages SET path = '#{new_path}' WHERE id = #{fix_page.id};"
+    end
+    version_to_fix.each do |fix_page|
+      # change the path of all fixable page versions with a trailing slash to not have one
+      # using sql updates to prevent unwanted callbacks
+      new_path = fix_page.path.to_s.sub(/(.+)\/+$/, '\1')
+      execute "UPDATE page_versions SET path = '#{new_path}' WHERE id = #{fix_page.id};"
+    end
+    # end patch for LH345
+  end
+
+  def self.down
+
+    # Cannot restore paths with trailing slash - raise error or show message
+    #
+    # raise IrreversibleMigration, "Cannot reverse migration which removes trailing slash from page paths"
+    puts "Page paths which had trailing slashes removed cannot be restored to their original state."
+
+  end
+end

data/db/seeds.rb

@@ -0,0 +1,58 @@
+require 'cms/data_loader'
+extend Cms::DataLoader
+
+if %w[development test dev local].include?(Rails.env)
+  pwd = "cmsadmin"
+else
+  pwd = (0..8).inject(""){|s,i| s << (('a'..'z').to_a + ('A'..'Z').to_a + ('0'..'9').to_a).rand}
+end
+User.current = create_user(:cmsadmin, :login => "cmsadmin", :first_name => "CMS", :last_name => "Administrator", :email => "cmsadmin@example.com", :password => pwd, :password_confirmation => pwd)
+
+create_permission(:administrate, :name => "administrate", :full_name => "Administer CMS" , :description => "Allows users to administer the CMS, including adding users and groups.")
+create_permission(:edit_content, :name => "edit_content", :full_name => "Edit Content" , :description => "Allows users to Add, Edit and Delete both Pages and Blocks. Can Save (but not Publish) and Assign them as well.")
+create_permission(:publish_content, :name => "publish_content", :full_name => "Publish Content" , :description => "Allows users to Save and Publish, Hide and Archive both Pages and Blocks.")
+
+create_group_type(:guest_group_type, :name => "Guest", :guest => true)
+create_group_type(:registered_public_user, :name => "Registered Public User")
+create_group_type(:cms_user, :name => "CMS User", :cms_access => true)
+group_types(:cms_user).permissions<<permissions(:edit_content)
+group_types(:cms_user).permissions<<permissions(:publish_content)
+
+create_group(:guest, :name => 'Guest', :code => 'guest', :group_type => group_types(:guest_group_type))
+create_group(:content_admin, :name => 'Cms Administrators', :code => 'cms-admin', :group_type => group_types(:cms_user))
+create_group(:content_editor, :name => 'Content Editors', :code => 'content-editor', :group_type => group_types(:cms_user))
+users(:cmsadmin).groups << groups(:content_admin)
+users(:cmsadmin).groups << groups(:content_editor)
+
+groups(:content_admin).permissions<<permissions(:administrate)
+groups(:content_editor).permissions<<permissions(:edit_content)
+groups(:content_editor).permissions<<permissions(:publish_content)    
+
+create_site(:default, :name => "Default", :domain => "example.com")
+create_section(:root, :name => "My Site", :path => "/", :root => true)
+create_section(:system, :name => "system", :parent => sections(:root), :path => "/system", :hidden => true)
+    
+Group.all.each{|g| g.sections = Section.all }    
+
+create_page(:home, :name => "Home", :path => "/", :section => sections(:root), :template_file_name => "default.html.erb", :cacheable => true)
+create_page(:not_found, :name => "Page Not Found", :path => "/system/not_found", :section => sections(:system), :template_file_name => "default.html.erb", :publish_on_save => true, :hidden => true, :cacheable => true)
+create_page(:access_denied, :name => "Access Denied", :path => "/system/access_denied", :section => sections(:system), :template_file_name => "default.html.erb", :publish_on_save => true, :hidden => true, :cacheable => true)
+create_page(:server_error, :name => "Server Error", :path => "/system/server_error", :section => sections(:system), :template_file_name => "default.html.erb", :publish_on_save => true, :hidden => true, :cacheable => true)
+
+create_html_block(:page_not_found, :name => "Page Not Found", :content => "<p>The page you tried to access does not exist on this server.</p>", :publish_on_save => true)
+pages(:not_found).create_connector(html_blocks(:page_not_found), "main")
+pages(:not_found).publish!
+
+create_html_block(:access_denied, :name => "Access Denied", :content => "<p>You have tried to reach a resource or page which you do not have permission to view.</p>", :publish_on_save => true)
+pages(:access_denied).create_connector(html_blocks(:access_denied), "main")
+pages(:access_denied).publish!
+
+create_html_block(:server_error, :name => "Server Error", :content => "<p>The server encountered an unexpected condition that prevented it from fulfilling the request.</p>", :publish_on_save => true)
+pages(:server_error).create_connector(html_blocks(:server_error), "main")
+pages(:server_error).publish!
+pages(:home).publish! 
+    
+puts "*************************************************"    
+puts "* YOUR CMS username/password is: cmsadmin/#{pwd}"    
+puts "*************************************************"
+        

data/doc/guides/html/authentication.html

@@ -1,201 +1,457 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
-  <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <title></title>
-    <link rel="stylesheet" type="text/css" href="files/stylesheets/syntax.css" />
-    <script type="text/javascript" src="files/javascripts/code_highlighter.js"></script>
-    <script type="text/javascript" src="files/javascripts/highlighters.js"></script>
-    <style type="text/css">
-      body {
-        background: #FFFFFF url(images/bg.png) repeat-x scroll 0 0;
-        font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
-        margin: 0;
-        padding: 0;
-      }
-  
-      #page {
-        margin: 0 auto;
-        text-align: left;
-        width: 1000px;
-      }
-  
-      #header {
-        height: 110px;
-      }
-  
-      div.top_cap {
-        background: transparent url(images/top_cap.png) no-repeat scroll 0 0;
-        height: 10px;
-      }    
-  
-      #contentwrap {
-        background: transparent url(images/dot.png) repeat scroll 0 0;
-        float: left;
-        width: 1000px;
-      }
-      
-      div.bottom_cap {
-        background: transparent url(images/bottom_cap.png) no-repeat scroll 0 0;
-        height: 9px;
-      }
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html class="cufon-active cufon-ready" xml:lang="en"
+      xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="keywords" content="">
+    <meta name="description" content="">
+    <link href="files/clearfix.css" media="screen,projection" rel="stylesheet" type="text/css">
+    <link href="files/global.css" media="screen,projection" rel="stylesheet" type="text/css">
+    <script src="files/jquery.js" type="text/javascript"></script>
+    <script src="files/cufon.js" type="text/javascript"></script>
+    <style type="text/css">cufon {
+        text-indent: 0 !important;
+    }
 
-      div.top_cap_content {
-        background: transparent url(images/top_cap_content.png) no-repeat scroll 0 0;
-        height: 5px;
-      }
-  
-      #content {
-        background-color: #FFFFFF;
-        margin: 0 5px;
-        padding: 0 10px;
-      }
-  
-      div.title {
-        padding: 20px;
-      }
-  
-      div.title h1 {
-        border-bottom: 3px solid #505358;
-        color: #FFFFFF;
-        font-size: 24pt;
-        font-weight: normal;
-        line-height: 1;
-        margin: 0 0 10px;
-        padding-bottom: 10px;
-      }
-      
-      td.sidebar {
-        font-size: 8pt;
-        width: 165px;
-        padding: 5px;
-      }
-      
-      td.sidebar ol {
-        margin-left: 20px;
-        padding: 0;
-        line-height: 1.5;
-      }
-      
-      td.sidebar ol li {
-        margin: 0;
-        padding: 0;
-      }
-      
-      td.sidebar ol li ul {
-        list-style-type: none;
-        padding-left: 10px;
-      }
-      
-      td.guides {
-        font-size: 10pt;
-        width: 800px;
-        padding: 10px;
-      }
-      
-      .code_container {
-        padding: 10px;
-        background: #eee;
-        border: 1px solid #ccc;
-        overflow: auto;
-        width: 760px;
-      }
-      
-      pre, code {
-        overflow: auto;
-        white-space:pre;        
-      }
-      .note {
-	-moz-background-clip:border;
-	-moz-background-inline-policy:continuous;
-	-moz-background-origin:padding;
-	background:#FFF9D8 url(../images/tab_note.gif) no-repeat scroll left top;
-	border:medium none;
-	margin:0.25em 0 1.5em;
-	padding:1em 1em 0.25em 48px;
-	}
-    </style>
-  </head>
-  <body>
-    <div id="page">
-      <div id="header">
-        <a href="index.html"><img style="border:0px" src="images/browsercms_logo.png" alt="BrowserCMS"/></a>
-      </div>
-      <div id="main">
-        <div class="top_cap"></div>
-        <div id="contentwrap">
-          <div class="title">
-            <h1></h1>
-          </div>
-          <div class="top_cap_content"></div>
-          <div id="content">
-            <table width="100%" cellpadding="0" cellspacing="0" border="0">
-              <tr>                
-                <td class="sidebar" valign="top">
-                        <div id="subCol">
-        <h3 class="chapter"><img src="images/chapters_icon.gif" alt="" />Chapters</h3>
-        <ol class="chapters">
-</ol></div>
-                </td>
-                <td class="guides">
-                  
-                  <h2>Using <span class="caps">CMS</span> Authentication</h2>
-<p>When you create public controllers, you may want to take advantage of the <span class="caps">CMS</span> authentication system. Create an action that
-looks like this:</p>
-<div class="code_container"><code class="ruby">class MyNewController &lt; ApplicationController
+    @media screen, projection {
+        cufon {
+            display: inline !important;
+            display: inline-block !important;
+            position: relative !important;
+            vertical-align: middle !important;
+            font-size: 1px !important;
+            line-height: 1px !important;
+        }
 
-  # This adds methods to your controller to work with the authenticated user.
-  include Cms::Authentication::Controller
+        cufon cufontext {
+            display: -moz-inline-box !important;
+            display: inline-block !important;
+            width: 0 !important;
+            height: 0 !important;
+            overflow: hidden !important;
+            text-indent: -10000in !important;
+        }
 
-  def do_something_interesting
-    # The current_user method looks up the user based on either a cookie, or session variable.
-    user = current_user
+        cufon canvas {
+            position: relative !important;
+        }
+    }
 
-    if user.guest?
-      redirect_to &quot;/system/access-denied&quot;
-    else
-      redirect_to &quot;/my_target/page&quot;
-    end
-  end
-end</code></div>
-<p>The current_user method is also available in Portlets (maybe), as well as in the view files for both portlets and templates.</p>
-<h3>Understanding Guest users
-Many visitors to a <span class="caps">CMS</span> site will not be logged in. These users are considered to be members of a special group, called &#8216;Guest&#8217;. This
-group allows staff to set permissions for denying entry to specific sections. When you call the following:</h3>
-<div class="code_container"><code class="ruby">user = current_user</code></div>
-<p>if there the user is not logged in, a 
-dirty_workaround_for_notextile_2
- object will be returned. This user has all the permissions of the guest group, which are
-usually limited to viewing public sections.</p>
-<h2>Working with the Content <span class="caps">API</span>
-One of the central features that the content <span class="caps">API</span> adds to models is versioning and publishing. Each content block can either be published or in draft. The data for a block is split between two tables, the primary table and it&#8217;s version table. The primary table
-stores the &#8216;live&#8217; version of a block, typically the last &#8216;Published&#8217; version of a block. The versions table stores all other versions, including future edits which are unpublished.</h2>
-<h3>Differences between ActiveRecord and Content <span class="caps">API</span>
-This can cause some confusion when using basic ActiveRecord operations, where you might not get what you expect. For example, suppose we create an Event Block</h3>
-<div class="code_container"><code class="ruby">class Event &lt; ActiveRecord::Base
-  acts_as_content_block
-end
+    @media print {
+        cufon {
+            padding: 0 !important;
+        }
 
-event = Event.create!(:name=&gt;&quot;Event #1&quot;, :save_and_publish=&gt;true)
-event.name = &quot;Event #2&quot;
-event.save!
+        cufon canvas {
+            display: none !important;
+        }
+    }</style>
+    <script src="files/helvetica.js" type="text/javascript"></script>
+    <script src="files/bcmsorg.js" type="text/javascript"></script>
+    <title>Table of Contents</title>
+</head>
+<body>
 
-assert_equals &quot;Event #2&quot;, Event.find(event.id) # This is false, and will fail.</code></div>
-<p>In this case, &#8220;Event #2&#8221; is a draft, stored in the &#8216;events_versions&#8217; table. To create and publish the event, you can do this:</p>
-<div class="code_container"><code class="ruby">event = Event.create!(:name=&gt;&quot;Event #1&quot;, :save_and_publish=&gt;true)
-event.name = &quot;Event #2&quot;
-event.publish! # This will both publish and save the record.
+<div id="container">
+<div id="header">
+    <h1 id="logo"><a href="http://www.staging.browsercms.org/"
+                     title="Return to Home Page">Table of Contents</a></h1>
 
-assert_equals &quot;Event #2&quot;, Event.find(event.id) # This is now true.</code></div>
-                </td>
-              </tr>
-            </table>
-          </div>
-        </div>
-        <br clear="all"/>
-        <div class="bottom_cap"></div>
-      </div>
+    <div id="topnav">
+        <ul>
+            <li><a href="/">Home</a></li>
+            <li><a href="/demo">Demo</a></li>
+            <li><a href="/documentation" class="active">Documentation</a></li>
+            <li><a href="/extending">Extending</a></li>
+            <li><a href="/support">Support</a></li>
+            <li><a href="/blog">Blog</a></li>
+            <li><a href="/download">Download</a></li>
+        </ul>
+
+    </div>
+</div>
+<div id="content" class="clearfix">
+<div id="subnav">
+    <ul class="breadcrumbs">
+        <li class="first first-child"><a
+                href="http://www.staging.browsercms.org/documentation">Documentation</a></li>
+        <li><a href="http://www.staging.browsercms.org/documentation/guides">Guides</a></li>
+        <li class="last-child">Table of Contents</li>
+    </ul>
+</div>
+<div id="sidenav_doc">
+    <h2 class="alt">
+        <cufon style="width: 58px; height: 23px;" alt="Table "
+               class="cufon cufon-canvas">
+            <canvas style="width: 77px; height: 23px;
+top: 1px; left: -1px;" height="23" width="77"></canvas>
+            <cufontext>Table</cufontext>
+        </cufon>
+        <cufon
+                style="width: 25px; height: 23px;" alt="of " class="cufon cufon-canvas">
+            <canvas
+                    style="width: 43px; height: 23px; top: 1px; left: -1px;" height="23"
+                    width="43"></canvas>
+            <cufontext>of</cufontext>
+        </cufon>
+        <cufon
+                style="width: 84px; height: 23px;" alt="Contents" class="cufon
+cufon-canvas">
+            <canvas style="width: 98px; height: 23px; top: 1px; left:
+-1px;" height="23" width="98"></canvas>
+            <cufontext>Contents</cufontext>
+        </cufon>
+    </h2>
+    <div id="menu" class="menu">
+        <ul>
+            <li id="section_6" class="depth-1 first open first-child">
+                <a
+                        href="http://www.staging.browsercms.org/documentation/guides/table-of-contents/installing-browsercms">Installing
+                    BrowserCMS</a>
+                <ul>
+                    <li id="page_11" class="depth-2 first last last-child
+first-child">
+                        <a
+                                href="http://www.staging.browsercms.org/documentation/guides/table-of-contents/installing-browsercms/things-you-need-first">Things
+                            you need first</a>
+                    </li>
+                </ul>
+            </li>
+            <li id="section_7" class="depth-1 last open final">
+                <a
+                        href="http://www.staging.browsercms.org/documentation/guides/table-of-contents/trying-out-browsercms">Trying
+                    Out BrowserCMS</a>
+                <ul>
+                    <li id="page_14" class="depth-2 first first-child">
+                        <a
+                                href="http://www.staging.browsercms.org/documentation/guides/table-of-contents/trying-out-browsercms/with-sqlite3">With
+                            SQLite3</a>
+                    </li>
+                    <li id="page_15" class="depth-2">
+                        <a
+                                href="http://www.staging.browsercms.org/documentation/guides/table-of-contents/trying-out-browsercms/with-mysql">With
+                            MySQL</a>
+                    </li>
+                    <li id="page_16" class="depth-2 last last-child final">
+                        <a
+                                href="http://www.staging.browsercms.org/documentation/guides/table-of-contents/trying-out-browsercms/using-your-site">Using
+                            your Site</a>
+                    </li>
+                </ul>
+            </li>
+        </ul>
     </div>
-  </body>
-</html>
 
+</div>
+<div id="main_doc">
+
+<h2>
+    <cufon style="width: 73px; height: 23px;" alt="Header "
+           class="cufon cufon-canvas">
+        <canvas style="width: 92px; height: 23px;
+top: 1px; left: -1px;" height="23" width="92"></canvas>
+        <cufontext>Header
+        </cufontext>
+    </cufon>
+    <cufon style="width: 12px; height: 23px;" alt="2"
+           class="cufon cufon-canvas">
+        <canvas style="width: 25px; height: 23px;
+top: 1px; left: -1px;" height="23" width="25"></canvas>
+        <cufontext>2</cufontext>
+    </cufon>
+</h2>
+<h2 class="alt">
+    <cufon style="width: 73px; height: 23px;" alt="Header "
+           class="cufon cufon-canvas">
+        <canvas style="width: 92px; height: 23px;
+top: 1px; left: -1px;" height="23" width="92"></canvas>
+        <cufontext>Header
+        </cufontext>
+    </cufon>
+    <cufon style="width: 18px; height: 23px;" alt="2 "
+           class="cufon cufon-canvas">
+        <canvas style="width: 36px; height: 23px;
+top: 1px; left: -1px;" height="23" width="36"></canvas>
+        <cufontext>2</cufontext>
+    </cufon>
+    <cufon
+            style="width: 27px; height: 23px;" alt="Alt" class="cufon cufon-canvas">
+        <canvas
+                style="width: 44px; height: 23px; top: 1px; left: -1px;" height="23"
+                width="44"></canvas>
+        <cufontext>Alt</cufontext>
+    </cufon>
+</h2>
+<h2 class="brdr">
+    <cufon style="width: 73px; height: 23px;" alt="Header "
+           class="cufon cufon-canvas">
+        <canvas style="width: 92px; height: 23px;
+top: 1px; left: -1px;" height="23" width="92"></canvas>
+        <cufontext>Header
+        </cufontext>
+    </cufon>
+    <cufon style="width: 18px; height: 23px;" alt="2 "
+           class="cufon cufon-canvas">
+        <canvas style="width: 36px; height: 23px;
+top: 1px; left: -1px;" height="23" width="36"></canvas>
+        <cufontext>2</cufontext>
+    </cufon>
+    <cufon
+            style="width: 91px; height: 23px;" alt="Underline" class="cufon
+cufon-canvas">
+        <canvas style="width: 104px; height: 23px; top: 1px; left:
+ -1px;" height="23" width="104"></canvas>
+        <cufontext>Underline</cufontext>
+    </cufon>
+</h2>
+<h3>
+    <cufon style="width: 51px; height: 16px;" alt="Header " class="cufon
+ cufon-canvas">
+        <canvas style="width: 64px; height: 16px; top: 0px; left:
+ 0px;" height="16" width="64"></canvas>
+        <cufontext>Header</cufontext>
+    </cufon>
+    <cufon
+            style="width: 8px; height: 16px;" alt="3" class="cufon cufon-canvas">
+        <canvas
+                style="width: 18px; height: 16px; top: 0px; left: 0px;" height="16"
+                width="18"></canvas>
+        <cufontext>3</cufontext>
+    </cufon>
+</h3>
+<h3 class="alt">
+    <cufon style="width: 51px; height: 16px;" alt="Header "
+           class="cufon cufon-canvas">
+        <canvas style="width: 64px; height: 16px;
+top: 0px; left: 0px;" height="16" width="64"></canvas>
+        <cufontext>Header</cufontext>
+    </cufon>
+    <cufon
+            style="width: 12px; height: 16px;" alt="3 " class="cufon cufon-canvas">
+        <canvas
+                style="width: 25px; height: 16px; top: 0px; left: 0px;" height="16"
+                width="25"></canvas>
+        <cufontext>3</cufontext>
+    </cufon>
+    <cufon
+            style="width: 19px; height: 16px;" alt="Alt" class="cufon cufon-canvas">
+        <canvas
+                style="width: 31px; height: 16px; top: 0px; left: 0px;" height="16"
+                width="31"></canvas>
+        <cufontext>Alt</cufontext>
+    </cufon>
+</h3>
+<h3 class="brdr">
+    <cufon style="width: 51px; height: 16px;" alt="Header "
+           class="cufon cufon-canvas">
+        <canvas style="width: 64px; height: 16px;
+top: 0px; left: 0px;" height="16" width="64"></canvas>
+        <cufontext>Header</cufontext>
+    </cufon>
+    <cufon
+            style="width: 12px; height: 16px;" alt="3 " class="cufon cufon-canvas">
+        <canvas
+                style="width: 25px; height: 16px; top: 0px; left: 0px;" height="16"
+                width="25"></canvas>
+        <cufontext>3</cufontext>
+    </cufon>
+    <cufon
+            style="width: 63px; height: 16px;" alt="Underline" class="cufon
+cufon-canvas">
+        <canvas style="width: 73px; height: 16px; top: 0px; left:
+0px;" height="16" width="73"></canvas>
+        <cufontext>Underline</cufontext>
+    </cufon>
+</h3>
+<h4>
+    <cufon style="width: 45px; height: 14px;" alt="Header " class="cufon
+ cufon-canvas">
+        <canvas style="width: 56px; height: 14px; top: 0px; left:
+ 0px;" height="14" width="56"></canvas>
+        <cufontext>Header</cufontext>
+    </cufon>
+    <cufon
+            style="width: 7px; height: 14px;" alt="4" class="cufon cufon-canvas">
+        <canvas
+                style="width: 15px; height: 14px; top: 0px; left: 0px;" height="14"
+                width="15"></canvas>
+        <cufontext>4</cufontext>
+    </cufon>
+</h4>
+<h4 class="alt">
+    <cufon style="width: 45px; height: 14px;" alt="Header "
+           class="cufon cufon-canvas">
+        <canvas style="width: 56px; height: 14px;
+top: 0px; left: 0px;" height="14" width="56"></canvas>
+        <cufontext>Header</cufontext>
+    </cufon>
+    <cufon
+            style="width: 11px; height: 14px;" alt="4 " class="cufon cufon-canvas">
+        <canvas
+                style="width: 22px; height: 14px; top: 0px; left: 0px;" height="14"
+                width="22"></canvas>
+        <cufontext>4</cufontext>
+    </cufon>
+    <cufon
+            style="width: 16px; height: 14px;" alt="Alt" class="cufon cufon-canvas">
+        <canvas
+                style="width: 27px; height: 14px; top: 0px; left: 0px;" height="14"
+                width="27"></canvas>
+        <cufontext>Alt</cufontext>
+    </cufon>
+</h4>
+<h4 class="brdr">
+    <cufon style="width: 45px; height: 14px;" alt="Header "
+           class="cufon cufon-canvas">
+        <canvas style="width: 56px; height: 14px;
+top: 0px; left: 0px;" height="14" width="56"></canvas>
+        <cufontext>Header</cufontext>
+    </cufon>
+    <cufon
+            style="width: 11px; height: 14px;" alt="4 " class="cufon cufon-canvas">
+        <canvas
+                style="width: 22px; height: 14px; top: 0px; left: 0px;" height="14"
+                width="22"></canvas>
+        <cufontext>4</cufontext>
+    </cufon>
+    <cufon
+            style="width: 55px; height: 14px;" alt="Underline" class="cufon
+cufon-canvas">
+        <canvas style="width: 64px; height: 14px; top: 0px; left:
+0px;" height="14" width="64"></canvas>
+        <cufontext>Underline</cufontext>
+    </cufon>
+</h4>
+<h5>
+    <cufon style="width: 35px; height: 11px;" alt="Header " class="cufon
+ cufon-canvas">
+        <canvas style="width: 44px; height: 11px; top: 0px; left:
+ 0px;" height="11" width="44"></canvas>
+        <cufontext>Header</cufontext>
+    </cufon>
+    <cufon
+            style="width: 6px; height: 11px;" alt="5" class="cufon cufon-canvas">
+        <canvas
+                style="width: 12px; height: 11px; top: 0px; left: 0px;" height="11"
+                width="12"></canvas>
+        <cufontext>5</cufontext>
+    </cufon>
+</h5>
+<h5 class="alt">
+    <cufon style="width: 35px; height: 11px;" alt="Header "
+           class="cufon cufon-canvas">
+        <canvas style="width: 44px; height: 11px;
+top: 0px; left: 0px;" height="11" width="44"></canvas>
+        <cufontext>Header</cufontext>
+    </cufon>
+    <cufon
+            style="width: 9px; height: 11px;" alt="5 " class="cufon cufon-canvas">
+        <canvas
+                style="width: 18px; height: 11px; top: 0px; left: 0px;" height="11"
+                width="18"></canvas>
+        <cufontext>5</cufontext>
+    </cufon>
+    <cufon
+            style="width: 13px; height: 11px;" alt="Alt" class="cufon cufon-canvas">
+        <canvas
+                style="width: 21px; height: 11px; top: 0px; left: 0px;" height="11"
+                width="21"></canvas>
+        <cufontext>Alt</cufontext>
+    </cufon>
+</h5>
+<h5 class="brdr">
+    <cufon style="width: 35px; height: 11px;" alt="Header "
+           class="cufon cufon-canvas">
+        <canvas style="width: 44px; height: 11px;
+top: 0px; left: 0px;" height="11" width="44"></canvas>
+        <cufontext>Header</cufontext>
+    </cufon>
+    <cufon
+            style="width: 9px; height: 11px;" alt="5 " class="cufon cufon-canvas">
+        <canvas
+                style="width: 18px; height: 11px; top: 0px; left: 0px;" height="11"
+                width="18"></canvas>
+        <cufontext>5</cufontext>
+    </cufon>
+    <cufon
+            style="width: 44px; height: 11px;" alt="Underline" class="cufon
+cufon-canvas">
+        <canvas style="width: 50px; height: 11px; top: 0px; left:
+0px;" height="11" width="50"></canvas>
+        <cufontext>Underline</cufontext>
+    </cufon>
+</h5>
+<p>
+    <code>I am code<br>
+        I can expand as needed<br>
+        with my content<br>
+    </code></p>
+
+<p>
+    <code class="mono">I am monotone code<br>
+        I can expand too<br>
+    </code></p>
+
+<div class="info">
+    I am info<br>
+    again, can expand with content<br>
+    as I grow
+</div>
+<div class="warn">
+    I am warning<br>
+    repetition is nice when it <br>
+    comes to demonstrating expansion<br>
+    of elements
+</div>
+<ul class="list">
+    <li class="first-child">
+        list item 1
+    </li>
+    <li class="last-child">
+        list item 2
+    </li>
+</ul>
+<ul class="disc">
+    <li class="first-child">
+        disc list item 1
+    </li>
+    <li class="last-child">
+        disc list item 2
+    </li>
+</ul>
+<ul class="flat-list">
+    <li class="first-child">
+        flat-list item 1
+    </li>
+    <li class="last-child">
+        flat-list item 2
+    </li>
+</ul>
+<p class="clearfix">
+    clearing paragraph block (has margins)</p>
+
+<div class="clearfix">
+    cleearing regular block (no margins)
+</div>
+
+
+</div>
+</div>
+<div id="footer">
+    <ul>
+        <li class="first-child"><a href="">BrowserMedia Home</a></li>
+        <li><a href="">BrowserCMS Home</a></li>
+        <li><a href="">Sitemap</a></li>
+        <li class="last-child"><a href="">Contact Us</a></li>
+    </ul>
+    <p class="copynotice">© 1998-2010 BrowserMedia, LLC. All Rights
+        Reserved.</p>
+</div>
+</div>
+<script type="text/javascript">
+    //<![CDATA[
+    bcmsOrg.init();
+    //]]>
+</script>
+</body>
+</html>