Add more error checking in auth
[blerg.git] / www / index.html
index 6b25550..c667c71 100644 (file)
 <html>
 <head>
 <title>Blërg!</title>
+<!-- enyo production -->
+<script type="text/javascript" src="build/enyo-blerg.js"></script>
+<link rel="stylesheet" href="build/enyo-blerg.css">
 <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()">
-
-<div id="header">
-  <div id="siteid">
-    <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>
-  <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>
-    </form>
-    <div id="logout" style="display: none">
-      Hello, <a href="#" id="userlink"></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>
-    </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">
-    <h2>What's on your mind?</h2>
-    <form onsubmit="loginStatus.post($('post.content').value); return false">
-      <textarea rows="3" id="post.content" onkeydown="resizePostContent()"></textarea>
-      <div id="post.buttons">
-        <input type="submit" value="close" onclick="$('post').hide(); return false">
-        <input type="submit" value="post">
-      </div>
-    </form>
-  </div>
-</div>
-
-
-<div id="main">
-  <div id="items" style="display:none">
-  </div>
-
-  <div id="welcome">
-  <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>
-
-  <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>
-  
-  <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>
-  <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
-  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 &mdash; 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>
-  </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>
-  </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>
-    </table>
-    <button onclick="signup()">Signup</button> <button onclick="signup_cancel()">Cancel</button>
-  </div>
-</div>
-
+<body>
+<script type="text/javascript">
+BlergMedia.media_init();
+new blerg.Blerg().write();
+</script>
+<footer>
+<a href="/doc/contact.html">Contact Blërg!</a>
+<a href="/doc/privacy_data.html">Privacy and Data Policies</a>
+</footer>
 </body>
 </html>