toadstool 0.0.0.1 → 0.0.0.3

data/toadstool.rb

@@ -1,84 +0,0 @@
-# Those little ditties that Sinatra needs to make the magic happen
-# -----------------------------------------------------------------------
-require 'rubygems'
-require 'compass'
-require 'sass'
-require 'net/http'
-
-require 'stipe'               # installed as a gem
-# require '../stipe/lib/stipe.rb' # locally as a Compass extension
-
-# If you're using bundler, you will need to add this
-require 'bundler/setup'
-
-require 'sinatra'
-require 'sinatra/partial'
-
-set :partial_template_engine, :erb
-
-
-# Helpers to add a new horn section to the band
-# -----------------------------------------------------------------------
-helpers do
-  include ERB::Util
-  alias_method :code, :html_escape
-  
-  # write better links
-  def link_to_unless_current(location, text )
-    if request.path_info == location
-      text
-    else
-      link_to location, text
-    end
-  end
-  
-  def link_to(url,text=url,opts={})
-    attributes = ""
-    opts.each { |key,value| attributes << key.to_s << "=\"" << value << "\" "}
-    "<a href=\"#{url}\" #{attributes}>#{text}</a>"
-  end
-
-end
-
-
-# It's like Sammy and Dino, but not really
-# -----------------------------------------------------------------------
-configure do
-  Compass.add_project_configuration(File.join(Sinatra::Application.root, 'config.rb'))
-end
-
-# at a minimum, the main sass file must reside within the ./views directory. here, we create a ./views/stylesheets directory where all of the sass files can safely reside.
-get '/stylesheets/:name.css' do
-  content_type 'text/css', :charset => 'utf-8'
-  scss(:"../sass/#{params[:name]}", Compass.sass_engine_options )
-end
-
-
-# Without this, there is no nav. No really, there is nothing.
-# -----------------------------------------------------------------------
-get '/' do
-  erb :typography
-end
-
-get %r{([\w\./_-]+)} do
-  if File.exists?('views' + params[:captures].first.gsub(/.(\/)$/, '') + '/index.erb')
-    erb :"#{params[:captures].first.gsub(/.(\/)$/, '')}/index"
-  else
-    erb :"#{params[:captures].first}"
-  end
-end
-
-# get '/' do
-#   slim :typography
-# end
-
-# get %r{([\w\./_-]+)} do
-#   if File.exists?('views' + params[:captures].first.gsub(/.(\/)$/, '') + '/index.slim')
-#     erb :"#{params[:captures].first.gsub(/.(\/)$/, '')}/index"
-#   else
-#     erb :"#{params[:captures].first}"
-#   end
-# end
-
-
-

data/views/abstract_colors.erb

@@ -1 +0,0 @@
-<h1>abstract colors</h1>

data/views/alerts.erb

@@ -1 +0,0 @@
-<h1>alerts</h1>

data/views/buttons.erb

@@ -1 +0,0 @@
-<h1>buttons</h1>

data/views/color_palettes.erb

@@ -1,221 +0,0 @@
-	<header class="toadstool_header">
-		<h1>colors</h1>
-	</header>
-	
-	<%#= partial :"grids/use_definition" %>
-	
-	<article class="colorcode">
-		<header class="toadstool_subheader">
-			<h2>grayscale objects</h2>
-		</header>
-		<div class="white border">
-			<p>%white</p>
-		</div>
-		<div class="alpha_gray">
-			<p>%alpha_gray</p>
-		</div>
-		<div class="bravo_gray">
-			<p>%bravo_gray</p>
-		</div>
-		<div class="charlie_gray">
-			<p>%charlie_gray</p>
-		</div>
-		<div class="delta_gray">
-			<p>%delta_gray</p>
-		</div>
-		<div class="echo_gray">
-			<p>%echo_gray</p>
-		</div>
-		<div class="fox_gray">
-			<p>%fox_gray</p>
-		</div>
-		<div class="golf_gray">
-			<p>%golf_gray</p>
-		</div>
-		<div class="hotel_gray">
-			<p>%hotel_gray</p>
-		</div>
-		<div class="india_gray">
-			<p>%india_gray</p>
-		</div>
-	</article>
-	
-	<article class="colorcode">
-		<header class="toadstool_subheader">
-			<h2>alpha objects</h2>
-		</header>
-		<div class="alpha_color">
-			<p>%alpha_color</p>
-		</div>
-		<div class="alpha_color_bravo">
-			<p>%alpha_color_bravo</p>
-		</div>
-		<div class="alpha_color_charlie">
-			<p>%alpha_color_charlie</p>
-		</div>
-		<div class="alpha_color_delta">
-			<p>%alpha_color_delta</p>
-		</div>
-		<div class="alpha_color_echo">
-			<p>%alpha_color_echo</p>
-		</div>
-		<div class="alpha_color_fox">
-			<p>%alpha_color_fox</p>
-		</div>
-		<div class="alpha_color_golf">
-			<p>%alpha_color_golf</p>
-		</div>
-		<div class="alpha_color_hotel">
-			<p>%alpha_color_hotel</p>
-		</div>
-		<div class="alpha_color_india">
-			<p>%alpha_color_india</p>
-		</div>
-		<div class="alpha_color_juliet">
-			<p>%alpha_color_juliet</p>
-		</div>
-	</article>
-	
-	<article class="colorcode">
-		<header class="toadstool_subheader">
-			<h2>bravo objects</h2>
-		</header>
-		<div class="bravo_color">
-			<p>%bravo_color</p>
-		</div>
-		<div class="bravo_color_bravo">
-			<p>%bravo_color_bravo</p>
-		</div>
-		<div class="bravo_color_charlie">
-			<p>%bravo_color_charlie</p>
-		</div>
-		<div class="bravo_color_delta">
-			<p>%bravo_color_delta</p>
-		</div>
-		<div class="bravo_color_echo">
-			<p>%bravo_color_echo</p>
-		</div>
-		<div class="bravo_color_fox">
-			<p>%bravo_color_fox</p>
-		</div>
-		<div class="bravo_color_golf">
-			<p>%bravo_color_golf</p>
-		</div>
-		<div class="bravo_color_hotel">
-			<p>%bravo_color_hotel</p>
-		</div>
-		<div class="bravo_color_india">
-			<p>%bravo_color_india</p>
-		</div>
-		<div class="bravo_color_juliet">
-			<p>%bravo_color_juliet</p>
-		</div>
-	</article>
-	
-	<article class="colorcode">
-		<header class="toadstool_subheader">
-			<h2>charlie objects</h2>
-		</header>
-		<div class="charlie_color">
-			<p>%charlie_color</p>
-		</div>
-		<div class="charlie_color_bravo">
-			<p>%charlie_color_bravo</p>
-		</div>
-		<div class="charlie_color_charlie">
-			<p>%charlie_color_charlie</p>
-		</div>
-		<div class="charlie_color_delta">
-			<p>%charlie_color_delta</p>
-		</div>
-		<div class="charlie_color_echo">
-			<p>%charlie_color_echo</p>
-		</div>
-		<div class="charlie_color_fox">
-			<p>%charlie_color_fox</p>
-		</div>
-		<div class="charlie_color_golf">
-			<p>%charlie_color_golf</p>
-		</div>
-		<div class="charlie_color_hotel">
-			<p>%charlie_color_hotel</p>
-		</div>
-		<div class="charlie_color_india">
-			<p>%charlie_color_india</p>
-		</div>
-		<div class="charlie_color_juliet">
-			<p>%charlie_color_juliet</p>
-		</div>
-	</article>
-	
-	<article class="colorcode">
-		<header class="toadstool_subheader">
-			<h2>delta objects</h2>
-		</header>
-		<div class="delta_color">
-			<p>%delta_color</p>
-		</div>
-		<div class="delta_color_bravo">
-			<p>%delta_color_bravo</p>
-		</div>
-		<div class="delta_color_charlie">
-			<p>%delta_color_charlie</p>
-		</div>
-		<div class="delta_color_delta">
-			<p>%delta_color_delta</p>
-		</div>
-		<div class="delta_color_echo">
-			<p>%delta_color_echo</p>
-		</div>
-		<div class="delta_color_fox">
-			<p>%delta_color_fox</p>
-		</div>
-		<div class="delta_color_golf">
-			<p>%delta_color_golf</p>
-		</div>
-		<div class="delta_color_hotel">
-			<p>%delta_color_hotel</p>
-		</div>
-		<div class="delta_color_india">
-			<p>%delta_color_india</p>
-		</div>
-		<div class="delta_color_juliet">
-			<p>%delta_color_juliet</p>
-		</div>
-	</article>
-	
-	<article class="colorcode">
-		<header class="toadstool_subheader">
-			<h2>echo objects</h2>
-		</header>
-		<div class="echo_color">
-			<p>%echo_color</p>
-		</div>
-		<div class="echo_color_bravo">
-			<p>%echo_color_bravo</p>
-		</div>
-		<div class="echo_color_charlie">
-			<p>%echo_color_charlie</p>
-		</div>
-		<div class="echo_color_delta">
-			<p>%echo_color_delta</p>
-		</div>
-		<div class="echo_color_echo">
-			<p>%echo_color_echo</p>
-		</div>
-		<div class="echo_color_fox">
-			<p>%echo_color_fox</p>
-		</div>
-		<div class="echo_color_golf">
-			<p>%echo_color_golf</p>
-		</div>
-		<div class="echo_color_hotel">
-			<p>%echo_color_hotel</p>
-		</div>
-		<div class="echo_color_india">
-			<p>%echo_color_india</p>
-		</div>
-		<div class="echo_color_juliet">
-			<p>%echo_color_juliet</p>
-		</div>
-	</article>

data/views/forms.erb

@@ -1,24 +0,0 @@
-	<header class="toadstool_header">
-		<h1>form</h1>
-	</header>
-	
-	<section id="text_inputs">
-    <%= partial :'shared/_toadstool_subheader', :locals => { 
-      :header => 'text inputs', :text => 'The following form input text types are supported <code>input[type=email]</code>, <code>input[type=password]</code>, <code>input[type=text]</code> and <code>input[type=number]</code>' 
-    } %>
-    <%= partial :'shared/_html_example', :locals => { :path => 'ui_patterns/forms/text_input.erb' } %>
-    <%= partial :'shared/_sass_example', :locals => { :path => 'sass/_forms.scss' } %>
-  </section>
-	
-	
-	<%#= partial :"forms/username_input" %>
-	
-	<%#= partial :"forms/password_input" %>
-	
-	<%#= partial :"forms/primary_button" %>
-	
-	<%#= partial :"forms/disabled_button" %>
-	
-
-
-	<footer class="toadstool_footer"></footer>

data/views/forms/disabled_button.erb

@@ -1,18 +0,0 @@
-<section id="disabled_button">
-	<header class="toadstool_subheader">
-		<h2>disabled button</h2>
-		<article>
-			<p>Copy goes here about how form inputs work</p>
-			<!-- <p><a href="#" class="click_more_typography">Read more ...</a></p> -->
-		</article>
-		<article class="read_more_inputs hidden"></article>
-	</header>
-	
-	<article class="element_example">
-		<form>
-			<fieldset>
-				<button disabled>Sign in</button>
-			</fieldset>
-		</form>
-	</article>
-</section>

data/views/forms/password_input.erb

@@ -1,22 +0,0 @@
-<section id="password_inputs">
-	<header class="toadstool_subheader">
-		<h2>password inputs</h2>
-		<article>
-			<p>Copy goes here about how form inputs work</p>
-			<!-- <p><a href="#" class="click_more_typography">Read more ...</a></p> -->
-		</article>
-		<article class="read_more_inputs hidden"></article>
-	</header>
-	
-	<article class="element_example">
-		<form>
-			<fieldset>
-				<ol>
-					<li>
-						<label for="login_password">Password</label>
-						<input type="password" name="password" id="login_password" placeholder="password" tabindex="2" />
-					</li>			
-				</ol>
-		</form>
-	</article>
-</section>

data/views/forms/primary_button.erb

@@ -1,18 +0,0 @@
-<section id="primary_button">
-	<header class="toadstool_subheader">
-		<h2>primary button</h2>
-		<article>
-			<p>Copy goes here about how form inputs work</p>
-			<!-- <p><a href="#" class="click_more_typography">Read more ...</a></p> -->
-		</article>
-		<article class="read_more_inputs hidden"></article>
-	</header>
-	
-	<article class="element_example">
-		<form>
-			<fieldset>
-				<button>Sign in</button>
-			</fieldset>
-		</form>
-	</article>
-</section>

data/views/modules/readme.md

@@ -1,10 +0,0 @@
-#What is a module
-
-In Toadstool's eyes, the module is the single most important things you can build. It is the final object that will be placed in the view to create the experience. But the module is not the starting point, but a destination. 
-
-Starting with the elemental building blocks of the UI, then depending on the size of the module you will either assemble the final module here or using a combination of elements and UI patterns will then assemble the module. 
-
-The idea behind the module is keeping your code DRY. 
-
-##Refactoring is the KEY! 
-The difference between modules and UI patterns are really in the eye of the beholder. There is no clear divisional line between the two. The only assistance I can offer is ... if the module feels large and there are repeated objects within, then there is a good chance that you have an opportunity to peal out a UI pattern within that module. 

data/views/semantic_colors.erb

@@ -1 +0,0 @@
-<h1>semantic colors</h1>

data/views/shared/_html_example.erb

@@ -1,31 +0,0 @@
-<%# Returns the extension (the portion of file name in path after the period) %>
-<% extname = File.extname(path) %>
-
-<%# Returns components of the filename, + last component of the filename sans the extension  %>
-<% fullPath = File.dirname(path) + '/' + File.basename(path, extname)%>
-
-<%# Returns components of the filename, + last component of the filename w/the extension  %>
-<% fullPathExtname = File.dirname(path) + '/' + File.basename(path)%>
-
-<%# prepends path to fullPathExtname %>
-<% mtime_path = 'views/' + fullPathExtname %>
-
-<%# wrapps fullPathExtname for display in the view %>
-<% file_path = '< File path: ' + fullPathExtname + ' ' + '>' %>
-
-<%# ---------------------------------------------- %>
-
-<article class="element_example">
-<%= partial fullPath %>
-</article>
-
-<div class="example_code">
-  <p class="codeToggle"><a href="#">view</a></p>
-  <pre class="prettyprint linenums hidden">
-<%= code partial fullPath %>
-  </pre>
-  <p><%= path %></p>
-  <p class="mtime">
-    Last modified: <%= File.mtime(mtime_path) %>
-  </p>
-</div>