Frontpage and style tweaks

[blerg.git] / www / index.html

diff --git a/www/index.html b/www/index.html
index 729ff19..ae652ab 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -7,6 +7,7 @@
 <title>Blërg!</title>
 <link rel="stylesheet" href="css/blerg.css">
 <script type="text/javascript" src="js/prototype.js"></script>
+<script type="text/javascript" src="js/Bytex64.FX.js"></script>
 <script type="text/javascript" src="js/blerg.js"></script>
 <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <meta name="viewport" content="width=device-width, user-scalable=no, maximum-scale=1.0"/>
@@ -18,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">
@@ -52,6 +54,14 @@
   </div>
 
   <div id="welcome">
+
+  <div id="latest">
+    <h2>Latest posts</h2>
+    <div id="latest-posts"></div>
+    <h2>Latest tags</h2>
+    <div id="latest-tags"></div>
+  </div>
+
   <h2>I am 12 and what is this</h2>
 
   <p>Blërg is a microblogging platform.  Or maybe a miniblogging
@@ -105,6 +115,10 @@
 
   <p>Here, take a look at the <a href="/doc/#design">design docs</a>.</p>
 
+  <h2>I'm a social media whore and I want to share links!</h2>
+
+  <p>I've created a bookmarklet just for you: <a href="javascript:location.href='http://blerg.dominionofawesome.com/?post/'+encodeURIComponent(document.title)+'/'+encodeURIComponent(location.href)">Blërg it!</a></p>
+
   </div>
 
   <div id="navigation">