X-Git-Url: http://git.bytex64.net/?a=blobdiff_plain;f=www%2Findex.html;h=c6dcec47d4be196668f46ddae0f9d6edf109a4c0;hb=929a369550b4a40b743e7e30746b6cf575760fe3;hp=5bd89dad19d3ab656b968614923e8f1f692defa7;hpb=6ce5fb7ab6e31f76e57639e4d04e32af33e77ee6;p=blerg.git

diff --git a/www/index.html b/www/index.html
index 5bd89da..c6dcec4 100644
--- a/www/index.html
+++ b/www/index.html
@@ -1,10 +1,15 @@
 <!DOCTYPE html>
+<!-- Blerg is (C) 2011 The Dominion of Awesome, and is distributed under a
+     BSD-style license.  Please see the COPYING file for details.
+  --> 
 <html>
 <head>
 <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>
+<script type="text/javascript" src="js/blergmedia.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"/>
 </head>
@@ -12,23 +17,29 @@
 
 <div id="header">
   <div id="siteid">
-    <img src="/images/blerglogo.png" class="logo" width="125" height="122">
-    <h1><a href="/">BlÃ«rg!</a></h1>
+    <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" onclick="return qlink()">[chatter]</a>
+      <a href="#" name="user.subscribelink" onclick="subscribe(); return false" style="display: none">[stalk]</a>
+      <a href="#" name="user.unsubscribelink" onclick="unsubscribe(); return false" style="display: none">[stop stalking]</a>
+    </div>
   </div>
   <div id="controls">
     <form style="font-size: small" id="login" onsubmit="loginStatus.login($('login.username').value, $('login.password').value); return false">
       username: <input type="text" id="login.username" size="10">
       password: <input type="password" id="login.password" size="10">
       <input type="submit" value="login">
-      <p style="font-size: large"><a href="#" onclick="$('welcome').hide(); $('items').hide(); $('post').hide(); $('signup').show(); return false;">I want to blÃ«rg!</a></p>
+      <p style="font-size: large"><a href="#" onclick="$('welcome').hide(); $('items').hide(); $('post').hide(); $('signup').show(); return false">I want to blÃ«rg!</a></p>
     </form>
     <div id="logout" style="display: none">
-      Hello, <a href="#" id="userlink"></a>. <a href="#" onclick="loginStatus.logout(); return false">logout</a><br>
+      Hello, <a href="#" id="userlink" onclick="return qlink()"></a>. <a href="#" onclick="$('welcome').hide(); $('items').hide(); $('post').hide(); $('navigation').hide(); $('passwd').show(); return false">change password</a> <a href="#" onclick="loginStatus.logout(); return false">logout</a><br>
       <a href="#" onclick="postPopup(); return false">Write new entry</a><br>
-      <a href="#" id="reflink">Chatter about me</a>
+      <a href="#" id="reflink" onclick="return qlink()">Chatter about me</a><br>
+      <a href="#/feed" onclick="return qlink()">Stalk your victims <span id="newFeedMessages"></span></a>
     </div>
-    <div id="rss" style="display:none"><a id="rsslink" href=""><img src="/images/rss.png" width="16" height="16"> RSS</a></div>
+    <div id="rss" style="display:none"><a id="rsslink" href=""><img src="images/rss.png" width="16" height="16"> RSS</a></div>
   </div>
   <div style="clear:both"></div>
   <div id="post" style="display:none">
@@ -48,33 +59,41 @@
   <div id="items" style="display:none">
   </div>
 
-  <div id="welcome">
+  <div id="welcome" style="display:none">
+
+  <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 miniblogging platform.  It's less limited than
-  microblogging platforms like <a
-  href="http://twitter.com/">Twitter</a>, but much simpler than
-  full-blown blogging platforms like <a
-  href="http://wordpress.com/">Wordpress</a> or <a
-  href="http://livejournal.com/">Livejournal</a>.  BlÃ«rg is also an open
-  source tagged text database engine written in C that does the back-end
-  work.</p>
+  <p>BlÃ«rg is a microblogging platform.  Or maybe a miniblogging
+  platform.  BlÃ«rg is not sure.  BlÃ«rg is a lot like <a
+  href="http://twitter.com/">Twitter</a>, but aims to fix some of its
+  idiosyncracies.  BlÃ«rg does not want to be a full blogging platform
+  like <a href="http://wordpress.com/">Wordpress</a> or <a
+  href="http://livejournal.com/">Livejournal</a>.  BlÃ«rg is also an <a
+  href="/doc/">open source tagged text database engine</a> written in C
+  that does the back-end work. BlÃ«rg's author finds it entertaining to
+  anthropomorphize BlÃ«rg in the third person.</p>
 
   <h2>But what's wrong with Twitter?</h2>
 
-  <p>I'M GLAD YOU ASKED. While I don't believe the basic social premise
-  of Twitter is broken, there are two facets of it that are IMNSHO just
-  wrong:</p>
+  <p>I'M GLAD YOU ASKED. There are two aspects of Twitter that just bug
+  me as an engineer:</p>
   
   <ol>
   <li><strong>Ruby on Rails</strong> - Using rails to prototype a system is
-  fine &mdash; scaling up to a million hits a day with it is just poor
-  engineering. As the service grew, I'm sure it cost them a lot more
-  time than it saved.</li>
+  fine &mdash; scaling up to a million hits a day with it is just a bad
+  idea. As the service grew, I'm sure it cost them a lot more time than
+  it saved.</li>
   <li><strong>140 characters is not enough</strong> - I routinely write
-  sentences longer than 140 characters, so I can't imagine even beginning to
-  make a point in such a small space.  This textual confinement has led to the
-  rise of URL shorteners, which are <a
+  sentences longer than 140 characters, so I can't even begin to imagine
+  making a point in such a small space.  This textual confinement has
+  led to the rise of URL shorteners, which are <a
   href="http://bytex64.net/blog/e2256">breaking the internet</a>.
   </ol>
 
@@ -97,21 +116,40 @@
   fully functional service created in a fit of hubris to poke fun at Twitter's
   engineering.  It's just for fun, but no one is going to keep you from using
   it seriously. :]</p>
+
+  <h2>Tell me more about this database engine.</h2>
+
+  <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">
-    <a id="newer_link" href="#" onclick="newer_page(); return false" style="display:none">&lt;&lt; newer</a>
-    <a id="older_link" href="#" onclick="older_page(); return false" style="display:none">older &gt;&gt;</a>
+    <a id="newer_link" href="#" onclick="return qlink()" style="display:none">&lt;&lt; newer</a>
+    <a id="older_link" href="#" onclick="return qlink()" style="display:none">older &gt;&gt;</a>
   </div>
 
   <div id="signup" style="display:none">
     <h2>Sign Up</h2>
     <table>
-      <tr><td>Username:</td><td><input type="text" id="signup.username" width="40"></td>
-      <tr><td>Password:</td><td><input type="password" id="signup.password" width="40"></td>
+      <tr><td>Username:</td><td><input type="text" id="signup.username" width="40"></td></tr>
+      <tr><td>Password:</td><td><input type="password" id="signup.password" width="40"></td></tr>
     </table>
     <button onclick="signup()">Signup</button> <button onclick="signup_cancel()">Cancel</button>
   </div>
+
+  <div id="passwd" style="display:none">
+    <h2>Change Your Password</h2>
+    <table>
+      <tr><td>Old Password:</td><td><input type="password" id="passwd.old_password" width="40"></td></tr>
+      <tr><td>New Password:</td><td><input type="password" id="passwd.new_password" width="40"></td></tr>
+    </table>
+    <button onclick="passwd()">Change</button> <button onclick="passwd_cancel()">Cancel</button>
+  </div>
+
 </div>
 
 </body>
