backchan.chatpage.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>
  5. backchan.nl -- Meetings </title>
  6. <link rel="stylesheet" type="text/css" href="/css/yui/build/fonts/fonts-min.css" />
  7. <link rel="stylesheet" type="text/css" href="/css/yui/build/container/assets/skins/sam/container.css" />
  8. <link rel="stylesheet" type="text/css" href="/css/yui/build/button/assets/skins/sam/button.css" />
  9. <script type="text/javascript" src="/js/yui/build/utilities/utilities.js"></script>
  10. <script type="text/javascript" src="/js/yui/build/container/container-min.js"></script>
  11. <script type="text/javascript" src="/js/yui/build/button/button-min.js"></script>
  12. <script type="text/javascript" src="/js/yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
  13. <script type="text/javascript" src="/js/yui/build/container/container_core-min.js"></script>
  14. <script type="text/javascript" src="/js/yui/build/yahoo/yahoo-min.js"></script>
  15. <script type="text/javascript" src="/js/yui/build/dom/dom-min.js"></script>
  16. <script type="text/javascript" src="/js/yui/build/event/event-min.js"></script>
  17. <script type="text/javascript" src="/js/yui/build/element/element-min.js"></script>
  18. <script type="text/javascript" src="/js/yui/build/connection/connection-min.js"></script>
  19. <link rel="stylesheet" type="text/css" href="/css/cake.generic.css" />
  20. <link rel="stylesheet" type="text/css" href="/css/backchannl.generic.css" />
  21. <script type="text/javascript">
  22. //<![CDATA[
  23. var initialPosts={"Post":[]};
  24. var showAdmin=true;
  25. var showIdentityDialog=false;
  26. //]]>
  27. </script>
  28. <link rel="stylesheet" type="text/css" href="/css/yui/build/datatable/assets/skins/sam/datatable.css" />
  29. <link rel="stylesheet" type="text/css" href="/css/backchannl.generic.css" />
  30. <link rel="stylesheet" type="text/css" href="/css/top.posts.css" />
  31. <script type="text/javascript" src="/js/yui/build/datasource/datasource-beta-min.js"></script>
  32. <script type="text/javascript" src="/js/yui/build/json/json-min.js"></script>
  33. <script type="text/javascript" src="/js/yui/build/dragdrop/dragdrop-min.js"></script>
  34. <script type="text/javascript" src="/js/yui/build/calendar/calendar-min.js"></script>
  35. <script type="text/javascript" src="/js/yui/build/datatable/datatable-beta.js"></script>
  36. <script type="text/javascript" src="/js/identity.js"></script>
  37. <script type="text/javascript" src="/js/posting.js"></script>
  38. <script type="text/javascript" src="/js/datatable.js"></script>
  39. <script type="text/javascript" src="/js/top_posts.js"></script>
  40. <script type="text/javascript" src="/js/voting.js"></script>
  41. <script type="text/javascript" src="/js/util.js"></script>
  42. <script type="text/javascript" src="/js/meetings_view.js"></script></head>
  43. <body class="yui-skin-sam">
  44. <div id="container">
  45. <div id="header">
  46. <h2>
  47. <a href="http://backchan.nl/">backchan.nl</a> </h2>
  48. </div>
  49. <div id="content">
  50. <!-- TODO: for production, delete following hidden div -->
  51. <div style="visibility:hidden; position:absolute; left:-1000px;">
  52. </div>
  53. <div id="MeetingHeader">
  54. <h1>Demo Conference</h1>
  55. <h2>First meeting (13:00 — 17:00)</h2>
  56. Welcome to backchan.nl! This tool is a way for people in the audience to <strong>post responses to the panel live</strong>, and in a <strong>publicly visible</strong> venue. These responses can be <strong>questions</strong>, <strong>comments</strong>, <strong>links to related resources</strong>, or whatever else you think other people might be interested in.
  57. Even if you don't have anything to say, you can <strong>vote posts up or down</strong> that you think are useful or problematic. Highly ranked and comments will get brought up during the discussion section of the panel.
  58. </div>
  59. <br />
  60. <div id="UserBox">
  61. <div id="UserInfoHeader">
  62. <div id="UserInfo">
  63. <span id="UserInfoName">
  64. b </span><br />
  65. <span id="UserInfoAffiliation">
  66. student </span>
  67. </div>
  68. <div id="UserButtons">
  69. <input type="button" id="AdminPassword" value="" />
  70. <input type="button" id="EditUser" value="Edit User" />
  71. </div>
  72. </div>
  73. <div id="EnterUser">
  74. <div class="hd">Who are you?</div>
  75. <div class="bd">
  76. <form id="UserAddForm" method="POST" action="/users/add">
  77. <table>
  78. <tr>
  79. <td><label for="name">Name:</label></td>
  80. <td>
  81. <input type="text" id="UserName"
  82. name="data[User][name]" value=""
  83. maxlength="28" size="20" />
  84. </td>
  85. </tr>
  86. <tr>
  87. <td><label for="affiliation">Affiliation:</label></td>
  88. <td>
  89. <input type="text" id="UserAffiliation"
  90. name="data[User][affiliation]" value=""
  91. maxlength="48" size="20" />
  92. </td>
  93. </tr>
  94. </table>
  95. </form>
  96. </div>
  97. </div>
  98. <div id="AdminUser">
  99. <div class="hd">Conference Administration Password</div>
  100. <div class="bd">
  101. <form id="AdminUserForm" method="POST" action="/conferences/admin/346">
  102. <table>
  103. <tr>
  104. <td><label for="conference">Conference:</label></td>
  105. <td>
  106. Demo Conference </td>
  107. </tr>
  108. <tr>
  109. <td><label for="AdminPassword">Password:</label></td>
  110. <td>
  111. <input type="password" id="AdminPassword"
  112. name="data[adminPassword]" value=""
  113. maxlength="48" size="20" />
  114. </td>
  115. </tr>
  116. </table>
  117. </form>
  118. </div>
  119. </div>
  120. <div id="EnterPost">
  121. <form id="PostAddForm">
  122. <!-- onkeyup for cut or copy&paste, onkeypress for hold key down -->
  123. <textarea id="PostBody" name="data[Post][body]"
  124. onkeyup="updatePostCharCount();"
  125. onkeypress="updatePostCharCount();"></textarea>
  126. characters left: <span id="CharCount" class="char-count-good"></span>
  127. <input type="hidden" id="PostMeetingId"
  128. name="data[Post][meeting_id]"
  129. value="926" />
  130. <input type="button" id="SubmitPost"
  131. name="SubmitPost" value="Submit Post" />
  132. </form>
  133. </div>
  134. </div>
  135. <br class="clear"/>
  136. <div id="alert" class="empty"></div>
  137. <br class="clear"/>
  138. <div class="hr"></div>
  139. <img class="label" src="/img/top_posts.png"/>
  140. <div id="TopPosts">
  141. </div>
  142. <br class="clear"/>
  143. <div class="hr"></div>
  144. <img class="label" src="/img/recent_posts.png"/>
  145. <div id="DataTable">
  146. </div>
  147. <br class="clear"/>
  148. </div>
  149. <div id="footer">
  150. <a href="http://backchan.nl">backchan.nl</a> is an <a href="http://github.com/drewww/backchan.nl" title="The backchan.nl project is hosted at Github">open source project</a> from the <a href="http://media.mit.edu">MIT Media Lab</a>, designed by <a href="http://web.media.mit.edu/~dharry">Drew Harry</a> with <a href="http://trevorfilter.com/">Trevor Filter</a>, Cherrie Yang, and Joshua Green.
  151. </div>
  152. </div>
  153. <script type="text/javascript">
  154. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  155. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  156. </script>
  157. <script type="text/javascript">
  158. var pageTracker = _gat._getTracker("UA-841537-4");
  159. pageTracker._initData();
  160. pageTracker._trackPageview();
  161. </script>
  162. </body>
  163. </html>