First stab at enyo rewrite
[blerg.git] / www / index.html
index c6dcec4..9c78587 100644 (file)
@@ -6,15 +6,20 @@
 <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>
+<!-- enyo dev -->
+<script type="text/javascript" src="jssrc/enyo/enyo.js"></script>
+<script type="text/javascript" src="jssrc/package.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">
   <div id="items" style="display:none">
   </div>
 
-  <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 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 &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 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 &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>
-
-  <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="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>
+-->
 
 </body>
 </html>