diff --git a/www/css/blerg.css b/www/css/blerg.css
line changes: +4/-0
index 4ff8277..66aeeb8
--- a/www/css/blerg.css
+++ b/www/css/blerg.css

@@ -144,3 +144,7 @@ h1, h2, h3 {
 .author {
 	font-weight: bold;
 }
+
+#usercontrols {
+	font-weight: bold;
+}

diff --git a/www/index.html b/www/index.html
line changes: +1/-0
index ac215ab..9ca1cbb
--- a/www/index.html
+++ b/www/index.html

@@ -19,6 +19,7 @@
     <img src="/images/blerglogo.png" class="logo" width="125" height="122">
     <h1><a href="/">Blërg!</a></h1>
     <h2><span name="section">Welcome</span></h2>
+    <div id="usercontrols" style="display:none"><a href="#" name="user.reflink">[chatter]</a></div>
   </div>
   <div id="controls">
     <form style="font-size: small" id="login" onsubmit="loginStatus.login($('login.username').value, $('login.password').value); return false">

diff --git a/www/js/blerg.js b/www/js/blerg.js
line changes: +6/-0
index 96f6cb2..1f413ad
--- a/www/js/blerg.js
+++ b/www/js/blerg.js

@@ -208,6 +208,10 @@ User.prototype.show = function() {
     items.show();
     $('rss').show();
     $('rsslink').href = '/rss/' + this.username;
+    $$('[name=user.reflink]').each(function(e) {
+        e.href = '/#ref/' + this.username;
+    }.bind(this));
+    $('usercontrols').show();
 }
 
 User.prototype.loadItems = function(from, to) {

@@ -332,6 +336,7 @@ Tag.prototype.show = function() {
     $('newer_link').hide();
     $('rss').hide();
     items.show();
+    $('usercontrols').hide();
 }
 
 function postPopup() {

@@ -517,6 +522,7 @@ function hashSwitch() {
         $('older_link').hide();
         $('welcome').show();
         $('rss').hide();
+        $('usercontrols').hide();
         loadLatest();
     }
 }