Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Submission for RubyCommitters Contest #28

Closed
wants to merge 2 commits into from

3 participants

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Jan 20, 2011
This page is out of date. Refresh to see the latest.
View
119 app/views/accounts/_account.html.erb
@@ -1,76 +1,51 @@
-<li>
- <table>
- <tr>
- <td>Account:</td>
- <td><%= account.username %></td>
- </tr>
+<li class="account">
+ <% unless account.portraits.empty? %>
+ <%= render :partial => 'portrait', :collection => account.portraits %>
+ <% end %>
+
+ <h3><%= account.username %></h3>
+ <% unless account.names.empty? %>
+ <ul class="full-names names">
+ <%= render :partial => 'name', :collection => account.names, :locals => { :last_count => account.names.size } %>
+ </ul>
+ <% end %>
- <% unless account.names.empty? %>
- <tr>
- <td>Names:</td>
- <td>
- <ul>
- <%= render :partial => 'name', :collection => account.names %>
- </ul>
- </td>
- </tr>
- <% end %>
+ <% unless account.nicks.empty? %>
+ <span class="aka">Nicknames:</span>
+ <ul class="nick-names names">
+ <%= render :partial => 'name', :collection => account.nicks, :locals => { :last_count => account.nicks.size } %>
+ </ul>
+ <% end %>
+
+ <p class="bio">Placeholder for bio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut tellus at sem tincidunt commodo. Duis volutpat turpis cursus velit facilisis iaculis. Donec sed orci eros. In ut leo sapien. Quisque mattis ultrices eros, sed tempus massa euismod nec. Vivamus sollicitudin, lorem ac vehicula ornare, enim lacus sagittis lorem, quis posuere massa augue quis velit. </p>
- <% unless account.nicks.empty? %>
- <tr>
- <td>Nicknames:</td>
- <td>
- <ul>
- <%= render :partial => 'name', :collection => account.nicks %>
- </ul>
- </td>
- </tr>
- <% end %>
+ <% unless account.sites.empty? %>
+ <div class="sites">
+ <h4>Sites:</h4>
+ <ul>
+ <%= render :partial => 'site', :collection => account.sites %>
+ </ul>
+ </div>
+ <% end %>
- <% 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 %>
-
- <% unless account.books.empty? %>
- <tr>
- <td>Books:</td>
- <td>
- <ul>
- <% account.books.each do |book| %>
- <li><a href="http://www.amazon.<%= book.isbn.match(/^4/) ? "co.jp":"com" %>/dp/<%= book.isbn %>"><%= book.key %></a></li>
- <% end %>
- </ul>
- </td>
- </tr>
- <% end %>
- </table>
+ <% unless account.books.empty? %>
+ <div class="books">
+ <h4>Books:</h4>
+ <ul>
+ <% account.books.each do |book| %>
+ <li><a href="http://www.amazon.<%= book.isbn.match(/^4/) ? "co.jp":"com" %>/dp/<%= book.isbn %>"><%= book.key %></a></li>
+ <% end %>
+ </ul>
+ </div>
+ <% end %>
+
+ <% unless account.services.empty? %>
+ <div class="services">
+ <span class="find-on">Find <%= account.username %> on:</span>
+ <ul>
+ <%= render :partial => 'service', :collection => account.services %>
+ </ul>
+ </div>
+ <div class="clear"></div>
+ <% end %>
</li>
View
6 app/views/accounts/_name.html.erb
@@ -1 +1,5 @@
-<li><%= name.value %></li>
+<li>
+ <%= name.value %>
+ <%= "," unless name_counter + 1 == last_count %>
+ <%# There's probably a much better way to do this %>
+</li>
View
2  app/views/accounts/_service.html.erb
@@ -1,3 +1,3 @@
-<li>
+<li class="service <%= service.name %>">
<%= link_to_service service.name, service %>
</li>
View
8 app/views/accounts/index.html.erb
@@ -1,5 +1,3 @@
-<h1>Ruby Committers</h1>
-<%= link_to 'fork me on github', 'http://github.com/tenderlove/rubycommitters.org' %>
-<ul>
-<%= render :partial => 'account', :collection => @accounts %>
-</ul>
+<ul id="accounts">
+ <%= render :partial => 'account', :collection => @accounts %>
+</ul>
View
27 app/views/layouts/application.html.erb
@@ -8,8 +8,33 @@
<%= analytics_tag %>
</head>
<body>
+ <div id="page-container">
+ <div id="page-container-content">
+ <div id="page">
+ <div id="page-header">
+ <h1>Ruby Committers</h1>
+ <h2>
+ Meet the Ruby-Core team - The generous folk that <br /> donate their
+ time and energy to improve the <a href="http://ruby-lang.org"> <br />
+ Ruby Programming Language</a>.
+ </h2>
+ </div>
-<%= yield %>
+ <div id="page-content">
+ <%= yield %>
+ </div>
+ <div id="page-footer">
+ <p>
+ RubyCommitters.org
+ <span class="seperator"> | </span>
+ Design by: <a href="http://twitter.com/fixie">@fixie</a>
+ <span class="seperator"> | </span>
+ <%= link_to 'Fork me on Github', 'http://github.com/tenderlove/rubycommitters.org' %>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
</body>
</html>
View
BIN  public/images/background-account.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  public/images/background-body.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  public/images/background-page-container-content.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  public/images/background-page-container.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  public/images/background-page.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  public/images/branding.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  public/images/services-sprite.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
20 public/stylesheets/reset-base.css
@@ -0,0 +1,20 @@
+/*
+Copyright (c) 2010, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.com/yui/license.html
+version: 3.3.0
+build: 3167
+*/
+html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
+
+
+/*
+Copyright (c) 2010, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.com/yui/license.html
+version: 3.3.0
+build: 3167
+*/
+h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
+
+
View
202 public/stylesheets/site.css
@@ -1,7 +1,205 @@
-.image-wrapper {
+body {
+ background: #213449 url(/images/background-body.png);
+ color: #434343;
+ text-shadow: 1px 1px 1px #FFF;
+ text-align: center;
+ font-size: 75%;
+ font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
+}
+
+a:link, a:hover {
+ color: #C61A1A;
+ text-decoration: none;
+}
+
+a:visited {
+ color: #800303;
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+h1, h2, h3 {
+ font-family: Georgia,Palatino,"Times New Roman",Times,serif;
+ font-weight: normal;
+}
+
+#page-container {
+ width: 785px;
+ background: url(/images/background-page-container.png) repeat-y 0 0;
+ margin: auto;
+}
+
+#page-container-content {
+ width: 698px;
+ margin: auto;
+ background: url(/images/background-page-container-content.png) repeat-x top center;
+}
+
+#page {
+ background: url(/images/background-page.png) no-repeat top center;
+ padding: 40px 85px;
+}
+
+#page-header h1 {
+ margin: 0;
+ font-size: 300%;
+ text-indent: -5000px;
+ overflow: hidden;
height: 100px;
+ background: url(/images/branding.png) no-repeat top center;
+}
+
+#page-header h2 {
+ width: 325px;
+ margin: 15px auto 0;
+ font-size: 116%;
+ line-height: 1.5em;
+}
+
+#page-header h2 a:link, #page-header h2 a:visited, #page-header h2 a:hover {
+ color: #434343;
+ text-decoration: underline;
+}
+
+#page-header h2 a:hover {
+ color: #C61A1A;
+ text-decoration: none;
+}
+
+#page-header {
+ padding-bottom: 55px;
+ border-bottom: 1px solid #E6E8DF;
+}
+
+#page-content {
+ text-align: left;
+}
+
+ul#accounts, #accounts ul, #accounts li {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+#accounts li.account {
+ background: url(/images/background-account.png) no-repeat bottom left;
+ border-bottom: 1px solid #E6E8DF;
+ border-top: 1px solid #FFF;
+ padding: 25px 0 30px;
+}
+
+#accounts li.account h3 {
+ font-size: 182%;
+ margin: 0 0 5px 0;
+ padding: 0;
+}
+
+#accounts li.account ul.names {
+ margin-bottom: 3px;
+}
+
+#accounts li.account p.bio {
+ margin: 15px 0;
+ clear: left;
+}
+
+#accounts li.account ul.nick-names {
+ display: inline;
}
-.image-wrapper img {
+#accounts li.account ul.names li {
+ display: inline;
+}
+
+#accounts p {
+ line-height: 1.5em;
+}
+
+#accounts h4 {
+ margin-top: 15px;
+ margin-bottom: 3px;
+}
+
+#accounts .sites li, #accounts .books li {
+ margin-bottom: 3px;
+}
+
+#accounts .services {
+ margin-top: 20px;
+ font-size: 93%;
+}
+
+#accounts .services span {
+ float: left;
+ margin-right: 5px;
+}
+
+#accounts .services li a {
+ float: left;
+ margin-right: 5px;
+ background: url(/images/services-sprite.png) no-repeat;
+ height: 20px;
+ width: 20px;
+ text-indent: -5000px;
+ overflow: hidden;
+}
+
+#accounts .services li.facebook a {
+ background-position: 0 0;
+}
+
+#accounts .services li.friendfeed a {
+ background-position: -27px 0;
+}
+
+#accounts .services li.github a {
+ background-position: -53px 0;
+}
+
+#accounts .services li.iddy a {
+ background-position: -80px 0;
+}
+
+#accounts .services li.mixi a {
+ background-position: -108px 0;
+}
+
+#accounts .services li.twitter a {
+ background-position: -135px 0;
+}
+
+#accounts .image-wrapper {
+ height: 75px;
+ float: left;
+ margin-right: 10px;
+}
+
+#accounts .image-wrapper img {
height: 100%;
}
+
+#page-footer {
+ border-top: 1px solid #FFF;
+ font-size: 85%;
+ padding-top: 20px;
+}
+
+#page-footer a:link, #page-footer a:visited {
+ text-decoration: underline;
+}
+
+.seperator {
+ color: #CED1BE;
+}
+
+.aka {
+ font-size: 73%;
+ text-transform: uppercase;
+}
+
+.clear {
+ clear: both;
+}
Something went wrong with that request. Please try again.