renaming 'help' to 'tour' and adding main page layout

app/controllers/welcome_controller.rb

@@ -5,6 +5,6 @@ def index
   def about
   end
 
-  def help
+  def tour
   end
 end

app/views/layouts/application.html.erb

@@ -24,7 +24,7 @@
 			<li><%= link_to "Log In", login_url + "?width=420&height=400", :class=> "thickbox" %></li>
 			<% end %>
 			<li><%= link_to "About", about_url %></li>
-			<li><%= link_to "Help", help_url %></li>
+			<li><%= link_to "Tour", tour_url %></li>
 		</ul>
 	</div>
 	<div id="content">
@@ -35,7 +35,7 @@
 		</div> 
 		<% else %>
 		<div id="welcome_bar">
-			Hi, there! We noticed you're not logged in. Why not register for an account? It's free and easy. <small><a href="/help">Here's how!</a></small>
+			Hi, there! We noticed you're not logged in. Why not register for an account? It's free and easy. <small><a href="/tour">Here's how!</a></small>
 		</div> 
 		<% end %>
       <%- flash.each do |name, msg| -%>

app/views/welcome/index.html.erb

@@ -1 +1,32 @@
-<%= image_tag "splash.png", :id => "splash" %>
+<%= image_tag "splash.png", :id => "splash" %>
+	<% title "Welcome to My Idea Drawer" %>
+	<h1 class="main_title">Organize, collect, and share your projects with MyIdeaDrawer. It's fast, easy, free. <a href="/tour">Take a tour!</a></h1>
+
+	<div class="col">
+		<h2>1. Get Organized</h2>
+		<%= image_tag "screenshot1.gif" %>
+		<p class="big"><strong>MyIdeaDrawer</strong> lets you organize everything you need for your next project, all in one place. Whether you're building a web site, redesigning a room, or putting togther a school report. Organize code, links, notes, palettes, photos, and screen shots all in one convenient location.</p>
+	</div>
+
+	<div class="col">
+		<h2>1. Share Projects</h2>
+		<p class="big">With <strong>MyIdeaDrawer</strong>, sharing a project with a co-worker, client, or friend is as easy as sending them a URL.</p>
+		<%= image_tag "sharing.gif" %>
+		<p class="big">Instantly, the person you're sharing with will have read-only access to your project, and to your project's RSS feed.</p>
+	</div>
+
+	<div class="col">
+		<h3>3. Getting Started</h3>
+		<p class="big">Getting started with <strong>MyIdeaDrawer</strong> is a snap. Simply enter your OpenID in the form below. If you don't have an OpenID, you can <a href="http://myopenid.com">sign up for one</a> or <a href="/join">join us by filling out our user registraion form</a>.</p>
+		<% form_tag sessions_path do %>
+		  <h3>Or use OpenID:</h3><br />
+		  <fieldset>
+		    <%= label_tag :openid_url, "OpenID URL" %>
+		    <%= text_field_tag :openid_url, params[:openid_url] %>
+		  </fieldset>
+		  <p class="align_right"><%= submit_tag "Let's Go!" %></p>
+		<% end %>
+
+	</div>
+
+

config/routes.rb

@@ -4,7 +4,7 @@
   map.login 'login', :controller => 'sessions', :action => 'new'
   map.home 'home', :controller => 'projects', :action => 'index'
   map.about 'about', :controller => 'welcome', :action => 'about'
-  map.help 'help', :controller => 'welcome', :action => 'about'
+  map.help 'tour', :controller => 'welcome', :action => 'tour'
   map.resources :sessions
   map.resources :users
   map.resources :projects do |project|

public/stylesheets/application.css

@@ -99,4 +99,15 @@ body .colorwell-selected { border: 1px solid #000; font-weight: bold; }
 .managelist span.info2 { display:block; height:64px; width:520px; float:left; }
 .managelist .del_btn { display:block; fliat:right; margin:22px 0 22px 0;; }
 #TB_window h1 { padding-top:10px; }
-#openid_url { text-indent:20px; background:url(/images/openid.png) top left no-repeat #fff; border:1px solid #888; }
+#openid_url { text-indent:20px; background:url(/images/openid.png) top left no-repeat #fff; border:1px solid #888; }
+h1.main_title { text-align:center; border-bottom:1px solid #ADC8CF; margin-bottom:20px; padding:20px; font-size:24pt; font-family:verdana; }
+h1.main_title a { background:#fffba8; color:#333; }
+.rumble { background:#fffba8; padding:10px; border:1px solid #333; clear:both; margin:10px 0 10px 0; }
+.col { width:33%; float:left; }
+	.col h2 { color:#357FA4; }
+	.col p.big { margin-left:20px; margin-right:20px; font-size:12pt; }
+	.col img { padding-left:20px; }
+	.col a { text-decoration:underline; }
+	.col form { margin:10px 20px 10px 20px; border:5px solid #d2e1e4; }
+	.col form p.align_right { padding-right:20px; }
+	.col form fieldset input { width:150px; }