added subtle background, added email and print links

This commit is contained in:
okor 2012-08-29 13:09:10 -04:00
parent be62711f5c
commit 9def42b332
5 changed files with 49 additions and 18 deletions

View File

@ -25,7 +25,7 @@
border: 0;
}
.org p,
.org p,
.job p {
margin: 5pt 0 15pt;
}
@ -97,7 +97,7 @@ h1, h2, h3, h4 {
/* =! Links */
#profile a:after,
#repositories a:after,
#repositories a:after,
#about a:after {
content: " (" attr(href) ")";
font-style: italic;
@ -117,4 +117,8 @@ a {
color: inherit;
}
#actions {
visibility: hidden;
}
/* --------- */

View File

@ -5,7 +5,7 @@
v0.9: 5/28/09
design and code by: thingsthatarebrown.com
design and code by: thingsthatarebrown.com
(matt brown)
---------------------------------------------------------------------------------
*/
@ -17,8 +17,8 @@
.msg a:hover { background: #266400; }
/* //-- yui-grids style overrides -- */
body { font-family: Georgia, Garamond, "Times New Roman", Times, serif; color: #444; }
#inner { padding: 10px 80px; margin: 80px auto; background: #f5f5f5; border: solid #666; border-width: 8px 0 2px 0; }
body { font-family: Georgia, Garamond, "Times New Roman", Times, serif; color: #444; background: url('../images/low_contrast_linen.png'); padding: 80px 0 80px 0;}
#inner { padding: 10px 80px; margin: 0 auto; background: #f5f5f5; border: solid #666; border-width: 8px 0 2px 0; box-shadow: 0 1px 3px #000; }
.yui-gf { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #ccc; }
/* //-- header, body, footer -- */
@ -43,7 +43,7 @@ li { line-height: 24px; border-bottom: 1px solid #ccc; }
p.enlarge { font-size: 144%; padding-right: 6.5em; line-height: 24px; }
.contact-info { margin-top: 7px; text-align: right; font-size: 12px; position: relative; float: left; width: 100%;}
.contact-info a { position :relative; float: left; width: 100%;}
.contact-info img {float: right; border: 1px solid #ccc; width: 150px; height: 150px; margin: -24px 0 14px;}
.contact-info img {float: right; border: 1px solid #ccc; width: 140px; height: 140px; margin: -24px 0 14px; border-radius: 3px;}
.first h2 { font-style: italic; }
.last { border-bottom: 0; }
@ -134,3 +134,19 @@ noscript {
font-size: 152%;
color: #990003;
}
#actions {
margin: 0 auto 40px auto;
width: 73.076em;
}
#actions * {
float: right;
}
#actions a {
color: #ccc;
text-decoration: none;
text-shadow: 0 0 5px #000;
margin-left: 1em;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View File

@ -110,7 +110,8 @@ var run = function() {
followers: data.followers,
followersLabel: data.followers > 1 ? 'followers' : 'follower',
username: username,
since: since
since: since,
resume_url: window.location
};
if (data.blog !== undefined && data.blog !== null && data.blog !== '') {
@ -125,6 +126,10 @@ var run = function() {
html = Mustache.to_html(template, view);
$('#resume').html(html);
document.title = name + "'s Résumé";
$("#actions #print").click(function(){
window.print();
return false;
});
}
});
});
@ -175,11 +180,11 @@ var run = function() {
languageTotal += languages[lang];
}
if (limit) {
sorted_languages = sorted_languages.slice(0, limit);
}
return sorted_languages.sort(sortByPopularity);
}
@ -188,16 +193,16 @@ var run = function() {
dataType: 'html',
success: function(response) {
languages = sortLanguages(languages, maxLanguages);
if (languages && languages.length > 0) {
var ul = $('<ul class="talent"></ul>'),
percent, li;
$.each(languages, function(i, lang) {
x = i + 1;
percent = parseInt((lang.popularity / languageTotal) * 100);
li = $('<li>' + lang.toString() + ' ('+percent+'%)</li>');
if (x % 3 == 0 || (languages.length < 3 && i == languages.length - 1)) {
li.attr('class', 'last');
ul.append(li);
@ -216,7 +221,7 @@ var run = function() {
$('#jobs').html('');
itemCount = 0;
var since, until, date, view, template, html;
$.each(sorted, function(index, repo) {
if (itemCount >= maxItems) {
return;
@ -279,9 +284,9 @@ var run = function() {
if (sorted.length > 0) {
$('#orgs').html('');
var name, view, template, html;
$.each(sorted, function(index, org) {
if (itemCount >= maxItems) {
return;
@ -322,4 +327,4 @@ if (trackerId) {
})();
}
$(window).bind('error', error);
$(window).bind('error', error);

View File

@ -1,4 +1,10 @@
<div id="actions" class="yui-t7">
<a href="#" id="print">Print</a>
<a target='none' href="mailto:?subject=Resume for {{name}}&body=Link to resume: {{resume_url}}" id="email">Email</a>
</div>
<div id="doc2" class="yui-t7">
<div id="inner" class="vcard">
<div id="hd">
@ -41,12 +47,12 @@
<p id="languages" class="enlarge"></p>
</div>
</div><!--// .yui-gf -->
<div class="yui-gf" id="mylanguages">
<div class="yui-gf" id="mylanguages">
<div class="yui-u first">
<h2>Languages</h2>
</div>
<div class="yui-u" id="content-languages">
</div>
</div>
<div id="repositories" class="yui-gf">