Permalink
Browse files

Grid UI

Typography
  • Loading branch information...
1 parent 77d0701 commit 7c8ecb6e9d92e58c524059c1fb6f44dbcc7e688d @nicinabox nicinabox committed Jan 6, 2011
@@ -14,11 +14,15 @@
<% end -%>
<% unless account.names.empty? %>
- <p><%= account.names.collect {|n| n.value }.reverse.to_sentence %></p>
+ <ul class="my_names">
+ <% account.names.reverse.each do |n| %>
+ <li><%= n.value %></li>
+ <% end %>
+ </ul>
<% end %>
-
+
<% unless account.nicks.empty? %>
- <p><strong>aka:</strong> <%= account.nicks.collect {|n| n.value }.to_sentence %></p>
+ <p class="nicks"><strong>aka:</strong> <%= account.nicks.collect {|n| n.value }.to_sentence %></p>
<% end %>
</header>
<% if full -%>
@@ -8,6 +8,7 @@
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
+ <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
</head>
<body>
<a href="http://github.com/you"><img style="position: fixed; top: 0; left: 0; border: 0;" src="https://assets1.github.com/img/5d21241b64dc708fcbb701f68f72f41e9f1fadd6?repo=&url=http%3A%2F%2Fs3.amazonaws.com%2Fgithub%2Fribbons%2Fforkme_left_red_aa0000.png&path=" alt="Fork me on GitHub"></a>
@@ -1,3 +1,9 @@
+/*
+Authors:
+Joe Sak joe@joesak.com
+Nic Haynes nic@nicinabox.com
+*/
+
$(document).ready(function(){
//equalize the height of each account in the INDEX list
// #accounts is the scope that indicates the INDEX view
@@ -20,20 +26,11 @@ $(document).ready(function(){
}
}
var count = $('.account').not('.hide').length;
- switch (count) {
- case 1:
- results = count+" result";
- break;
- default:
- results = count+" results";
- break;
- }
if ($(this).val() != '') {
- $('#filter .results').html(results);
+ $('#filter .results').html(count == 1 ? count+" result" : count+" results");
} else {
$('#filter .results').empty();
}
-
})
// Set the card height relative to the services height
@@ -185,6 +185,9 @@ p{
height: 100px;
overflow: hidden;
}
+#accounts .my_names {
+ font-size: 14px;
+}
#accounts .account p {
color: gray;
}
@@ -245,11 +248,21 @@ p{
}
#account header {
margin-bottom: 10px;
+ overflow: auto;
+}
+#account .my_names {
+ font-family: 'Lato', arial, serif;
+ color: #444;
+ font-size: 20px;
+ margin-top: 10px;
}
-#account header p {
+#account .nicks {
+ margin-top: 10px;
+ font-size: 16px;
+ color: gray;
+}
+#account header p strong {
color: gray;
- margin: 0;
- font-size: 18px;
}
#account .image-wrapper {
position: absolute;
@@ -278,7 +291,7 @@ p{
#account .col {
float: left;
margin-right: 20px;
- width: 195px;
+ width: 185px;
}
#account .col.last {
margin: 0;

0 comments on commit 7c8ecb6

Please sign in to comment.