Entry from Chandramouli for rubycommitters.org Design Contest #9

Closed
wants to merge 6 commits into
from
@@ -1,79 +1,94 @@
<li>
- <table>
- <tr>
- <td>Account:</td>
- <td><%= account.username %></td>
- </tr>
+ <hr class="clear">
+ <article class="account group clear">
- <% unless account.names.empty? %>
- <tr>
- <td>Names:</td>
- <td>
- <ul>
- <%= render :partial => 'name', :collection => account.names %>
- </ul>
- </td>
- </tr>
- <% end %>
+ <section class="account-name">
+ <label>Username &ndash;</label>
+ <h3><%= account.username %></h3>
+ </section>
- <% unless account.nicks.empty? %>
- <tr>
- <td>Nicknames:</td>
- <td>
- <ul>
- <%= render :partial => 'name', :collection => account.nicks %>
- </ul>
- </td>
- </tr>
- <% end %>
+ <div class="portrait">
+ <% unless account.portraits.empty? %>
+ <section>
+ <ul>
+ <%= render :partial => 'portrait', :collection => account.portraits %>
+ </ul>
+ </section>
+ <% else %>
+ <p class="no-info">Portrait not available</p>
+ <% end %>
+ </div>
- <% unless account.sites.empty? %>
- <tr>
- <td>Sites:</td>
- <td>
- <ul>
- <%= render :partial => 'site', :collection => account.sites %>
- </ul>
- </td>
- </tr>
- <% end %>
-
- <% unless account.services.empty? %>
- <tr>
- <td>Services:</td>
- <td>
- <ul>
- <%= render :partial => 'service', :collection => account.services %>
- </ul>
- </td>
- </tr>
- <% end %>
-
- <% unless account.portraits.empty? %>
- <tr>
- <td>Portraits:</td>
- <td>
- <ul>
- <%= render :partial => 'portrait', :collection => account.portraits %>
- </ul>
- </td>
- </tr>
- <% end %>
-
- <!-- FIXME: unsure how to link to ISBN. :-( -->
- <!--
- <% unless account.books.empty? %>
- <tr>
- <td>Books:</td>
- <td>
- <ul>
- <% account.books.each do |book| %>
- <li><%= book.key %></li>
+ <div class="info">
+
+ <div class="col two group clear">
+ <% unless account.names.empty? %>
+ <section>
+ <label>Name</label>
+ <div class="description">
+ <ul>
+ <%= render :partial => 'name', :collection => account.names %>
+ </ul>
+ </div>
+ </section>
+ <% end %>
+
+ <% unless account.nicks.empty? %>
+ <section>
+ <label>Nicknames</label>
+ <div class="description">
+ <ul>
+ <%= render :partial => 'name', :collection => account.nicks %>
+ </ul>
+ </div>
+ </section>
+ <% end %>
+ </div>
+
+ <div class="one sidebar group clear">
+ <section class="sites">
+ <label>Websites</label>
+ <div class="description">
+ <% unless account.sites.empty? %>
+ <ul>
+ <%= render :partial => 'site', :collection => account.sites %>
+ </ul>
+ <% else %>
+ <p class="no-info">Information not available.</p>
<% end %>
- </ul>
- </td>
- </tr>
- <% end %>
- -->
- </table>
+ </div>
+ </section>
+
+ <section class="services">
+ <label>Services</label>
+ <div class="description">
+ <% unless account.services.empty? %>
+ <ul>
+ <%= render :partial => 'service', :collection => account.services %>
+ </ul>
+ <% else %>
+ <p class="no-info">Information not available.</p>
+ <% end %>
+ </div>
+ </section>
+
+ <!-- FIXME: unsure how to link to ISBN. :-( -->
+ <!--
+ <% unless account.books.empty? %>
+ <section>
+ <td>Books:</td>
+ <td>
+ <ul>
+ <% account.books.each do |book| %>
+ <li><%= book.key %></li>
+ <% end %>
+ </ul>
+ </td>
+ </section>
+ <% end %>
+ -->
+
+ </div>
+ </div>
+ </article>
</li>
@@ -1,5 +1,10 @@
-<h1>Ruby Committers</h1>
-<%= link_to 'fork me on github', 'http://github.com/tenderlove/rubycommitters.org' %>
-<ul>
-<%= render :partial => 'account', :collection => @accounts %>
-</ul>
+<header id="main-header">
+ <%= image_tag 'ruby.png' %>
+ <h1>Ruby Committers</h1>
+</header>
+<div id="content-wrapper">
+ <h2>These people (are) committed (to) Ruby.</h2>
+ <ul>
+ <%= render :partial => 'account', :collection => @accounts %>
+ </ul>
+</div>
@@ -6,6 +6,9 @@
<%= javascript_include_tag :defaults %>
<%= csrf_meta_tag %>
<%= analytics_tag %>
+ <!--[if lt IE 9]>
+ <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
</head>
<body>
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong. Retry.