-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
293 lines (278 loc) · 14.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css"/>
<!-- <script src="jquery-1.2.6.min.js" type="text/javascript"></script> -->
<script src="http://code.jquery.com/jquery-1.5.js" type="text/javascript"></script>
<script src="json2.js" type="text/javascript"></script>
<script src="client.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
var canvas = $("#canvas");
canvas.width = canvas.width;
var draw= false;
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var lastX = null;
var lastY = null;
ctx.strokeStyle = 'black';
//set it true on mousedown
$("#canvas").mousedown(function(){draw=true;});
//reset it on mouseup
$("#canvas").mouseup(function(){
draw=false;
lastX = null;
lastY = null;
});
$("#canvas").mousemove(function(e) {
if(draw==true){
ctx.lineWidth = 5;
ctx.lineCap = "round";
ctx.beginPath();
ctx.moveTo(e.pageX,e.pageY);
if (lastX == null) {
lastX = e.pageX + 1;
lastY = e.pageY + 1;
}
ctx.lineTo(lastX, lastY);
ctx.stroke();
message = {
from: {
x: e.pageX,
y: e.pageY
},
to: {
x: lastX,
y: lastY
}
};
lastX = e.pageX;
lastY = e.pageY;
// XXX should be POST
// XXX should add to messages immediately
var data = {id: CONFIG.id, text: message};
jQuery.get("/draw", data, function (data) { }, "json");
}
});
//code for color pallete
$("#clr > div").click(
function(){
ctx.strokeStyle = $(this).css("background-color");
});
//Eraser
$("#eraser").click(function(){
ctx.strokeStyle = '#fff';
});
//Code for save the image
$("#save").click(function(){
$("#result").append("<br /><br /><img src="+
canvas.toDataURL()+
" /><br /><a href="+canvas.toDataURL()+
" target='_blank'>show</a>");
});
//Clear
$("#clear").click(function(){
ctx.fillStyle = "#fff";
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.strokeStyle = "red";
ctx.fillStyle = "red";
});
});
</script>
<title>Catch-A-Captcha</title>
</head>
<body>
<div id="app">
<div id="connect">
<form action="#">
<fieldset>
<p>
This is a chat room. Both the client-side and server-side are
written in javascript. The source code is
<a href="http://github.com/ry/node_chat/tree/master">here</a>.
</p>
<label for="nick">Name</label>
<input id="nickInput" class="text"type="text" name="nick" value=""/>
<input id="connectButton" class="button" type="submit" name="" value="Join"/>
</fieldset>
</form>
</div>
<div id="loading"><p>loading</p></div>
<div id="drawing-area">
<canvas id="canvas" width="500px" height="500px">
</canvas>
<div id="clr">
<div style="background-color:black;"></div>
<div style="background-color:red;"></div>
<div style="background-color:green;"> </div>
<div style="background-color:orange;"> </div>
...
</div>
<a href="#" id="clear" >Clear</a>
<a id="save" href="#">Save</a>
<a id="eraser" href="#">Eraser</a>
<span id="result" ></span>
</div>
<div id="log">
<table class="message"><tr><td class="date">18:58</td><td valign="top" class="nick">TTilus</td>
<td class="msg-text">x6a616e: i think you can, there was some weird #send trick to do that</td>
</tr></table>
<table class="message"><tr><td class="date">18:58</td><td valign="top" class="nick">TTilus</td>
<td class="msg-text">(or i could just be terribly wrong)</td>
</tr></table>
<table class="message"><tr><td class="date">19:02</td><td valign="top" class="nick">x6a616e</td>
<td class="msg-text">TTilus: with #send you can invoke private methods</td>
</tr></table>
<table class="message"><tr><td class="date">19:03</td><td valign="top" class="nick">x6a616e</td>
<td class="msg-text">dunno how to leverage it to access instance var :-/</td>
</tr></table>
<table class="message"><tr><td class="date">19:05</td><td valign="top" class="nick">x6a616e</td>
<td class="msg-text">i3d: usually I use rspec::mocks</td>
</tr></table>
<table class="message"><tr><td class="date">19:05</td><td valign="top" class="nick">dlisboa</td>
<td class="msg-text">x6a616e: #instance_variable_get ?</td>
</tr></table>
<table class="message"><tr><td class="date">19:06</td><td valign="top" class="nick">x6a616e</td>
<td class="msg-text">dlisboa: phew I forgot that ..</td>
</tr></table>
<table class="message"><tr><td class="date">19:19</td><td valign="top" class="nick">UrbanVegan</td>
<td class="msg-text">How can I use "%" in a string as just another character (meaning "percent")?</td>
</tr></table>
<table class="message"><tr><td class="date">19:20</td><td valign="top" class="nick">ddfreyne</td>
<td class="msg-text">"%"</td>
</tr></table>
<table class="message"><tr><td class="date">19:20</td><td valign="top" class="nick">ddfreyne</td>
<td class="msg-text">:)</td>
</tr></table>
<table class="message"><tr><td class="date">19:20</td><td valign="top" class="nick">ddfreyne</td>
<td class="msg-text">no need to escape it</td>
</tr></table>
<table class="message"><tr><td class="date">19:20</td><td valign="top" class="nick">dominikh</td>
<td class="msg-text">%%</td>
</tr></table>
<table class="message"><tr><td class="date">19:21</td><td valign="top" class="nick">dominikh</td>
<td class="msg-text">ddfreyne: if you use something like "%string" % 1</td>
</tr></table>
<table class="message"><tr><td class="date">19:21</td><td valign="top" class="nick">dominikh</td>
<td class="msg-text">eh</td>
</tr></table>
<table class="message"><tr><td class="date">19:21</td><td valign="top" class="nick">dominikh</td>
<td class="msg-text">you get the idea</td>
</tr></table>
<table class="message"><tr><td class="date">19:21</td><td valign="top" class="nick">ddfreyne</td>
<td class="msg-text">"foo %s bar" % [ 'hello' ] # => "foo hello bar"</td>
</tr></table>
<table class="message"><tr><td class="date">19:21</td><td valign="top" class="nick">dominikh</td>
<td class="msg-text">lets assume he has some other % stuff he wants to be replaced</td>
</tr></table>
<table class="message"><tr><td class="date">19:21</td><td valign="top" class="nick">ddfreyne</td>
<td class="msg-text">"foo %% %s bar" % [ 'hello' ] # => "foo % hello bar"</td>
</tr></table>
<table class="message"><tr><td class="date">19:21</td><td valign="top" class="nick">dominikh</td>
<td class="msg-text">and some he doesnt want to</td>
</tr></table>
<table class="message"><tr><td class="date">20:07</td><td valign="top" class="nick">bougyman</td>
<td class="msg-text">docs should be in /usr/share, not /usr/lib/ruby/gems/1.8/doc, too</td>
</tr></table>
<table class="message"><tr><td class="date">20:07</td><td valign="top" class="nick">bougyman</td>
<td class="msg-text">FHS is OS agnostic.</td>
</tr></table>
<table class="message"><tr><td class="date">20:08</td><td valign="top" class="nick">drbrain</td>
<td class="msg-text">bougyman: FreeBSD doesn't follow the FHS</td>
</tr></table>
<table class="message"><tr><td class="date">20:08</td><td valign="top" class="nick">drbrain</td>
<td class="msg-text">Apple doesn't follow the FHS, and windows doesn't follow the FHS</td>
</tr></table>
<table class="message"><tr><td class="date">20:08</td><td valign="top" class="nick">drbrain</td>
<td class="msg-text">I really don't care about people who say "you don't X, Y or Z!" and won't pony up patches</td>
</tr></table>
<table class="message"><tr><td class="date">20:11</td><td valign="top" class="nick">bougyman</td>
<td class="msg-text">the fbsd list seems split over FHS compliance</td>
</tr></table>
<table class="message"><tr><td class="date">20:11</td><td valign="top" class="nick">bougyman</td>
<td class="msg-text">some of em want it, some give it the finger.</td>
</tr></table>
<table class="message"><tr><td class="date">20:11</td><td valign="top" class="nick">drbrain</td>
<td class="msg-text">that's because they already have the heir man page</td>
</tr></table>
<table class="message"><tr><td class="date">20:12</td><td valign="top" class="nick">bougyman</td>
<td class="msg-text">looks like they gave in on mounts to FHS 2.2 (freebsd did)</td>
</tr></table>
<table class="message"><tr><td class="date">20:12</td><td valign="top" class="nick">bougyman</td>
<td class="msg-text">winFS was said to be FHS compliant.</td>
</tr></table>
<table class="message"><tr><td class="date">20:12</td><td valign="top" class="nick">bougyman</td>
<td class="msg-text">maybe we'll see that in the next MS product.</td>
</tr></table>
<table class="message"><tr><td class="date">20:13</td><td valign="top" class="nick">bougyman</td>
<td class="msg-text">it was supposed to be in Vista, but got scrapped.</td>
</tr></table>
<table class="message"><tr><td class="date">20:13</td><td valign="top" class="nick">ddfreyne</td>
<td class="msg-text">stuff in /bin should have config stuff in /etc, stuff in /usr/bin should have their configs in
/usr/etc, ... IMO
</td>
</tr></table>
<table class="message"><tr><td class="date">20:13</td><td valign="top" class="nick">ddfreyne</td>
<td class="msg-text">stuff in ~/bin should have their configs in ~/etc</td>
</tr></table>
<table class="message"><tr><td class="date">20:13</td><td valign="top" class="nick">ddfreyne</td>
<td class="msg-text">that would make a lot more sense than it does now</td>
</tr></table>
<table class="message"><tr><td class="date">20:13</td><td valign="top" class="nick">ddfreyne</td>
<td class="msg-text">... what kind of names are "etc" and "var" anyway?</td>
</tr></table>
<table class="message"><tr><td class="date">20:13</td><td valign="top" class="nick">ddfreyne</td>
<td class="msg-text">"config" and "data" would have made more sense</td>
</tr></table>
<table class="message"><tr><td class="date">20:14</td><td valign="top" class="nick">bougyman</td>
<td class="msg-text">they make sense to me.</td>
</tr></table>
<table class="message"><tr><td class="date">20:14</td><td valign="top" class="nick">ddfreyne</td>
<td class="msg-text">even 'etc'? etcetera? "all the rest of the stuff goes here"?</td>
</tr></table>
<table class="message"><tr><td class="date">20:14</td><td valign="top" class="nick">bougyman</td>
<td class="msg-text">etc. and variable are how I read them.</td>
</tr></table>
<table class="message"><tr><td class="date">20:14</td><td valign="top" class="nick">catalystmediastu</td>
<td class="msg-text">Does anyone know of a gem or Rails plugin that converts rtf documents to HTML? I've </td>
</tr></table>
<table class="message"><tr><td class="date">20:15</td><td valign="top" class="nick">wmoxam</td>
<td class="msg-text">catalystmediastu: I doubt it, you'll probably have to find a tool that does it, and call the tool</td>
</tr></table>
<table class="message"><tr><td class="date">20:15</td><td valign="top" class="nick">ddfreyne</td>
<td class="msg-text">bougyman: you can't really say that 'etc' is a better name than 'config'</td>
</tr></table>
<table class="message"><tr><td class="date">20:16</td><td valign="top" class="nick">catalystmediastu</td>
<td class="msg-text">wmoxam: I'll start looking for a generic tool for linux then. Thanks!</td>
</tr></table>
<table class="message"><tr><td class="date">20:16</td><td valign="top" class="nick">wmoxam</td>
<td class="msg-text">catalystmediastu: http://sourceforge.net/projects/rtf2html/ <-- might work</td>
</tr></table>
<table class="message"><tr><td class="date">20:17</td><td valign="top" class="nick">catalystmediastu</td>
<td class="msg-text">wmoxam: Ahh that looks like it might. Thank you!</td>
</tr></table>
<table class="message"><tr><td class="date">20:17</td><td valign="top" class="nick">wmoxam</td>
<td class="msg-text">np</td>
</tr></table>
<table class="message"><tr><td class="date">20:17</td><td valign="top" class="nick">bougyman</td>
<td class="msg-text">catalystmediastu: unrtf works well for that.</td>
</tr></table>
<table class="message"><tr><td class="date">20:17</td><td valign="top" class="nick">bougyman</td>
<td class="msg-text">http://www.gnu.org/software/unrtf/unrtf.html</td>
</tr></table>
<table class="message"><tr><td class="date">20:20</td><td valign="top" class="nick">catalystmediastu</td>
<td class="msg-text">bougyman: Thanks, that looks like a good tool too. I'll look into them both a little
more.
</td>
</tr></table>
</div>
<div id="toolbar">
<ul id="status">
<li><a id="usersLink" href="#">5 users</a></li>
<li>uptime: <span id="uptime">?</span></li>
<li>memory: <span id="rss">?</span>mb RSS</li>
</ul>
<input tabindex="1" type="text" id="entry"/>
</div>
</div>
</body>
</html>