added sidebar with about info to blog

This commit is contained in:
2010-02-10 14:04:15 +02:00
parent 2dfb4aa7e9
commit 369bb36997
7 changed files with 97 additions and 5 deletions

View File

@@ -0,0 +1,39 @@
<div class="sidebar">
<div class="about-me">
<h1>&nbsp;</h1>
<a href="/images/jimeh.jpg" class="fancybox no-title avatar"><img src="/images/jimeh_thumb.jpg" alt="enjoy(not)." /></a>
<div class="description">
<p>
I'm a freelance web-developer / designer, and every morning I sprinkle
a little bit of insanity over my breakfast bowl of creativity and inspiration.
</p>
<dl>
<dt>email</dt>
<dd><script type="text/javascript">document.write(
"<n uers=\"znvygb:pbagnpg\100wvzru\056zr\" bapyvpx=\"_tnd\056chfu(['_genpxRirag', 'yvaxGb', 'rznvy', guvf\056uers]);\">pbagnpg\100wvzru\056zr<\057n>".replace(/[a-zA-Z]/g, function(c){return String.fromCharCode((c<="Z"?90:122)>=(c=c.charCodeAt(0)+13)?c:c-26);}));
</script></dd>
<dt>vcard</dt>
<dd><a href="/vcard" onclick="_gaq.push(['_trackEvent', 'download', 'vcard', '.vcf']);">download</a></dd>
<dt><a href="/resume/">resume</a></dt>
<dd>
<a href="/resume/jim-myhrberg-resume.pdf" onclick="_gaq.push(['_trackEvent', 'download', 'resume', '.doc']);">pdf</a> /
<a href="/resume/jim-myhrberg-resume.doc" onclick="_gaq.push(['_trackEvent', 'download', 'resume', '.doc']);">doc</a>
</dd>
<dt><a href="http://www.google.com/search?q=jimeh%20%22Jim%20Myhrberg%22" onclick="_gaq.push(['_trackEvent', 'linkTo', 'google', this.href]);">more</a></dt>
<dd>
<a href="http://twitter.com/jimeh" onclick="_gaq.push(['_trackEvent', 'linkTo', 'twitter', this.href]);">twitter</a>,
<a href="http://github.com/jimeh" onclick="_gaq.push(['_trackEvent', 'linkTo', 'github', this.href]);">github</a>,
<a href="http://www.facebook.com/jimeh" onclick="_gaq.push(['_trackEvent', 'linkTo', 'facebook', this.href]);">facebook</a>,
<a href="http://www.linkedin.com/in/jimmyhrberg" onclick="_gaq.push(['_trackEvent', 'linkTo', 'linkedin', this.href]);">linkedin</a>,
<br />
<a href="http://www.flickr.com/photos/jimeh/" onclick="_gaq.push(['_trackEvent', 'linkTo', 'flickr', this.href]);">flickr</a>,
<a href="http://www.last.fm/user/jimeh" onclick="_gaq.push(['_trackEvent', 'linkTo', 'last.fm', this.href]);">last.fm</a>,
<a href="http://delicious.com/jimeh" onclick="_gaq.push(['_trackEvent', 'linkTo', 'del.icio.us', this.href]);">del.icio.us</a>,
<a href="http://jimeh.deviantart.com" onclick="_gaq.push(['_trackEvent', 'linkTo', 'deviantart', this.href]);">deviantart</a>
</dd>
</dl>
</div>
</div>
</div>
<div class="clear"></div>

View File

@@ -17,6 +17,8 @@
{{ content }}
</div>
{% include sidebar.html %}
</div>
{% include _foot.html %}

View File

@@ -17,6 +17,8 @@
{{ content }}
</div>
{% include sidebar.html %}
<div class="post-paginator">
{% if paginator.total_pages > paginator.page %}
<a href="/blog/page{{ paginator.next_page }}/" class="older">&larr; older</a>
@@ -28,7 +30,8 @@
<a href="/blog/page{{ paginator.previous_page }}" class="newer">newer &rarr;</a>
{% endif %}
{% endif %}
<a href="/blog/archive/">archive</a>
<a href="/blog/archive/">archive</a><br />
<a href="http://feeds.feedburner.com/jimeh">rss</a>
</div>
</div>

View File

@@ -19,7 +19,7 @@
<p class="date">{{ page.date | date: "<i>%d</i><b>%b</b>" }}</p>
</div>
<h1>{{ page.title }}</h1>
<h1 class="post-title">{{ page.title }}<span class="author">by Jim Myhrberg</span></h1>
<div class="post-content">
{{ content }}
@@ -31,8 +31,11 @@
</div>
</div>
{% include sidebar.html %}
<div class="post-paginator">
<a href="/blog/archive/">archive</a>
<a href="/blog/archive/">archive</a><br />
<a href="http://feeds.feedburner.com/jimeh">rss</a>
</div>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@@ -109,6 +109,7 @@ ul {
li {
margin-left: 30px;
margin-right: 10px;
}
p,
@@ -359,7 +360,7 @@ span.fancybox {
/* @group Thumbnails */
.thumbs {
text-align: center;
text-align: center !important;
}
.thumbs a {
margin: 5px;
@@ -457,10 +458,20 @@ blockquote {
/* @end */
.sidebar {
float: right;
width: 270px;
}
.sidebar p {
margin-bottom: 8px;
}
/* @group .post-* */
.post-world {
margin: 0px 50px;
margin: 0px 20px 0px 50px;
float: left;
width: 640px;
}
.post-item {
@@ -629,6 +640,40 @@ blockquote {
/* @end */
/* @group .about-me */
.about-me {
font-size: 13px;
}
.about-me .avatar {
float: left;
margin: 0px 10px 10px 0px;
cursor: default;
}
.about-me .avatar img {
height: 60px;
width: 60px;
}
.about-me .description {
}
.about-me dl {
color: #bbb;
}
.about-me dl dt {
float: left;
text-align: right;
width: 60px;
}
.about-me dl dt a {
color: #bbb;
}
.about-me dl dd {
margin-left: 68px;
}
/* @end */