Skip to content
Browse files

Initial commit.

  • Loading branch information...
1 parent f2730aa commit ef195947078bac2b85f6db6bd8544fab3d2a9ce3 Rolando Murillo committed
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);
+}

0 comments on commit ef19594

Please sign in to comment.
Something went wrong with that request. Please try again.