Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

Entry for contest #17

Closed
wants to merge 1 commit into
from
Jump to file or symbol
Failed to load files and symbols.
+210 −28
Split
@@ -1,13 +1,9 @@
-<li>
+<li class="cleared">
+ <h2><%= account.username %></h2>
<table>
- <tr>
- <td>Account:</td>
- <td><%= account.username %></td>
- </tr>
-
<% unless account.names.empty? %>
<tr>
- <td>Names:</td>
+ <th>Names:</th>
<td>
<ul>
<%= render :partial => 'name', :collection => account.names %>
@@ -18,7 +14,7 @@
<% unless account.nicks.empty? %>
<tr>
- <td>Nicknames:</td>
+ <th>Nicknames:</th>
<td>
<ul>
<%= render :partial => 'name', :collection => account.nicks %>
@@ -29,7 +25,7 @@
<% unless account.sites.empty? %>
<tr>
- <td>Sites:</td>
+ <th>Sites:</th>
<td>
<ul>
<%= render :partial => 'site', :collection => account.sites %>
@@ -40,7 +36,7 @@
<% unless account.services.empty? %>
<tr>
- <td>Services:</td>
+ <th>Services:</th>
<td>
<ul>
<%= render :partial => 'service', :collection => account.services %>
@@ -51,7 +47,7 @@
<% unless account.portraits.empty? %>
<tr>
- <td>Portraits:</td>
+ <th>Portraits:</th>
<td>
<ul>
<%= render :partial => 'portrait', :collection => account.portraits %>
@@ -62,7 +58,7 @@
<% unless account.books.empty? %>
<tr>
- <td>Books:</td>
+ <th>Books:</th>
<td>
<ul>
<% account.books.each do |book| %>
@@ -1,3 +1 @@
-<div class='image-wrapper'>
- <%= image_tag portrait.url %>
-</div>
+<div class="img"><%= image_tag portrait.url %></div>
@@ -1,5 +1,4 @@
-<h1>Ruby Committers</h1>
-<%= link_to 'fork me on github', 'http://github.com/tenderlove/rubycommitters.org' %>
-<ul>
+<h1>Ruby Committers <%= link_to 'fork me on github', 'http://github.com/tenderlove/rubycommitters.org' %> </h1>
+<ul id="commiters">
<%= render :partial => 'account', :collection => @accounts %>
</ul>
@@ -2,14 +2,22 @@
<html>
<head>
<title>Ruby Committers</title>
- <%= stylesheet_link_tag :all %>
- <%= javascript_include_tag :defaults %>
+ <%= stylesheet_link_tag 'reset', 'site' %>
<%= csrf_meta_tag %>
- <%= analytics_tag %>
+ <%= analytics_tag %>
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+ <%= javascript_include_tag 'masonry' %>
+ <script type="text/javascript">
+ $(window).load(function(){
+ $('#commiters').masonry({ columnWidth: 330 });
+ });
+ </script>
+ <script type="text/javascript" src="http://use.typekit.com/ush4dds.js"></script>
+ <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body>
-
-<%= yield %>
-
+<div id="page">
+ <%= yield %>
+</div>
</body>
</html>
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
@@ -0,0 +1,43 @@
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
+time, mark, audio, video {
+ margin:0;
+ padding:0;
+ border:0;
+ outline:0;
+ font-size:100%;
+ vertical-align:baseline;
+ background:transparent;
+}
+article, aside, figure, footer, header, hgroup, nav, section { display:block; }
+ul { list-style:none; }
+blockquote, q { quotes:none; }
+blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
+a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
+ins { background-color:#ff9; color:#000; text-decoration:none; }
+mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
+del { text-decoration: line-through; }
+abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
+table { border-collapse:collapse; border-spacing:0; }
+hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+input, select { vertical-align:middle; }
+img { display:block; }
+
+input[type="radio"] { vertical-align: text-bottom; }
+input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
+.ie6 input { vertical-align: text-bottom; }
+label, input[type=button], input[type=submit], button { cursor: pointer; }
+
+h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
+a:hover, a:active { outline: none; }
+
+.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
+.cleared:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.cleared { display: inline-block; }
+* html .cleared { height: 1%; }
+.cleared { display: block; }
+.hidden { display:none; visibility:hidden; }
+.invisible { visibility: hidden; }
View
@@ -1,7 +1,133 @@
-.image-wrapper {
- height: 100px;
+body {
+ background: #b70606 url('/images/rubies.jpg') no-repeat center top; color: #fff;
+ font: 14px/1.55 'helvetica neue', helvetica, arial, sans-serif; }
+
+a {
+ color: #f0d25d; }
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: 'adelle-1', 'adelle-2'; }
+
+h1 {
+ margin: 40px auto;
+ width: 420px;
+ font-size: 48px;
+ text-align: center;
+ position: relative;
+ text-shadow: 0 1px 0 #bbb,
+ 0 2px 0 #ccc,
+ 0 3px 1px rgba(0,0,0,.1),
+ 0 0 5px rgba(0,0,0,.1); }
+h1 a {
+ display: block;
+ font-size: 11px;
+ position: absolute;
+ right: 40px; bottom: 0;
+ text-shadow: 0 1px 0 rgba(0,0,0,.1); }
+
+#page {
+ width: 960px;
+ margin: auto;
+ overflow: hidden; }
+
+#page > ul {
+ width: 990px;
}
-.image-wrapper img {
- height: 100%;
+#page > ul > li {
+ width: 300px;
+ margin: 0 30px 30px 0;
+ float: left;
+ background: #fff;
+ color: #444;
+ -webkit-border-radius: 10px 10px 5px 5px;
+ -moz-border-radius: 10px 10px 5px 5px;
+ border-radius: 10px 10px 5px 5px;
+ -webkit-box-shadow: 0 1px 0 #bbb,
+ 0 2px 0 #ccc,
+ 0 3px 1px rgba(0,0,0,.1),
+ 0 0 5px rgba(0,0,0,.1);
+ -mox-box-shadow: 0 1px 0 #bbb,
+ 0 2px 0 #ccc,
+ 0 3px 1px rgba(0,0,0,.1),
+ 0 0 5px rgba(0,0,0,.1);
+ box-shadow: 0 1px 0 #bbb,
+ 0 2px 0 #ccc,
+ 0 3px 1px rgba(0,0,0,.1),
+ 0 0 5px rgba(0,0,0,.1); }
+
+#page > ul > li:nth-child(3n) {
+ margin-right: 0;
+}
+
+li a {
+ color: #b70606;
+}
+
+h2 {
+ background: #000;
+ color: #fff;
+ line-height: 30px;
+ text-align: center;
+ -webkit-border-radius: 5px 5px 0 0;
+ -moz-border-radius: 5px 5px 0 0;
+ border-radius: 5px 5px 0 0;
+}
+
+table {
+ width: 100%;
}
+
+tr {
+ border-top: 1px solid #ccc;
+}
+
+th, td {
+ padding: 7px 0 5px;
+}
+
+td {
+ padding-left: 15px;
+}
+
+th {
+ background: #eee;
+ font-size: 12px;
+ text-align: right;
+ width: 90px;
+ padding-right: 15px;
+ vertical-align: top;
+}
+
+
+tr:first-child {
+ border-top: 0;
+}
+
+th:last-child {
+ display: none;
+}
+
+div.img {
+ float: left;
+ margin: 0 5px 2px 0;
+ position: relative; }
+
+img {
+ height: 75px; }
+
+div.img:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 0; right: 0;
+ left: 0; bottom: 0;
+ border: 1px solid rgba(0, 0, 0, 0.1); }
+div.img:after {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 1px; right: 1px;
+ left: 1px; bottom: 0;
+ border-top: 1px solid rgba(255, 255, 255, 0.5);
+}