A lot of updates so far today...

app/views/organizations/_preview.html.haml

@@ -0,0 +1,5 @@
+= link_to organization do
+	%h5
+		= organization.name
+	%figure.org-preview.preview-tile{:style => (organization.cover? ? ('background-image: url(' + organization.cover.preview.url + ')') : nil)}
+		= image_tag organization.avatar.preview.url

app/views/organizations/index.html.haml

@@ -1,41 +1,21 @@
-%h1 Listing organizations
+- page_style :list
+- title _'page.Organizations'
+- banner_image '/assets/orgs.jpg'
+- content_for :banner do
+	.row
+		.columns
+			%h1=_'page.Organizations'
 
-%table
-  %tr
-    %th Name
-    %th Slug
-    %th Email address
-    %th Url
-    %th Year founded
-    %th Info
-    %th Logo
-    %th Avatar
-    %th Requires approval
-    %th Secret question
-    %th Secret answer
-    %th User organization replationship
-    %th
-    %th
-    %th
-
-  - @organizations.each do |organization|
-    %tr
-      %td= organization.name
-      %td= organization.slug
-      %td= organization.email_address
-      %td= organization.url
-      %td= organization.year_founded
-      %td= organization.info
-      %td= organization.logo
-      %td= organization.avatar
-      %td= organization.requires_approval
-      %td= organization.secret_question
-      %td= organization.secret_answer
-      %td= organization.user_organization_replationship_id
-      %td= link_to 'Show', organization
-      %td= link_to 'Edit', edit_organization_path(organization)
-      %td= link_to 'Destroy', organization, :method => :delete, :data => { :confirm => 'Are you sure?' }
-
-%br
-
-= link_to 'New Organization', new_organization_path
+- @organizations.sort_by{|k,v|k}.each do |country,territories|
+	%h2=country
+	- territories.sort_by{|k,v|k}.each do |territory,cities|
+		- if territory != 0
+			%h3=territory
+		- cities.sort_by{|k,v|k}.each do |city,organizations|
+			%ul.small-block-grid-1.medium-block-grid-2.large-block-grid-3.org-list.preview-list
+				- uri = CGI::escape(city+' '+country)
+				%li.city
+					%figure{:style => "background-image: url('http://maps.googleapis.com/maps/api/staticmap?center=#{uri}&zoom=4&size=600x300&maptype=roadmap&markers=size:small%7C#{uri}&key=AIzaSyDhfT68lGTwJHoUfC02fmA1SYNexO19J3M');"}
+						%h4=city
+					- organizations.each do |organization|
+						%li=render 'preview', :organization => organization

app/views/organizations/show.html.haml

@@ -1,13 +1,13 @@
 - page_style 'organization'
 - banner_image @organization.cover_url
 - content_for :banner do
-	.row
-		.columns.medium-6.info
+	.row{:class => (@organization.avatar.is_landscape? ? 'landscape' : 'portrait')}
+		.columns{:class => (@organization.avatar.is_landscape? ? nil : ['medium-6', 'medium-push-6'])}
+			%figure
+				= image_tag(@organization.avatar.url)
+		.columns.info{:class => (@organization.avatar.is_landscape? ? nil : ['medium-6', 'medium-pull-6'])}
 			%h1=@organization.name
 			%h2=@organization.locations[0].city + (@organization.locations[0].territory ? ' ' + @organization.locations[0].territory : '') + ', ' + Carmen::Country.coded(@organization.locations[0].country).name
-		.columns.medium-6
-			%figure
-				= image_tag(@organization.avatar_url)
 
 %p#notice= notice
 
@@ -15,4 +15,5 @@
 
 .row
 	.columns
+		%h2=('About '+@organization.name)
 		=p @organization, :info