elswhere

bgolub · Oct 19, 2009 · 995f2fb · 995f2fb
1 parent ab437f1
commit 995f2fb
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 5 deletions.
diff --git a/static/css/base.css b/static/css/base.css
@@ -136,3 +136,29 @@ pre {
   height: 500px;
   line-height: 16pt;
 }
+
+.elsewhere a {
+  background-position: center left;
+  background-repeat: no-repeat;
+  padding-left: 20px;
+}
+
+.elsewhere .email {
+  background-image: url("../images/email.png");
+}
+
+.elsewhere .facebook {
+  background-image: url("../images/facebook.png");
+}
+
+.elsewhere .flickr {
+  background-image: url("../images/flickr.png");
+}
+
+.elsewhere .twitter {
+  background-image: url("../images/twitter.png");
+}
+
+.elsewhere .friendfeed {
+  background-image: url("../images/friendfeed.png");
+}
diff --git a/templates/base.html b/templates/base.html
@@ -26,11 +26,16 @@ <h3>{{ _("Links") }}</h3>
             <ul>
               <li><a href="/about">{{ _("About") }}</a></li>
               <li><a href="/archive">{{ _("Archive") }}</a></li>
-              <li><a href="mailto:benjamin.golub@gmail.com">{{ _("Email") }}</a></li>
-              <li><a href="http://facebook.com/bgolub">{{ _("Facebook") }}</a></li>
-              <li><a href="http://www.flickr.com/photos/benjamingolub/">Flickr</a></li>
-              <li><a href="http://friendfeed.com/bgolub">{{ _("FriendFeed") }}</a></li>
-              <li><a href="http://twitter.com/bgolub">{{ _("Twitter") }}</a></li>
+            </ul>
+          </div>
+          <div class="box elsewhere">
+            <h3>{{ _("Elsewhere") }}</h3>
+            <ul>
+              <li><a rel="me" class="email" href="mailto:benjamin.golub@gmail.com">{{ _("Email") }}</a></li>
+              <li><a rel="me" class="facebook" href="http://facebook.com/bgolub">{{ _("Facebook") }}</a></li>
+              <li><a rel="me" class="flickr" href="http://www.flickr.com/photos/benjamingolub/">Flickr</a></li>
+              <li><a rel="me" class="friendfeed" href="http://friendfeed.com/bgolub">{{ _("FriendFeed") }}</a></li>
+              <li><a rel="me" class="twitter" href="http://twitter.com/bgolub">{{ _("Twitter") }}</a></li>
             </ul>
           </div>
           {{ modules.RecentEntries() }}