Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Hi, here's my suggestion for the ruby committers page! #18

Closed
wants to merge 4 commits into from

4 participants

eckbert Jason Thomas Jorge Dias Aaron Patterson
eckbert

No description provided.

added some commits January 18, 2011
Jason Thomas

+1

Aaron Patterson tenderlove closed this August 11, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Showing 4 unique commits by 1 author.

Jan 18, 2011
initial rubycommitters css changes fb9745d
grafics imported c02dc4a
card background changed 3498131
Jan 19, 2011
background texture removed b5976d0
This page is out of date. Refresh to see the latest.
16  app/helpers/accounts_helper.rb
... ...
@@ -1,22 +1,24 @@
1 1
 module AccountsHelper
2 2
   def link_to_service name, service
  3
+    service_url = ""
3 4
     case service.name
4 5
     when 'twitter'
5  
-      link_to name, 'http://twitter.com/' + service.key
  6
+      service_url = 'http://twitter.com/'
6 7
     when 'friendfeed'
7  
-      link_to name, 'http://friendfeed.com/' + service.key
  8
+      service_url = 'http://friendfeed.com/'
8 9
     when 'mixi'
9  
-      link_to name, 'http://mixi.jp/show_friend.pl?id=' + service.key
  10
+      service_url = 'http://mixi.jp/show_friend.pl?id='
10 11
     when 'github'
11  
-      link_to name, 'http://github.com/' + service.key
  12
+      service_url = 'http://github.com/'
12 13
     when 'facebook'
13 14
       if service.key =~ /^\s*\d+$/
14  
-        link_to name, 'http://www.facebook.com/profile.php?id=' + service.key
  15
+        service_url = 'http://www.facebook.com/profile.php?id='
15 16
       else
16  
-        link_to name, 'http://www.facebook.com/' + service.key
  17
+        service_url = 'http://www.facebook.com/'
17 18
       end
18 19
     when 'iddy'
19  
-      link_to name, 'http://iddy.jp/profile/' + service.key
  20
+      service_url = 'http://iddy.jp/profile/'
20 21
     end
  22
+    link_to " ", service_url + service.key, :class => service.name, :title => service.name unless service_url.empty?
21 23
   end
22 24
 end
122  app/views/accounts/_account.html.erb
... ...
@@ -1,76 +1,74 @@
1  
-<li>
2  
-  <table>
3  
-    <tr>
4  
-      <td>Account:</td>
5  
-      <td><%= account.username %></td>
6  
-    </tr>
7  
-
8  
-    <% unless account.names.empty? %>
9  
-      <tr>
10  
-        <td>Names:</td>
11  
-        <td>
12  
-          <ul>
13  
-            <%= render :partial => 'name', :collection => account.names %>
14  
-          </ul>
15  
-        </td>
16  
-      </tr>
  1
+<li class="account">
  2
+  <div class="account-name">
  3
+    <div class="official">
  4
+      official ruby committer
  5
+    </div>
  6
+  <%= account.username %>
  7
+  </div>
  8
+  <div class="details">
  9
+    <div class="portraits">
  10
+    <% unless account.portraits.empty? %>
  11
+      <%= render :partial => 'portrait', :collection => account.portraits %>
  12
+    <% else %>
  13
+      <div class='image-wrapper'>
  14
+        <div class="frame">
  15
+          <%= image_tag "anonymous.png" %>
  16
+        </div>
  17
+      </div>
17 18
     <% end %>
18  
-
  19
+    </div>
19 20
     <% unless account.nicks.empty? %>
20  
-      <tr>
21  
-        <td>Nicknames:</td>
22  
-        <td>
23  
-          <ul>
24  
-            <%= render :partial => 'name', :collection => account.nicks %>
25  
-          </ul>
26  
-        </td>
27  
-      </tr>
  21
+      <div class="nick-names">
  22
+        <!-- <div class="label">
  23
+        Nicknames:
  24
+        </div> -->
  25
+        <ul>
  26
+          <%= render :partial => 'name', :collection => account.nicks %>
  27
+        </ul>
  28
+      </div>
28 29
     <% end %>
29 30
 
30  
-    <% unless account.sites.empty? %>
31  
-      <tr>
32  
-        <td>Sites:</td>
33  
-        <td>
34  
-          <ul>
35  
-            <%= render :partial => 'site', :collection => account.sites %>
36  
-          </ul>
37  
-        </td>
38  
-      </tr>
39  
-    <% end %>
40  
-
41  
-    <% unless account.services.empty? %>
42  
-      <tr>
43  
-        <td>Services:</td>
44  
-        <td>
45  
-          <ul>
46  
-            <%= render :partial => 'service', :collection => account.services %>
47  
-          </ul>
48  
-        </td>
49  
-      </tr>
  31
+    <% unless account.names.empty? %>
  32
+      <div class="user-names">
  33
+        <!-- <div class="label">
  34
+          Names:
  35
+          </div> -->
  36
+        <ul>
  37
+          <%= render :partial => 'name', :collection => account.names %>
  38
+        </ul>
  39
+      </div>
50 40
     <% end %>
51 41
 
52  
-    <% unless account.portraits.empty? %>
53  
-      <tr>
54  
-        <td>Portraits:</td>
55  
-        <td>
  42
+    <div class="more">
  43
+      <% unless account.sites.empty? %>
  44
+        <div class="sites">
  45
+          <div class="label">
  46
+          Sites:
  47
+          </div>
56 48
           <ul>
57  
-            <%= render :partial => 'portrait', :collection => account.portraits %>
  49
+            <%= render :partial => 'site', :collection => account.sites %>
58 50
           </ul>
59  
-        </td>
60  
-      </tr>
61  
-    <% end %>
62  
-
63  
-    <% unless account.books.empty? %>
64  
-      <tr>
65  
-        <td>Books:</td>
66  
-        <td>
  51
+        </div>
  52
+      <% end %>
  53
+      <% unless account.books.empty? %>
  54
+        <div class="books">
  55
+          <div class="label">
  56
+          Books:
  57
+          </div>
67 58
           <ul>
68 59
             <% account.books.each do |book| %>
69 60
               <li><a href="http://www.amazon.<%= book.isbn.match(/^4/) ? "co.jp":"com" %>/dp/<%= book.isbn %>"><%= book.key %></a></li>
70 61
             <% end %>
71 62
           </ul>
72  
-        </td>
73  
-      </tr>
74  
-    <% end %>
75  
-  </table>
  63
+        </div>
  64
+      <% end %>
  65
+    </div>
  66
+  </div>
  67
+  <div class="services">
  68
+  <% unless account.services.empty? %>
  69
+    <ul>
  70
+      <%= render :partial => 'service', :collection => account.services %>
  71
+    </ul>
  72
+  <% end %>
  73
+  </div>
76 74
 </li>
4  app/views/accounts/_portrait.html.erb
... ...
@@ -1,3 +1,5 @@
1 1
 <div class='image-wrapper'>
2  
-  <%= image_tag portrait.url %>
  2
+  <div class="frame">
  3
+    <%= image_tag portrait.url %>
  4
+  </div>
3 5
 </div>
11  app/views/accounts/index.html.erb
... ...
@@ -1,5 +1,10 @@
1  
-<h1>Ruby Committers</h1>
2  
-<%= link_to 'fork me on github', 'http://github.com/tenderlove/rubycommitters.org' %>
3  
-<ul>
  1
+<div id="heading">
  2
+  <h1>Ruby Committers</h1>
  3
+  <%= link_to 'fork me on github', 'http://github.com/tenderlove/rubycommitters.org' %>
  4
+</div>
  5
+<ul class="accounts">
4 6
 <%= render :partial => 'account', :collection => @accounts %>
5 7
 </ul>
  8
+<div id="footer">
  9
+
  10
+</div>
BIN  public/images/anonymous.png
BIN  public/images/bg.png
BIN  public/images/facebook.png
BIN  public/images/friendfeed.png
BIN  public/images/git.png
BIN  public/images/iddy.png
BIN  public/images/mixi.png
BIN  public/images/ruby4.png
BIN  public/images/twitter.png
248  public/stylesheets/site.css
... ...
@@ -1,7 +1,253 @@
  1
+body{
  2
+  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  3
+  font-size: 13px;
  4
+  background: #e4e4ca;
  5
+  padding: 0;
  6
+  margin: 0;
  7
+}
  8
+
  9
+#heading, #footer {
  10
+  height: 40px;
  11
+  padding: 20px 0;
  12
+  background: #444;
  13
+}
  14
+
  15
+#heading {
  16
+  position: relative;
  17
+  background: #aa0000;
  18
+  margin: 0 0 20px 0;
  19
+  border-bottom: 1px solid #666;
  20
+}
  21
+
  22
+#heading a {
  23
+  -moz-border-radius: 0 0 8px 8px;
  24
+  -webkit-border-radius: 0 0 8px 8px;
  25
+  border-radius: 0 0 8px 8px;
  26
+  -moz-box-shadow: -1px 1px 2px #444444, 0 -2px 1px #fdd inset;
  27
+  -webkit-box-shadow: -1px 1px 2px #444444, 0 -2px 1px #fdd inset;
  28
+  box-shadow: -1px 1px 2px #444444, 0 -2px 1px #fdd inset;
  29
+  background: none repeat scroll 0 0 #800;
  30
+  color: #f4f4f4;
  31
+  display: block;
  32
+  padding: 7px 10px;
  33
+  position: absolute;
  34
+  right: 20px;
  35
+  top: -1px;
  36
+  text-shadow: 1px 1px 0 #000000;
  37
+}
  38
+
  39
+#footer {
  40
+  -moz-box-shadow: 0 0 8px #000000 inset;
  41
+  -webkit-box-shadow: 0 0 8px #000000 inset;
  42
+  box-shadow: 0 0 8px #000000 inset;
  43
+  border-top: 1px solid #CCCCCC;
  44
+  margin: 20px 0 0 0;
  45
+}
  46
+
  47
+h1 {
  48
+  color: #eee;
  49
+  font-size: 40px;
  50
+  line-height: 40px;
  51
+  text-align: center;
  52
+  text-shadow: 1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
  53
+  text-transform: uppercase;
  54
+  margin: 0;
  55
+  padding-bottom: 19px;
  56
+  border-bottom: 1px solid #e88;
  57
+}
  58
+
  59
+a {
  60
+  color: #999;
  61
+  font-size: 11px;
  62
+}
  63
+a:hover {
  64
+  color: #333;
  65
+  text-decoration: underline;
  66
+}
  67
+
  68
+
  69
+ul {
  70
+  list-style: none;
  71
+  padding: 0;
  72
+}
  73
+
  74
+ul.accounts {
  75
+  width: 980px;
  76
+  list-style: none;
  77
+  margin: 0 auto;
  78
+  padding: 0;
  79
+  display: block;
  80
+  overflow: hidden;
  81
+}
  82
+
  83
+li.account {
  84
+  -moz-border-radius: 13px;
  85
+  -webkit-border-radius: 13px;
  86
+  border-radius: 13px;
  87
+  -moz-box-shadow: 1px 1px 4px #999999;
  88
+  -webkit-box-shadow: 1px 1px 4px #999999;
  89
+  box-shadow: 1px 1px 4px #999999;
  90
+  background: url('../images/bg.png') no-repeat right bottom #eee;
  91
+  display: block;
  92
+  float: left;
  93
+  margin: 8px;
  94
+  padding: 5px;
  95
+  width: 460px;
  96
+}
  97
+
  98
+.acount a{
  99
+  text-shadow: 1px 0 0 #EEEEEE; /*to keep readability over background image, if collide*/
  100
+}
  101
+
  102
+.label {
  103
+  display: block;
  104
+  float: left;
  105
+}
  106
+
  107
+.details {
  108
+  height: 120px;
  109
+}
  110
+
  111
+.account-name {
  112
+  -moz-border-radius: 10px 10px 0 0;
  113
+  -webkit-border-radius: 10px 10px 0 0;
  114
+  border-radius: 10px 10px 0 0;
  115
+  background: #444;
  116
+  color: #fff;
  117
+  font-size: 26px;
  118
+  font-weight: bold;
  119
+  padding: 5px;
  120
+  text-shadow: 1px 1px 0px #000;
  121
+  text-align: right;
  122
+  border: 1px solid #fff;
  123
+}
  124
+
  125
+.official {
  126
+  font-size: 10px;
  127
+  float: left;
  128
+  margin-left: 119px;
  129
+}
  130
+
  131
+.user-names {
  132
+
  133
+}
  134
+
  135
+.nick-names, .user-names {
  136
+  float: left;
  137
+  margin: 5px 0;
  138
+  text-align: right;
  139
+  width: 336px;
  140
+  border-bottom: 1px solid #ddd;
  141
+  border-bottom: 1px solid rgba(210,210,210,0.35);
  142
+  height: 2.4em;
  143
+}
  144
+
  145
+.nick-names li, .user-names li {
  146
+  float: left;
  147
+  margin-right: 10px;
  148
+}
  149
+
  150
+.portraits {
  151
+  margin: -40px 0 0 5px;
  152
+  float: left;
  153
+  height: 108px;
  154
+  padding: 5px;
  155
+  overflow: hidden;
  156
+}
  157
+
  158
+.sites {}
  159
+
  160
+.books {}
  161
+
  162
+.books .label, .sites .label {
  163
+  margin-left: 4px;
  164
+  font-size: 11px;
  165
+  width: 36px;
  166
+}
  167
+
  168
+.books li, .sites li {
  169
+  float: left;
  170
+  margin-left: 10px;
  171
+}
  172
+
  173
+.books, .sites {
  174
+  display: block;
  175
+  float: left;
  176
+  width: 460px;
  177
+  overflow: hidden;
  178
+}
  179
+.more {
  180
+  height: 2.4em;
  181
+}
  182
+
  183
+.services, .more {
  184
+  display: block;
  185
+  float: left;
  186
+  width: 460px;
  187
+  overflow: hidden;
  188
+}
  189
+.services {
  190
+  height: 48px;
  191
+  padding: 0;
  192
+  -moz-border-radius: 0 0 10px 10px;
  193
+  -webkit-border-radius: 0 0 10px 10px;
  194
+  border-radius: 0 0 10px 10px;
  195
+
  196
+}
  197
+.services ul{
  198
+  padding: 0;
  199
+}
  200
+.services ul li{
  201
+  float: left;
  202
+  padding: 0;
  203
+}
  204
+.services li a {
  205
+  height: 48px;
  206
+  width: 48px;
  207
+  background: transparent;
  208
+  float: left;
  209
+  display: block;
  210
+  overflow: hidden;
  211
+
  212
+}
  213
+
  214
+.services li a.github {
  215
+  background: transparent url('../images/git.png') no-repeat top left;
  216
+}
  217
+.services li a.iddy {
  218
+  background: transparent url('../images/iddy.png') no-repeat top left;
  219
+}
  220
+.services li a.mixi {
  221
+  background: transparent url('../images/mixi.png') no-repeat top left;
  222
+}
  223
+
  224
+.services li a.facebook {
  225
+  background: transparent url('../images/facebook.png') no-repeat top left;
  226
+}
  227
+.services li a.friendfeed {
  228
+  background: transparent url('../images/friendfeed.png') no-repeat top left;
  229
+}
  230
+.services li a.twitter {
  231
+  background: transparent url('../images/twitter.png') no-repeat top left;
  232
+}
  233
+
1 234
 .image-wrapper {
2 235
   height: 100px;
  236
+  width: 100px;
  237
+  padding: 3px;
  238
+  margin-bottom: 5px;
  239
+  background: #fff;
  240
+  border: 1px solid #ccc;
  241
+  -moz-transform: rotate(-2deg);
  242
+  -webkit-transform: rotate(-2deg);
  243
+  transform: rotate(-2deg);
  244
+}
  245
+.image-wrapper .frame {
  246
+  width: 100px;
  247
+  height: 100px;
  248
+  overflow: hidden;
3 249
 }
4 250
 
5 251
 .image-wrapper img {
6  
-  height: 100%;
  252
+  width: 100px;
7 253
 }
Commit_comment_tip

Tip: You can add notes to lines in a file. Hover to the left of a line to make a note

Something went wrong with that request. Please try again.