www/index.html

   1 <!DOCTYPE html>
   2 <!-- Blerg is (C) 2011 The Dominion of Awesome, and is distributed under a
   3      BSD-style license.  Please see the COPYING file for details.
   4   -->
   5 <html>
   6 <head>
   7 <title>Blërg!</title>
   8 <!-- enyo dev -->
   9 <script type="text/javascript" src="jssrc/enyo/enyo.js"></script>
  10 <script type="text/javascript" src="jssrc/package.js"></script>
  11
  12 <link rel="stylesheet" href="css/blerg.css">
  13 <meta http-equiv="content-type" content="text/html; charset=utf-8">
  14 <meta name="viewport" content="width=device-width, user-scalable=no, maximum-scale=1.0"/>
  15 </head>
  16 <body>
  17 <script type="text/javascript">
  18 //new blerg.Blerg({}).renderInto(document.body);
  19 new blerg.Blerg({}).write();
  20 </script>
  21
  22 <!--
  23 <div id="header">
  24   <div id="siteid">
  25     <img src="images/blerglogo.png" class="logo" width="125" height="122">
  26     <h1><a href="#">Blërg!</a></h1>
  27     <h2><span name="section">Welcome</span></h2>
  28     <div id="usercontrols" style="display:none">
  29       <a href="#" name="user.reflink" onclick="return qlink()">[chatter]</a>
  30       <a href="#" name="user.subscribelink" onclick="subscribe(); return false" style="display: none">[stalk]</a>
  31       <a href="#" name="user.unsubscribelink" onclick="unsubscribe(); return false" style="display: none">[stop stalking]</a>
  32     </div>
  33   </div>
  34   <div id="controls">
  35     <form style="font-size: small" id="login" onsubmit="loginStatus.login($('login.username').value, $('login.password').value); return false">
  36       username: <input type="text" id="login.username" size="10">
  37       password: <input type="password" id="login.password" size="10">
  38       <input type="submit" value="login">
  39       <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>
  40     </form>
  41     <div id="logout" style="display: none">
  42       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>
  43       <a href="#" onclick="postPopup(); return false">Write new entry</a><br>
  44       <a href="#" id="reflink" onclick="return qlink()">Chatter about me</a><br>
  45       <a href="#/feed" onclick="return qlink()">Stalk your victims <span id="newFeedMessages"></span></a>
  46     </div>
  47     <div id="rss" style="display:none"><a id="rsslink" href=""><img src="images/rss.png" width="16" height="16"> RSS</a></div>
  48   </div>
  49   <div style="clear:both"></div>
  50   <div id="post" style="display:none">
  51     <h2>What's on your mind?</h2>
  52     <form onsubmit="loginStatus.post($('post.content').value); return false">
  53       <textarea rows="3" id="post.content" onkeydown="resizePostContent()"></textarea>
  54       <div id="post.buttons">
  55         <input type="submit" value="close" onclick="$('post').hide(); return false">
  56         <input type="submit" value="post">
  57       </div>
  58     </form>
  59   </div>
  60 </div>
  61
  62
  63 <div id="main">
  64   <div id="items" style="display:none">
  65   </div>
  66
  67   <div id="navigation">
  68     <a id="newer_link" href="#" onclick="return qlink()" style="display:none">&lt;&lt; newer</a>
  69     <a id="older_link" href="#" onclick="return qlink()" style="display:none">older &gt;&gt;</a>
  70   </div>
  71
  72   <div id="signup" style="display:none">
  73     <h2>Sign Up</h2>
  74     <table>
  75       <tr><td>Username:</td><td><input type="text" id="signup.username" width="40"></td></tr>
  76       <tr><td>Password:</td><td><input type="password" id="signup.password" width="40"></td></tr>
  77     </table>
  78     <button onclick="signup()">Signup</button> <button onclick="signup_cancel()">Cancel</button>
  79   </div>
  80
  81   <div id="passwd" style="display:none">
  82     <h2>Change Your Password</h2>
  83     <table>
  84       <tr><td>Old Password:</td><td><input type="password" id="passwd.old_password" width="40"></td></tr>
  85       <tr><td>New Password:</td><td><input type="password" id="passwd.new_password" width="40"></td></tr>
  86     </table>
  87     <button onclick="passwd()">Change</button> <button onclick="passwd_cancel()">Cancel</button>
  88   </div>
  89
  90 </div>
  91 -->
  92
  93 </body>
  94 </html>