Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

design complete #1

Closed
wants to merge 3 commits into from

2 participants

Mike Riley Aaron Patterson
Mike Riley

created a design for the ruby committers.org site

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Showing 3 unique commits by 1 author.

Jan 02, 2011
mriley updated design for index and account c98cc46
mriley updated layout dbd189f
mriley finished up design 6fc4ceb
This page is out of date. Refresh to see the latest.
122 app/views/accounts/_account.html.erb
... ... @@ -1,79 +1,43 @@
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>
17   - <% end %>
18   -
19   - <% 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>
28   - <% end %>
29   -
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>
50   - <% end %>
51   -
52   - <% unless account.portraits.empty? %>
53   - <tr>
54   - <td>Portraits:</td>
55   - <td>
56   - <ul>
57   - <%= render :partial => 'portrait', :collection => account.portraits %>
58   - </ul>
59   - </td>
60   - </tr>
61   - <% end %>
62   -
63   - <!-- FIXME: unsure how to link to ISBN. :-( -->
64   - <!--
65   - <% unless account.books.empty? %>
66   - <tr>
67   - <td>Books:</td>
68   - <td>
69   - <ul>
70   - <% account.books.each do |book| %>
71   - <li><%= book.key %></li>
72   - <% end %>
73   - </ul>
74   - </td>
75   - </tr>
76   - <% end %>
77   - -->
78   - </table>
79   -</li>
  1 +<table>
  2 + <tr class="committer">
  3 + <td class="portrait">
  4 + <% unless account.portraits.empty? %>
  5 + <%= render :partial => 'portrait', :collection => account.portraits %>
  6 + <% end %>
  7 + </td>
  8 + <td class="names">
  9 + <%= account.username %><br/><br/>
  10 + <% unless account.names.empty? %>
  11 + Names: <%= render :partial => 'name', :collection => account.names %>
  12 + <% end %>
  13 + <br/>
  14 + <% unless account.nicks.empty? %>
  15 + Nicknames: <%= render :partial => 'name', :collection => account.nicks %>
  16 + <% end %>
  17 + </td>
  18 + <td class="connect">
  19 + <% unless account.sites.empty? %>
  20 + Websites:</br></br><%= render :partial => 'site', :collection => account.sites %>
  21 + <% end %>
  22 + <br/>
  23 + <% unless account.services.empty? %>
  24 + Connect: <%= render :partial => 'service', :collection => account.services %>
  25 + <% end %>
  26 + </td>
  27 + <!-- FIXME: unsure how to link to ISBN. :-( -->
  28 + <!--
  29 + <% unless account.books.empty? %>
  30 + <tr>
  31 + <td>Books:</td>
  32 + <td>
  33 + <ul>
  34 + <% account.books.each do |book| %>
  35 + <li><%= book.key %></li>
  36 + <% end %>
  37 + </ul>
  38 + </td>
  39 + </tr>
  40 + <% end %>
  41 + -->
  42 + </tr>
  43 +</table>
2  app/views/accounts/_name.html.erb
... ... @@ -1 +1 @@
1   -<li><%= name.value %></li>
  1 +<li><%= name.value %></li>
4 app/views/accounts/_service.html.erb
... ... @@ -1,3 +1 @@
1   -<li>
2   - <%= link_to_service service.name, service %>
3   -</li>
  1 +<li><%= link_to_service service.name, service %></li>
2  app/views/accounts/_site.html.erb
... ... @@ -1 +1 @@
1   -<li><%= link_to site.title, site.url %></li>
  1 +<li><%= link_to site.title, site.url %></li>
18 app/views/accounts/index.html.erb
... ... @@ -1,5 +1,15 @@
1   -<h1>Ruby Committers</h1>
2   -<%= link_to 'fork me on github', 'http://github.com/tenderlove/rubycommitters.org' %>
3   -<ul>
  1 +<div id="header">
  2 + <div id="topbar"></div>
  3 + <div id="header_content">
  4 + <div id="logo"></div>
  5 + </div>
  6 +</div>
  7 +<div id="body_content">
  8 +<div class="fork">
  9 + <%= image_tag 'fork.jpg' %><%= link_to 'Fork me on github', 'http://github.com/tenderlove/rubycommitters.org' %>
  10 +</div>
  11 +<br/><br/>
  12 +<table class="committers">
4 13 <%= render :partial => 'account', :collection => @accounts %>
5   -</ul>
  14 +</table>
  15 +</div>
BIN  public/images/background.jpg
BIN  public/images/fork.jpg
BIN  public/images/logo.jpg
82 public/stylesheets/site.css
... ... @@ -1,3 +1,9 @@
  1 +body{
  2 + font-family: Arial;
  3 + margin: 0;
  4 + background: #e5e5e5;
  5 +}
  6 +
1 7 .image-wrapper {
2 8 height: 100px;
3 9 }
@@ -5,3 +11,79 @@
5 11 .image-wrapper img {
6 12 height: 100%;
7 13 }
  14 +
  15 +#header{
  16 + background-image:url('../images/background.jpg');
  17 + height: 100px;
  18 +}
  19 +
  20 +#header_content{
  21 + width: 800px;
  22 + margin: 0 auto;
  23 + height: 100px;
  24 +}
  25 +
  26 +#topbar{
  27 + background: #000000;
  28 + width: 100%;
  29 + height: 5px;
  30 +}
  31 +
  32 +#body_content{
  33 + width: 800px;
  34 + margin: 0 auto;
  35 + height: 150px;
  36 +}
  37 +
  38 +.portrait{
  39 + vertical-align: top;
  40 + width: 150px;
  41 +}
  42 +
  43 +.names{
  44 + vertical-align: top;
  45 + width: 350px;
  46 +}
  47 +
  48 +.connect{
  49 + vertical-align: top;
  50 + width: 350px;
  51 +}
  52 +
  53 +.fork{
  54 + font-family: Arial;
  55 + font-size: 14px;
  56 + float: right;
  57 +}
  58 +
  59 +a {
  60 + color: #999999;
  61 +}
  62 +
  63 +a:hover{
  64 + color: #000000;
  65 +}
  66 +
  67 +#logo{
  68 + position: relative;
  69 + top: 17px;
  70 + background-image:url('../images/logo.jpg');
  71 + height: 28px;
  72 + width: 230px;
  73 +}
  74 +
  75 +ul {
  76 + display: inline;
  77 +}
  78 +
  79 +li {
  80 + list-style: none;
  81 + padding-left: 15px;
  82 +}
  83 +
  84 +table {
  85 + background-color: #f6f6f6;
  86 + padding: 3px;
  87 + border: 1px solid #CCCCCC;
  88 + margin-bottom: 10px;
  89 +}

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.