vendor/tinder-1.3.1/spec/html/normal_lobby.html

   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" xml:lang="en" lang="en">
   3
   4 <head>
   5   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6   <title>Chat rooms</title>
   7   <link href="/stylesheets/screen.css?1224558404" media="all" rel="stylesheet" type="text/css" />
   8     <!--[if lte IE 6]>
   9       <style type="text/css">
  10         @import url("/stylesheets/screen-ie.css?1224558404");
  11       </style>
  12     <![endif]-->
  13     <!--[if IE 7]>
  14       <style type="text/css">
  15         @import url("/stylesheets/screen-ie-7.css?1224558404");
  16       </style>
  17     <![endif]-->
  18
  19   <link href="/stylesheets/print.css?1224558404" media="print" rel="stylesheet" type="text/css" />
  20   <link href="/stylesheets/blue.css?1224558404" media="screen" rel="stylesheet" title="Theme" type="text/css" />
  21   <script src="/javascripts/prototype.js?1224558404" type="text/javascript"></script>
  22 <script src="/javascripts/effects.js?1224558404" type="text/javascript"></script>
  23 <script src="/javascripts/application.js?1224558404" type="text/javascript"></script>
  24 <script src="/javascripts/nubbins.js?1224558404" type="text/javascript"></script>
  25 <script src="/javascripts/campfire.js?1224558404" type="text/javascript"></script>
  26 <script src="/javascripts/javascript_flash_gateway.js?1224558404" type="text/javascript"></script>
  27 </head>
  28
  29 <body class="lobby">
  30
  31
  32
  33
  34     <div id="Header">
  35       <div id="Tabs">
  36         <ul id="MainTabs">
  37     <li><a href="http://fish.campfirenow.com/" class="current">Lobby</a></li>
  38
  39
  40
  41         <li><a href="http://fish.campfirenow.com/room/179715" class="chat" id="room_tab-17715">Just Fishin</a></li>
  42
  43
  44
  45
  46     <li><a href="http://fish.campfirenow.com/files+transcripts" class="" style="margin-left: 8px">Files, Transcripts &amp; Search</a></li>
  47
  48     <li style="float: right;" class="logout"><a href="http://fish.campfirenow.com/logout">Logout</a></li>
  49           <li style="float: right" class="logout"><a href="/member/edit">My account</a></li>
  50
  51
  52 </ul>
  53       </div>
  54     </div>
  55
  56
  57   <div id="Wrapper">
  58         <div id="Container">
  59
  60
  61
  62
  63 <div class="Full">
  64         <div class="col">
  65
  66     <div id="lobby">
  67     <h1>
  68   <span><a class="admin toggle show_hide_toggler_new_room" href="#" id="create_room_link" onclick="$('new_room').showHide.toggle(); return false;">Create a new room</a></span>
  69     Chat rooms
  70 </h1>
  71
  72 <div class="currentChatters">
  73       3 people currently chatting
  74           <span>
  75         <br />You're near your simultaneous chatter limit of 4.
  76         Ask <a href="mailto:bob@billy.com">Billy Bob</a> to upgrade the account.
  77       </span>
  78
  79   </div>
  80 <div class="show_hide_wrapper"><div class=" showhide" id="new_room" style="display: none"><div class="basic_form_wrapper">
  81   <div class="basic_form">
  82     <div class="explanation">
  83       <h3>Create a new room</h3>
  84       <p>All chats take place in rooms. You can create as many rooms as you'd like.</p>
  85       <p>Consider making rooms for client projects, general discussions, specific meetings/events, and more.</p>
  86       <div class="spinner" id="new_room_spinner" style="display: none">&nbsp;</div>
  87     </div>
  88     <div id="new_room_form_errors"></div>
  89     <div class="body">
  90 <form action="http://fish.campfirenow.com/account/create/room?from=lobby" id="new_room_form" method="post" onsubmit="$(this).down('input[type=submit]').disable(); Element.hide('new_room_cancel_link'); new Ajax.Request('http://fish.campfirenow.com/account/create/room?from=lobby', {asynchronous:true, evalScripts:true, parameters:Form.serialize(this)}); return false;">      <h3>Name the room</h3>
  91       <p><input class="big expanded" id="room_name" name="room[name]" size="30" type="text" /></p>
  92       <h3 style="font-weight: normal;">Optional: Give the room a topic or description</h3>
  93       <p><textarea class="expanded" cols="40" id="room_topic" name="room[topic]" rows="20"></textarea></p>
  94       <p class="submit"><input class="primary" name="commit" type="submit" value="Create the room" />
  95       <span id="new_room_cancel_link"> or
  96       <a class="admin show_hide_toggler_new_room" href="#" onclick="$('new_room').showHide.toggle(); return false;">Cancel</a></span></p>
  97 </form>    </div>
  98   </div>
  99 </div>
 100 </div><script type="text/javascript">
 101 //<![CDATA[
 102 new ShowHide('new_room', {"beforeToggle": function(showHide) {Form.reset('new_room_form'); Element.update('new_room_form_errors', '')}, "afterToggle": function(showHide) {if (/MSIE/.test(navigator.userAgent)) {Element.hide(document.body);Element.show(document.body);};Field.activate('room_name')}})
 103 //]]>
 104 </script></div>
 105
 106 <div id="rooms">
 107         <table class="lobby">
 108       <tr>
 109               <td class="lobby_room" style="vertical-align: top; width: 33%;"><div id="room_17715" class="room shaded">
 110   <h2>
 111
 112       <a href="http://fish.campfirenow.com/room/17715">Just Fishin</a>
 113   </h2>
 114
 115   <div class="updated">
 116           <span class="active"> Active 12 minutes ago</span>
 117   </div>
 118     <p>Sargasm: Deriving far too much satisfaction from glibly berating another with sarcasm.
 119
 120 Ex: &quot;Oh, thanks a lot for drinking my last beer! No, it's my fault... if I wanted it for myself, I shouldn't have put it in the fridge!&quot;
 121 &quot;Dude, don't have a sargasm</p>
 122
 123
 124     <ul class="participant-list" id="participant_list-17715">
 125     <li class="user nubbin_region" id="user_38447">
 126
 127       <span class="name">Caribou Barbie</span>
 128
 129     </li>
 130     <li class="user nubbin_region" id="user_38449">
 131
 132       <span class="name">Joe Sixpack</span>
 133
 134     </li>
 135     <li class="user nubbin_region" id="user_38445">
 136
 137       <span class="name">Billy Bob</span>
 138
 139     </li>
 140 </ul>
 141
 142 </div>
 143 </td>
 144               <td class="lobby_room" style="vertical-align: top; width: 33%;">&nbsp;</td>
 145               <td class="lobby_room" style="vertical-align: top; width: 33%;">&nbsp;</td>
 146           </tr>
 147   </table>
 148
 149   </div>
 150     </div>
 151
 152     <script type="text/javascript">
 153 //<![CDATA[
 154       Ajax.Responders.register({
 155         onCreate: function() {
 156           if (Ajax.activeRequestCount > 0)
 157             Element.show('new_room_spinner');
 158         },
 159         onComplete: function() {
 160           if (Ajax.activeRequestCount == 0)
 161             Element.hide('new_room_spinner');
 162         }
 163       });
 164
 165 //]]>
 166 </script>
 167     <script type="text/javascript">
 168 //<![CDATA[
 169 new PeriodicalExecuter(function() {new Ajax.Request('http://fish.campfirenow.com/rooms', {asynchronous:true, evalScripts:true})}, 60)
 170 //]]>
 171 </script>
 172
 173     <p style="clear: both;">&nbsp;</p>
 174
 175   </div>
 176
 177     <div class="bottom">&nbsp;</div>
 178   <div id="Footer">
 179         <strong><a href="http://www.campfirenow.com/help" target=_blank>FAQs and Help</a></strong> |
 180     <a href="http://www.campfirenow.com/privacy.html" target=_blank>Privacy Policy</a> |
 181     <a href="http://www.campfirenow.com/terms.html" target=_blank>Terms of Service</a>
 182   </div>
 183
 184 </div>
 185
 186
 187     </div>
 188   </div>
 189
 190
 191 </body>
 192 </html>