Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

Entry for contest #17

Closed
wants to merge 1 commit into from

3 participants

@goddamnhippie

Hi, this is our entry.

Rolando Murillo Initial commit. ef19594
@brainopia

Great and compact presentation of all information.
+1

@tenderlove tenderlove closed this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Jan 18, 2011
  1. Initial commit.

    Rolando Murillo authored
This page is out of date. Refresh to see the latest.
View
20 app/views/accounts/_account.html.erb
@@ -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| %>
View
4 app/views/accounts/_portrait.html.erb
@@ -1,3 +1 @@
-<div class='image-wrapper'>
- <%= image_tag portrait.url %>
-</div>
+<div class="img"><%= image_tag portrait.url %></div>
View
5 app/views/accounts/index.html.erb
@@ -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>
View
20 app/views/layouts/application.html.erb
@@ -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
BIN  public/images/rubies.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
12 public/javascripts/masonry.js
@@ -0,0 +1,12 @@
+/*************************************************
+** jQuery Masonry version 1.3.2
+** Copyright David DeSandro, licensed MIT
+** http://desandro.com/resources/jquery-masonry
+**************************************************/
+(function(e){var n=e.event,o;n.special.smartresize={setup:function(){e(this).bind("resize",n.special.smartresize.handler)},teardown:function(){e(this).unbind("resize",n.special.smartresize.handler)},handler:function(j,l){var g=this,d=arguments;j.type="smartresize";o&&clearTimeout(o);o=setTimeout(function(){jQuery.event.handle.apply(g,d)},l==="execAsap"?0:100)}};e.fn.smartresize=function(j){return j?this.bind("smartresize",j):this.trigger("smartresize",["execAsap"])};e.fn.masonry=function(j,l){var g=
+{getBricks:function(d,b,a){var c=a.itemSelector===undefined;b.$bricks=a.appendedContent===undefined?c?d.children():d.find(a.itemSelector):c?a.appendedContent:a.appendedContent.filter(a.itemSelector)},placeBrick:function(d,b,a,c,h){b=Math.min.apply(Math,a);for(var i=b+d.outerHeight(true),f=a.length,k=f,m=c.colCount+1-f;f--;)if(a[f]==b)k=f;d.applyStyle({left:c.colW*k+c.posLeft,top:b},e.extend(true,{},h.animationOptions));for(f=0;f<m;f++)c.colY[k+f]=i},setup:function(d,b,a){g.getBricks(d,a,b);if(a.masoned)a.previousData=
+d.data("masonry");a.colW=b.columnWidth===undefined?a.masoned?a.previousData.colW:a.$bricks.outerWidth(true):b.columnWidth;a.colCount=Math.floor(d.width()/a.colW);a.colCount=Math.max(a.colCount,1)},arrange:function(d,b,a){var c;if(!a.masoned||b.appendedContent!==undefined)a.$bricks.css("position","absolute");if(a.masoned){a.posTop=a.previousData.posTop;a.posLeft=a.previousData.posLeft}else{d.css("position","relative");var h=e(document.createElement("div"));d.prepend(h);a.posTop=Math.round(h.position().top);
+a.posLeft=Math.round(h.position().left);h.remove()}if(a.masoned&&b.appendedContent!==undefined){a.colY=a.previousData.colY;for(c=a.previousData.colCount;c<a.colCount;c++)a.colY[c]=a.posTop}else{a.colY=[];for(c=a.colCount;c--;)a.colY.push(a.posTop)}e.fn.applyStyle=a.masoned&&b.animate?e.fn.animate:e.fn.css;b.singleMode?a.$bricks.each(function(){var i=e(this);g.placeBrick(i,a.colCount,a.colY,a,b)}):a.$bricks.each(function(){var i=e(this),f=Math.ceil(i.outerWidth(true)/a.colW);f=Math.min(f,a.colCount);
+if(f===1)g.placeBrick(i,a.colCount,a.colY,a,b);else{var k=a.colCount+1-f,m=[];for(c=0;c<k;c++){var p=a.colY.slice(c,c+f);m[c]=Math.max.apply(Math,p)}g.placeBrick(i,k,m,a,b)}});a.wallH=Math.max.apply(Math,a.colY);d.applyStyle({height:a.wallH-a.posTop},e.extend(true,[],b.animationOptions));a.masoned||setTimeout(function(){d.addClass("masoned")},1);l.call(a.$bricks);d.data("masonry",a)},resize:function(d,b,a){a.masoned=!!d.data("masonry");var c=d.data("masonry").colCount;g.setup(d,b,a);a.colCount!=c&&
+g.arrange(d,b,a)}};return this.each(function(){var d=e(this),b={};b.masoned=!!d.data("masonry");var a=b.masoned?d.data("masonry").options:{},c=e.extend({},e.fn.masonry.defaults,a,j),h=a.resizeable;b.options=c.saveOptions?c:a;l=l||function(){};g.getBricks(d,b,c);if(!b.$bricks.length)return this;g.setup(d,c,b);g.arrange(d,c,b);!h&&c.resizeable&&e(window).bind("smartresize.masonry",function(){g.resize(d,c,b)});h&&!c.resizeable&&e(window).unbind("smartresize.masonry")})};e.fn.masonry.defaults={singleMode:false,
+columnWidth:undefined,itemSelector:undefined,appendedContent:undefined,saveOptions:true,resizeable:true,animate:false,animationOptions:{}}})(jQuery);
View
43 public/stylesheets/reset.css
@@ -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
134 public/stylesheets/site.css
@@ -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);
+}
Something went wrong with that request. Please try again.