<html>
<head>
<title>Blërg!</title>
+<!-- enyo dev -->
+<script type="text/javascript" src="jssrc/enyo/enyo.js"></script>
+<script type="text/javascript" src="jssrc/package.js"></script>
+
<link rel="stylesheet" href="css/blerg.css">
-<script type="text/javascript" src="js/prototype.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"/>
</head>
-<body onload="init()">
+<body>
+<script type="text/javascript">
+//new blerg.Blerg({}).renderInto(document.body);
+new blerg.Blerg({}).write();
+</script>
+<!--
<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">
<div id="items" style="display:none">
</div>
- <div id="welcome">
-
- <div style="float: right; width: 25%; margin: 0 0 8pt 8pt">
- <h2>Quick and dirty hack to show recent tags</h2>
- <div id="newtags"></div>
-
- <h2>And here are some users with recent activity</h2>
- <div id="newusers"></div>
- </div>
-
- <h2>I am 12 and what is this</h2>
-
- <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. 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 — 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 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>
-
- <p>Blërg solves these problems by applying absurd reactionary
- engineering. Blërg's database backend is a custom C program that
- handles requests over HTTP and stores data in a very small and
- efficient indexed log-structured database. The frontend is done
- entirely in client-side Javascript. A single post can be up to 65535
- bytes in length.</p>
-
- <p>Which is not to say that I believe writing your service in C is the
- solution to all your problems. Clearly, this approach has just as
- many hairy problems that will bite you in the ass sooner or later.
- The best way, as with most things, lies somewhere in the middle of
- high-level abstraction and ZOMGHARDCORE OPTIMIZATION.</p>
-
- <h2>Is this a joke?</h2>
-
- <p>Yes. No. Maybe. Blërg is an exercise in constructive satire — a
- 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"><< newer</a>
- <a id="older_link" href="#" onclick="older_page(); return false" style="display:none">older >></a>
+ <a id="newer_link" href="#" onclick="return qlink()" style="display:none"><< newer</a>
+ <a id="older_link" href="#" onclick="return qlink()" style="display:none">older >></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>
</html>