It takes a few simple steps to achieve the mouseover transition from monochromatic to full color logo with tool tip popup.

First, all the information regarding the logo was stored in the a postgresql table, ie the model in the MVC architecture. Second, the uploading and location of the tool logos are managed using Rail's Paperclip gem. The Imagemagick library was used to post process and create a monochrome version of the full color uploaded tool logo.

Finally, the alpha channel (opacity) was also adjusted to give a better contrast between the monochromatic logo and the full color logo, especially for the black and white logos.

To post process the uploaded logo image.

has_attached_file

:image, :styles => { :thumbnail => "50x50>", :thumbnail_bw => "50x50>" },
:convert_options => { :thumbnail_bw => "-colorspace gray -channel Alpha -evaluate Divide 5" },
:url => "/assets/tool/:id/:style/:basename.:extension",
:path => ":rails_root/public/assets/tool/:id/:style/:basename.:extension"

To display the mouseover effect.

<% for tool in @tools %>

<% logo = image_tag(tool.image.url(:thumbnail_bw), :mouseover => tool.image.url(:thumbnail)) %>
<%= link_to logo, "http://#{tool.link}", {:title => "#{tool.summary}"} %>

<% end %>

Expanded project to allow for simple documentation and tracking function. To boost performance, the default setting for the paperclip gem were changed to convert and save images in jpeg format with a 70% compression quality and stripping away the EXIF information.

Preliminary test on the HaasTec 2011 photo gallery shows a reduction from a total file size of 1.4Mb down to 0.4Mb. The paperclip option used to change the default imagemagick file conversion is,

has_attached_file

:project_image, :styles => { :thumbnail => ["100x67#", :jpg], :sm_thumbnail => ["50x34#", :jpg] },
:convert_options => { :thumbnail => "-quality 70 -strip", :sm_thumbnail => "-quality 70 -strip" },

Upgraded to the Rails3 framework, added the paperclip gem for gallery images, and moved the server out of Bluehost and into a Xen vps running Debian. Minor change to the tcp-imp.com logo.

Change of hosting service from HostingRails to bluehost with minor changes to the website update structure. HostingRails was easy to setup but just too slow.
Speed Test according to website speed test:

	Size	Load Time	Avg Speed/KB
HostingRails	1.63KB	5.18s	3.17s
bluehost	4.6KB	1.45s	0.32s

The boring details on the rails setup and the ActionMailer configuration is here.

This website is being built using Ruby on Rails open-source web framework with a PostgreSQL open-source database in a GNU/Linux environment. References used besides web searches are, Agile Web Development with Rails, Rails Recipes, Advance Rails, Beginning Databases with PostgreSQL, and Railscasts.com.