OSDN Git Service

Fix the bug of X.NodeAnime.
[pettanr/clientJs.git] / 0.4.x / work.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\r
2 <html xmlns:v="urn:schemas-microsoft-com:vml">\r
3     <head>\r
4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">\r
5             <meta http-equiv="Content-Language" content="ja">\r
6             <meta http-equiv="Content-Script-Type" content="text/javascript">\r
7             <meta http-equiv="Content-Style-Type" content="text/css">\r
8             <meta http-equiv="imagetoolbar" content="no">\r
9         <title>Resource Console | pettanR</title>\r
10                 <link rel="stylesheet" type="text/css" href="stylesheets/common.css">\r
11                 <link rel="stylesheet" type="text/css" href="stylesheets/work.css">\r
12     </head>\r
13     <body>\r
14                 <div id="header">\r
15                         <div class="base-content-width" style="position:relative;">\r
16                                 <h1><a href="index.html">pettanR</a></h1>\r
17                         <!-- global navi -->\r
18                                 <div id="global-navi">\r
19                                         <noscript id="noscript-alert">You need to have JavaScript enabled.</noscript>\r
20                                 </div>\r
21                         </div>\r
22                 </div>\r
23                 \r
24                 <div id="inner-wrapper" class="base-content-width">\r
25                 <!-- home -->\r
26                         <div id="entrance" class="console-page main">\r
27                                 <h2>Wellcome to pettanR!</h2>\r
28                                 <p>Hello, xxxxx.</p>\r
29                                 <p>This page is login user console.</p>\r
30                                 <h3>クイックアクセス</h3>\r
31                                 <p><a href="#" onclick="pettanr.editor.boot();return false;">新しいコマを描く(開発用)</a></p>\r
32                                 <p><a href="#" onclick="pettanr.comicConsole.bootInOverlay();return false;">新しいコミックをつくる</a></p>\r
33                                 <p><a href="#" onclick="pettanr.uploadConsole.bootInOverlay();return false;">画像のアップロード</a></p>\r
34                                 <p><a href="#" onclick="pettanr.panelConsole.bootInOverlay();return false;">コマの追加(開発用)</a></p>\r
35                                 <p><a href="#" onclick="pettanr.artistConsole.bootInOverlay();return false;">アーティスト登録(今はすでに登録している場合も操作可能です、、、、)</a></p>\r
36                                 <h3>座長からのお知らせ</h3>\r
37                                 <p>メンテナンスについて</p>\r
38                         </div>\r
39                         \r
40                 <!-- setting -->\r
41                         <div id="backyard" class="console-page main"></div>\r
42 \r
43                 <!-- debug-->\r
44                         <div id="debug" class="console-page main">\r
45                                 <h2>Environment</h2>\r
46                                 <dl id="useragent" class="dl-table clearfix"></dl>\r
47 \r
48                                 <h2>Boot console in debug mode</h2>\r
49                                 <dl class="dl-table clearfix">\r
50                                         <dt>xdomain json</dt>\r
51                                         <dd><a href="work.html?view=2&exjson=false">use same domain json</a></dd>                       \r
52                                 </dl>\r
53                         \r
54                                 <h2>Boot editor in debug mode</h2>\r
55                                 <dl class="dl-table clearfix">\r
56                                         <dt>General Boot</dt>\r
57                                         <dd><a href="work.html?view=editor">Boot Editor</a></dd>\r
58                                         <dt>Reversible Image test</dt>\r
59                                         <dd><a href="work.html?view=editor&rimg=CSS3">Backend is CSS3</a></dd>\r
60                                         <dd><a href="work.html?view=editor&rimg=VML">Backend is VML</a></dd>\r
61                                         <dd><a href="work.html?view=editor&rimg=ActiveX">Backend is ActiveX</a></dd>\r
62                                         <dt>Balloon test</dt>\r
63                                         <dd><a href="work.html?view=editor&vector=false">Vector Disabled</a></dd>\r
64                                         <dt>ActiveX test</dt>\r
65                                         <dd><a href="work.html?ActiveX=true">ActiveX Enabled</a></dd>\r
66                                         <dd><a href="work.html?ActiveX=false">ActiveX Disabled</a></dd>\r
67                                         <dt>Debug mode</dt>\r
68                                         <dd><a href="work.html?debug=true">Debug Enabled</a></dd>\r
69                                         <dd><a href="work.html?debug=false">Debug Disabled</a></dd>\r
70                                 </dl>\r
71                                 \r
72                                 <h2>XML + XSLT pages</h2>\r
73                                 \r
74                                 <dl class="dl-table clearfix">\r
75                                         <dt>help documents</dt>\r
76                                         <dd><a href="help/jp.xml">jp.xml</a></dd>\r
77                                         <dt>xml test</dt>\r
78                                         <dd><a href="diary/itozyun.xml">itozyn's diary</a></dd>\r
79                                         <dt>other</dt>\r
80                                         <dd><a href="sitemap/sitemap.xml">sitemap.xml</a></dd>\r
81                                 </dl>                           \r
82                         </div>\r
83                 </div>\r
84                         \r
85         <!-- comic list -->\r
86                 <div id="cabinet" class="console-page">\r
87                         <div id="cabinet-container" class="finder-container"></div>\r
88                 </div>\r
89                 \r
90         <!-- image list -->\r
91                 <div id="gallery" class="console-page"></div>\r
92 \r
93                 \r
94         <!-- Editor -->\r
95                 <div id="editor" class="view-container">\r
96                 <p id="key-event-log" style="margin-top: 5em;"></p>\r
97                 <p id="history-log"></p>\r
98                         <p id="operation-catcher-log"></p>\r
99                         <p id="tail-log"></p>\r
100                         <p id="window-log"></p>\r
101                         \r
102                 <!-- コマの背景(パターン・塗りつぶし) -->\r
103         \r
104                 <!-- グリッド-->\r
105                         <div id="grid" style="display:none;"></div>\r
106         \r
107                 <!-- コマ要素 -->\r
108                         <div id="comic-element-container"></div>\r
109 \r
110                 <!-- コマの枠の外は完全に隠さないで、半透過のレイヤーを重ねる -->\r
111                         <div id="whiteGlass-container">\r
112                                 <div id="whiteGlass-top"></div>\r
113                                 <div id="whiteGlass-left"></div>\r
114                                 <div id="whiteGlass-right"></div>\r
115                                 <div id="whiteGlass-bottom"></div>\r
116                         </div>\r
117                         \r
118                 <!-- コマ操作ツール-->\r
119                         <div id="panel-tools-container">\r
120                         <!-- コマの高さの変更ボタン -->\r
121                                 <div id="panel-resizer-top">▲</div>\r
122                                 <div id="panel-resizer-bottom">▼</div>\r
123                                 \r
124                         <!-- コミック要素のリサイザ -->\r
125                                 <div id="comic-element-resizer-container">\r
126                                         <div class="comic-element-resizer" id="comic-element-resizer-top"></div>\r
127                                         <div class="comic-element-resizer" id="comic-element-resizer-left"></div>\r
128                                         <div class="comic-element-resizer" id="comic-element-resizer-right"></div>\r
129                                         <div class="comic-element-resizer" id="comic-element-resizer-bottom"></div>\r
130                                         <div class="comic-element-resizer" id="comic-element-resizer-top-left"></div>\r
131                                         <div class="comic-element-resizer" id="comic-element-resizer-top-right"></div>\r
132                                         <div class="comic-element-resizer" id="comic-element-resizer-bottom-left"></div>\r
133                                         <div class="comic-element-resizer" id="comic-element-resizer-bottom-right"></div>\r
134                                         <div id="balloon-tail-mover"></div>\r
135                                         \r
136                                 <!-- コミックオブジェクトコンソール -->\r
137                                         <div id="comic-element-consol-wrapper">\r
138                                                 <div id="comic-element-consol-tail"></div>\r
139                                                 <div id="comic-element-consol-wrapper-when-out">\r
140                                                         <div id="image-element-consol">\r
141                                                                 <div id="change-image-button"></div>\r
142                                                                 <div id="layer-back-button"></div>\r
143                                                                 <div id="delete-image-button"></div>\r
144                                                                 <div id="layer-forward-button"></div>\r
145                                                         </div>\r
146                                                         <div id="text-element-consol">\r
147                                                                 <div id="edit-text-button"></div>\r
148                                                                 <div id="change-text-style-button"></div>\r
149                                                                 <div id="back-text-button"></div>\r
150                                                                 <div id="delete-text-button"></div>\r
151                                                                 <div id="hide-text-tail-button"></div>\r
152                                                                 <div id="forward-text-button"></div>\r
153                                                         </div>\r
154                                                 </div>\r
155                                         </div>\r
156                                 </div>\r
157                         </div>\r
158 \r
159                         <div id="window-container"></div>\r
160                                 \r
161 \r
162                         <!-- layer-window -->\r
163                         <!-- dom-console-window -->\r
164                         <!-- post-window -->\r
165                         <!-- wellcome-window -->\r
166                         \r
167 \r
168                 <!-- メニューバー -->\r
169                         <div id="menu-bar"></div>\r
170                         \r
171                 <!-- マウスオペレーションキャッチャー -->\r
172                         <div id="mouse-operation-catcher" unselectable="on"></div>\r
173         \r
174                 <!-- テンプレート -->\r
175                         <script id="imgElementTemplete" type="text/x-jquery-tmpl">\r
176                                 <div class="comic-element-wrapper image-element"></div>\r
177                         </script>\r
178                         \r
179                         <script id="textElementTemplete" type="text/x-jquery-tmpl">\r
180                                 <div class="comic-element-wrapper text-element">\r
181                                         <img>\r
182                                         <div class="speach">\r
183                                                 <div class="speach-inner">&nbsp;</div>\r
184                                         </div>\r
185                                 </div>\r
186                         </script>\r
187                         \r
188                         <script id="textElementTempleteForOldIE" type="text/x-jquery-tmpl">\r
189                                 <div class="comic-element-wrapper text-element">\r
190                                         <img>\r
191                                         <div class="speach">\r
192                                                 <table><tr><td>&nbsp;</td></tr></table>\r
193                                         </div>\r
194                                 </div>\r
195                         </script>\r
196                         \r
197                         <script id="imageGroupItemTemplete" type="text/x-jquery-tmpl">\r
198                                 <div class="image-group-item">\r
199                                         <div class="image-group-item-title">img-title</div>\r
200                                 </div>                          \r
201                         </script>\r
202                         \r
203                         <script id="windowTemplete" type="text/x-jquery-tmpl">\r
204                                 <div class="window-wrapper">\r
205                                         <div class="window-header">window title</div>\r
206                                         <div class="window-close-button">x</div>\r
207                                         <div class="window-body clearfix">\r
208                                                 <div class="window-body-insert-position"></div>\r
209                                         </div>\r
210                                         <div class="window-footer">\r
211                                                 <div class="window-resize-button">/</div>\r
212                                         </div>\r
213                                 </div>\r
214                         </script>\r
215                         \r
216                 <!-- infomation-window -->\r
217                         <script id="infomation-window" type="text/x-jquery-tmpl">\r
218                                 <div id="panel-background-information">\r
219                                         <div id="bg-pattern"></div>\r
220                                         <div id="select-bg-pattern-button">pattern</div>\r
221                                         <div id="reset-bg-pattern-button">x</div>\r
222                                         <div id="bg-color"></div>\r
223                                         <div id="select-bg-color-button">color</div>\r
224                                         <div id="reset-bg-color-button">x</div>\r
225                                         <!-- <div id="bg-pattern-x"></div>\r
226                                         <div id="bg-pattern-y"></div>\r
227                                         <div id="bg-pattern-repeat-x"></div>\r
228                                         <div id="bg-pattern-repeat-y"></div> -->\r
229                                 </div>\r
230                         \r
231                                 <div id="comic-element-infomation">\r
232                                         <div id="comic-element-x">\r
233                                                 <span class="comic-element-attribute-label">x:</span>\r
234                                                 <span id="comic-element-x-value" class="comic-element-attribute-value editable-value">0</span>\r
235                                         </div>\r
236                                         <div id="comic-element-y">\r
237                                                 <span class="comic-element-attribute-label">y:</span>\r
238                                                 <span id="comic-element-y-value" class="comic-element-attribute-value editable-value">0</span>\r
239                                         </div>\r
240                                         <div id="comic-element-z">\r
241                                                 <span class="comic-element-attribute-label">z:</span>\r
242                                                 <span id="comic-element-z-value" class="comic-element-attribute-value editable-value">0</span>\r
243                                         </div>\r
244                                         <div id="comic-element-a">\r
245                                                 <span id="comic-element-a-value" class="comic-element-attribute-value editable-value">0</span>\r
246                                                 <span class="comic-element-attribute-label">°</span>\r
247                                         </div>\r
248                                         <div id="comic-element-w">\r
249                                                 <span class="comic-element-attribute-label">w:</span>\r
250                                                 <span id="comic-element-w-value" class="comic-element-attribute-value editable-value">0</span>\r
251                                         </div>\r
252                                         <div id="comic-element-h">\r
253                                                 <span class="comic-element-attribute-label">h:</span>\r
254                                                 <span id="comic-element-h-value" class="comic-element-attribute-value editable-value">0</span>\r
255                                         </div>\r
256                                         <div id="comic-element-w-percent">\r
257                                                 <span id="comic-element-w-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
258                                                 <span class="comic-element-attribute-label">%</span>\r
259                                         </div>\r
260                                         <div id="comic-element-h-percent">\r
261                                                 <span id="comic-element-h-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
262                                                 <span class="comic-element-attribute-label">%</span>\r
263                                         </div>\r
264                     <div id="comic-element-keep-aspect"></div>\r
265                                 </div>\r
266                         </script>\r
267 \r
268                 <!-- toolbox-window -->\r
269                         <script id="toolbox-window" type="text/x-jquery-tmpl">\r
270                                 <div id="toolbox-add-image-button">add image</div>\r
271                                 <div id="toolbox-add-text-button">add text</div>\r
272                                 <div id="toolbox-edit-bg-button">edit bg</div>\r
273                                 <div id="toolbox-switch-grid">grid</div>\r
274                                 <div id="toolbox-popup-help-button">?</div>\r
275                                 <div id="toolbox-post-button">post</div>\r
276                         </script>\r
277                 \r
278                 <!-- image explorer -->\r
279                         <script id="image-exproler" type="text/x-jquery-tmpl">\r
280                                 <div id="image-exproler-container" class="finder-container"></div>\r
281                         </script>\r
282                 </div>\r
283         <!-- / Editor -->\r
284                 \r
285                 \r
286         <!-- オーバーレイ -->\r
287                 <div id="overlay-container" style="display: none;">\r
288                         <div id="overlay-shadow"></div>\r
289                         <div id="overlay-close-button">x</div>\r
290                 </div>\r
291                 \r
292         <!-- テキスト エディタ -->\r
293                 <div id="speach-editor-wrapper">\r
294                         <textarea id="speach-editor"></textarea>\r
295                         <div id="speach-edit-complete-button" class="button">OK</div>\r
296                 </div>\r
297 \r
298         <!-- 画像グループから画像を選択 -->\r
299                 <div id="image-group-wrapper">\r
300                         <div id="image-group-icon-container"></div>\r
301                         <div id="image-group-name">NO DATA...</div>\r
302                         <div id="image-group-button" class="button">close</div>\r
303                 </div>\r
304 \r
305         <!-- コミック リーダー -->\r
306                 <div id="comic-reader-wrapper">\r
307                         <div id="comic-reader-panel-container"></div>\r
308                         <div class="comic-reader-shadow" style="top:0;height:40px;"></div>\r
309                         <div id="comic-reader-header">\r
310                                 <div id="comic-reader-header-content">\r
311                                         <span id="comic-reader-title">NO DATA...</span>\r
312                                         <span id="comic-reader-author">NO DATA...</span>\r
313                                 </div>\r
314                         </div>\r
315                         <div class="comic-reader-shadow" style="bottom:0;height:100px;"></div>\r
316                         <div id="comic-reader-console">\r
317                                 <div id="comic-reader-button-centering">\r
318                                         <a href="#" id="comic-reader-back-button">▲</da>\r
319                                         <a href="#" id="comic-reader-forward-button">▼</a>\r
320                                 </div>\r
321                         </div>\r
322                 </div>\r
323         \r
324         <!-- 作家登録 -->\r
325                 <div id="artist-console-wrapper" class="console-wrapper">\r
326                         <div id="artist-console-header" class="console-header">Register Artist</div>\r
327                         <div id="artist-console" class="console-inner">\r
328                                 <div id="register"></div>\r
329                                 <div class="console-button-container">\r
330                                         <div id="artist-console-post-button" class="button console-submit-button">register</div>\r
331                                         <div id="artist-console-cancel-button" class="button console-cancel-button">cancel</div>\r
332                                 </div>\r
333                                 <div id="artist-console-progress" class="console-progress">&nbsp;</div>                                 \r
334                         </div>\r
335                 </div>\r
336 \r
337         <!-- パネルのポスト(テスト) -->\r
338                 <div id="panel-console-wrapper" class="console-wrapper">\r
339                         <div id="panel-console-header" class="console-header">Create New Panel (dev)</div>\r
340                         <div id="panel-console" class="console-inner">\r
341                                 <div id="newpanel"></div>\r
342                                 <div class="console-button-container">\r
343                                         <div id="panel-console-post-button" class="button console-submit-button">post</div>\r
344                                         <div id="panel-console-cancel-button" class="button console-cancel-button">cancel</div>\r
345                                 </div>\r
346                                 <div id="panel-console-progress" class="console-progress">&nbsp;</div>                                  \r
347                         </div>\r
348                 </div>\r
349 \r
350         <!-- 画像のアップロード-->\r
351                 <div id="upload-console-wrapper" class="console-wrapper">\r
352                         <div id="upload-console-header" class="console-header">Upload Picture</div>\r
353                         <div id="upload-console" class="console-inner">\r
354                                 <div id="uploader"></div>\r
355                                 <div class="console-button-container">\r
356                                         <div id="upload-console-post-button" class="button console-submit-button">upload</div>\r
357                                         <div id="upload-console-cancel-button" class="button console-cancel-button">cancel</div>\r
358                                 </div>\r
359                                 <div id="upload-console-progress" class="console-progress">&nbsp;</div>                                 \r
360                         </div>\r
361                 </div>\r
362 \r
363         <!-- アウトプットコンソール -->\r
364                 <div id="output-console-wrapper" class="console-wrapper">\r
365                         <div id="output-console-header" class="console-header">Output Console</div>\r
366                         <div id="output-console" class="console-inner">\r
367                                 <div id="output-console-format" class="field">\r
368                                         <span class="field-label">Format:</span>\r
369                                         <span id="output-console-format-value" class="output-console-value combobox"></span>\r
370                                 </div>\r
371                                 <div id="output-console-option" class="field">\r
372                                         <span class="field-label">Options:</span>\r
373                                         <span id="output-console-option-value" class="output-console-value editable-value">absolute-path</span>\r
374                                 </div>                          \r
375                                 <div id="output-console-button-container" class="clearfix">\r
376                                         <div id="output-console-generate-button" class="button console-submit-button">generate</div>\r
377                                         <div id="output-console-close-button" class="button console-cancel-button">close</div>\r
378                                 </div>\r
379                                 <textarea id="output-area" readonly></textarea>\r
380                         </div>\r
381                 </div>\r
382 \r
383         <!-- コミックの新規作成・編集・削除 -->\r
384                 <div id="comic-console-wrapper" class="console-wrapper">\r
385                         <div id="comic-console-header" class="console-header">Create New Comic</div>\r
386                         <div id="comic-console" class="console-inner">\r
387                                 <div id="comic-console-title" class="field">\r
388                                         <span class="field-label">Title:</span>\r
389                                         <span id="comic-console-title-value" class="comic-console-value editable-value">No Title</span>\r
390                                 </div>\r
391                                 <div id="comic-console-width" class="field">\r
392                                         <span class="field-label">Default Width:</span>\r
393                                         <span id="comic-console-width-value" class="comic-console-value editable-value">300</span>\r
394                                 </div>\r
395                                 <div id="comic-console-height" class="field">\r
396                                         <span class="field-label">Default Height:</span>\r
397                                         <span id="comic-console-height-value" class="comic-console-value editable-value">200</span>\r
398                                 </div>\r
399                                 <div id="comic-console-visible" class="field">\r
400                                         <span class="field-label">Visible:</span>\r
401                                         <span id="comic-console-visible-value" class="comic-console-value combobox"></span>\r
402                                 </div>\r
403                                 <div id="comic-console-editable" class="field">\r
404                                         <span class="field-label">Editable:</span>\r
405                                         <span id="comic-console-editable-value" class="comic-console-value combobox"></span>\r
406                                 </div>\r
407                                 <div class="console-button-container">\r
408                                         <div id="comic-console-post-button" class="button console-submit-button">create</div>\r
409                                         <div id="comic-console-cancel-button" class="button console-cancel-button">cancel</div>\r
410                                 </div>\r
411                                 <div id="comic-console-progress" class="console-progress">&nbsp;</div>\r
412                         </div>\r
413                 </div>\r
414 \r
415         <!-- Templete Container -->\r
416                 <div id="templete-container" style="display: none;">\r
417                         \r
418                 <!-- Finder -->\r
419                         <div id="templete-finder-container" class="finder-container">\r
420                         \r
421                         <!-- Finder Header -->\r
422                                 <div class="finder-header">\r
423                                         <ul class="finder-location">\r
424                                                 <!-- Finder location item-->\r
425                                                 <li id="templete-finder-location-item" class="finder-location-item">\r
426                                                         <a href="#"></a>\r
427                                                 </li>\r
428                                         </ul>\r
429                                         <div class="finder-sidebar-switch button">side</div>\r
430                                         <div class="finder-style-switch button">style</div>\r
431                                         <div class="finder-action-switch button">action</div>\r
432                                 </div>\r
433                                 \r
434                                 <div class="finder-body">\r
435                                         <!-- Finder icon -->\r
436                                         <div id="templete-finder-icon" class="finder-icon fnder-icon-modern">\r
437                                                 <span class="finder-icon-handle"></span>\r
438                                                 <span class="finder-icon-thumbnail"></span>\r
439                                                 <span class="finder-icon-filename break-word">file name</span>\r
440                                                 <span class="finder-icon-summary break-word">file descriptiion</span>\r
441                                                 <div class="finder-icon-console">\r
442                                                         <a href="#" class="finder-icon-console-action"></a>\r
443                                                         <a href="#" class="finder-icon-console-editor-apps"></a>\r
444                                                         <a href="#" class="finder-icon-console-viewer-apps"></a>\r
445                                                 </div>\r
446                                         </div>\r
447                                         \r
448                                         <div id="templete-finder-icon-ie" class="finder-icon fnder-icon-ie7">\r
449                                                 <a href="#" class="finder-icon-main">\r
450                                                         <span class="finder-icon-handle"></span>\r
451                                                         <span class="finder-icon-thumbnail"></span>\r
452                                                         <span class="finder-icon-cell finder-icon-ie-filename">\r
453                                                                 <span class="finder-icon-vertical-middle-outer">  \r
454                                                                         <span class="finder-icon-vertical-middle-inner">  \r
455                                                                                 <span class="finder-icon-filename break-word">file name</span> \r
456                                                                         </span>\r
457                                                                 </span>\r
458                                                         </span>\r
459                                                         <span class="finder-icon-cell finder-icon-ie-summary">\r
460                                                                 <span class="finder-icon-vertical-middle-outer">  \r
461                                                                         <span class="finder-icon-vertical-middle-inner">  \r
462                                                                                 <span class="finder-icon-summary break-word">file descriptiion</span>\r
463                                                                         </span>\r
464                                                                 </span>\r
465                                                         </span>\r
466                                                 </a>\r
467                                                 <div class="finder-icon-console">\r
468                                                         <a href="#" class="finder-icon-console-action"></a>\r
469                                                         <a href="#" class="finder-icon-console-editor-apps"></a>\r
470                                                         <a href="#" class="finder-icon-console-viewer-apps"></a>\r
471                                                 </div>\r
472                                         </div>\r
473                                         \r
474                                 </div>\r
475                         </div>\r
476                         \r
477                 </div>\r
478 \r
479                 <script type="text/javascript">\r
480                         var has_server_support = false;\r
481                 </script>\r
482                 <script type="text/javascript" src="javascripts/common.js"></script>\r
483                 <script type="text/javascript" src="javascripts/jquery-1.6.2.min.js"></script>\r
484                 <script type="text/javascript" src="javascripts/work.js"></script>\r
485                 <script type="text/javascript" src="javascripts/system.js"></script>\r
486     </body>\r
487 </html>\r