first version of comment extraction
[stapibas.git] / tests / stapibas / Content / Extractor / data / laurent-eschenauer.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">
3 <head>  
4         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
5 <meta name="keywords" content="indieweb" >      <base href="http://eschnou.com/" />     
6         <title>Laurent Eschenauer | Testing #indieweb federation with @waterpigs.co.uk</title>  <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
7         <link rel="pingback" href="http://eschnou.com/pingback">                
8         <link href="style/toolbar.css" media="screen" rel="stylesheet" type="text/css" >
9 <link href="themes/stumblepeach/style.css" media="screen" rel="stylesheet" type="text/css" >
10 <link href="style/lightbox.css" media="screen" rel="stylesheet" type="text/css" >       
11                 
12         <link rel="openid.server" href="http://www.myopenid.com/server" />
13 <link rel="openid.delegate" href="http://eschnou.myopenid.com/" />
14 <link rel="openid2.local_id" href="http://eschnou.myopenid.com" />
15 <link rel="openid2.provider" href="http://www.myopenid.com/server" />
16 <meta http-equiv="X-XRDS-Location" content="http://www.myopenid.com/xrds?username=eschnou.myopenid.com" />      
17                 
18                 
19       <style>
20                 #page {
21   width: 860px;
22 }
23
24 #right_column {
25   width: 240px;
26 }
27
28 #header h1 {
29   width:400px;
30 }
31
32 div.widget{
33   font-size: 0.9em;
34 }
35
36 .widget #formSearch input#searchsubmit {
37   width:75px;
38 }
39
40 img.addthis {
41  display: none;
42 }
43
44 div.tabMenu  {
45  font-size:14px;
46 }
47
48 #search {
49   border: 2px solid #DCE4EC;
50   color: #34495E;
51   font-family: "Lato", sans-serif;
52   font-size: 14px;
53   padding: 2px 0 4px 10px;
54   text-indent: 1px;
55   -webkit-border-radius: 6px;
56   -moz-border-radius: 6px;
57   border-radius: 6px;
58   -webkit-box-shadow: none;
59   -moz-box-shadow: none;
60   box-shadow: none;
61   width: 135px !important;
62 }
63
64 #searchsubmit {
65   border-radius: 6px;
66   background-color: #3498DB;
67   text-transform: lowercase;
68   border: none;
69   padding: 5px 10px;
70   color: white;
71   font: 14px/1.231 "Lato", sans-serif;
72   cursor: pointer;
73 }
74
75 #searchsubmit:hover {
76   background-color: #5DADE2;
77 }   </style>
78         <style>
79                         </style>
80 </head>
81         
82 <body>
83
84 <div id="adminbar" style="display:none;">
85         <div id="logo">
86                         <a href='http://storytlr.net/admin/post/'><img src="images/admin-logo.gif" title="To the administration environment"/></a>
87         </div>
88         <div id="login">
89         <form id="formLogin" enctype="application/x-www-form-urlencoded" action="http://storytlr.net/admin/auth/login" method="post">
90         Username: <input id="username" name="username" size="17" maxlength="16" tabindex="101" /> 
91         Password: <input id="password" name="password" size="17" maxlength="16" type="password" tabindex="102" />
92         <input type="checkbox" id="remember" name="remember" class="remember" /> Remember me 
93         <input type="hidden" name="target" value="user_page" id="target" />
94         <input type="submit" name="login" id="login" value="Sign in" />
95         </form>
96         </div>
97 </div>
98
99 <div id="pagewrapper">
100         <div class="" id="page">
101         
102         <div class='overlay_frame_wrapper' id='overlay_frame_wrapper' style="display:none;">
103                 <div class='overlay_frame_content'>
104                         <iframe id='overlay_frame' width=400 height=400></iframe>
105                 </div>
106         </div>
107                 
108         <div id="header-wrapper">
109                 <div id="header">
110                                                 <div id="login">
111                                 <div>
112                                         <a href="javascript://" onclick="onLoginClick(); return false;" title="Owner login">
113                                                 <img src="images/33.png" />
114                                         </a>
115                                 </div>
116                         </div>
117                                                 <div class="titlewrapper">
118                                 <h1 class="title">
119                                 Laurent Eschenauer                              </h1>
120                         </div>
121                         <div class="descriptionwrapper">
122                                 <div class="description"></div>
123                         </div>
124                 </div>
125         </div>
126                 
127         <div id="content-wrapper">
128                  
129                 <div id="right_column">
130                         <div class='sidebar'>
131                         <div class="widget custom">
132         <h2 class="title"></h2>
133         <div class="widget-content">
134                 <input type="button" onclick="(function(){var z=document.createElement('script');z.src='https://www.subtome.com/load.js';document.body.appendChild(z);})()" value="Subscribe to my Stream" style="margin: 0px 0px 5px 40px;">           <br class='fix'/>
135         </div>
136         <div class="clear"></div>
137 </div>
138 <div class="widget search">
139         <h2 class="title">Search</h2>
140         <div class="widget-content">
141                 <form id="formSearch" name="formSearch" action="search/" method="post">
142                         <input id="search" name="search" maxlength="256" tabindex="1" value="">
143                         <input id="searchsubmit" value="SEARCH" type="submit">
144                         <br class="fix" />
145                 </form>
146         </div>
147 </div>
148 <div class="widget bio">
149         <h2 class="title">About eschnou</h2>
150         <div class="widget-content">
151                 <div id="profile" class="vcard h-card">
152                         <div id="avatar">
153                                                                 <img src="http://eschnou.com/thumbnail/83mY3tVWgoSt7QGfe6f4COJ1hziC4PWF" alt="eschnou" class="photo u-photo" width="72" height="72" />
154                                                                 <div id="name" class="fn p-name"><a href="http://eschnou.com" class="u-url"><span class="given-name p-given-name">Laurent</span> <span class="family-name p-family-name">Eschenauer</span></a></div>
155                                 <div id="location" class="adr p-adr">Liège, Belgium</div>
156                         </div>
157                         <div id="details">
158                                 <div id="bio"><p class="p-note">Entrepreneur. Software engineer. Building the future of cloud @comodit.  Passionate about the Open Web. Developer of http://storytlr.org, an open source lifestreaming/blogging platform federating with the #indieweb.</p></div>
159                         </div>
160                         <br class="fix" />
161                 </div>
162         </div>
163 </div>
164 <div class="widget custom">
165         <h2 class="title">Contact</h2>
166         <div class="widget-content">
167                 <b>Email: </b>laurent@eschenauer.be
168 <b>Voicemail: </b>  +1 (415) 894-0312
169                 <br class='fix'/>
170         </div>
171         <div class="clear"></div>
172 </div>
173 <div class="widget custom">
174         <h2 class="title">Bitcoin TipJar</h2>
175         <div class="widget-content">
176                 <a href="bitcoin:13q2eVG8KkmsFqGHqDWbjHeq3qicxi4rjh?label=eschnou.com" rel="me">
177 <img src="http://files.eschnou.com/eschnou-btc.png" alt="Send me a BTC payment" title="Send me a BTC payment" style="max-width:150px;">
178 </a>            <br class='fix'/>
179         </div>
180         <div class="clear"></div>
181 </div>
182 <div class="widget music">
183         <h2 class="title">My playlist</h2>
184         <div class="widget-content">
185                 <div id="profile">
186                                 <object height="200" width="200" data="flash/player_mp3_multi.swf" type="application/x-shockwave-flash">
187                                      <param value="flash/player_mp3_multi.swf" name="movie"/>
188                                      <param value="transparent" name="wmode"/>
189                                      <param name="FlashVars" value="playlistrss=http://eschnou.com/rss/types/audio/nopre/1/feed.xml&currentmp3color=a3c6fa&showvolume=1&buttonovercolor=eeeeee&height=200&width=200&sliderovercolor=EEEEEE&loadingcolor=a3c6fa" />
190                                 </object>
191                         <br class="fix" />
192                 </div>
193         </div>
194 </div>
195 <div class="widget tags">
196         <h2 class="title">Tag cloud</h2>
197         <div class="widget-content">
198                 <a href='tag/indieweb' style='font-size: 75%'>#indieweb</a> <a href='tag/SoundCloud' style='font-size: 78%'>SoundCloud</a> <a href='tag/ardrone' style='font-size: 71%'>ardrone</a> <a href='tag/betagroup' style='font-size: 77%'>betagroup</a> <a href='tag/comoditdemos' style='font-size: 82%'>comodit/demos</a> <a href='tag/eschnouardronewebflight' style='font-size: 94%'>eschnou/ardrone-webflight</a> <a href='tag/eschnounodeardrone' style='font-size: 78%'>eschnou/node-ar-drone</a> <a href='tag/fosdem' style='font-size: 89%'>fosdem</a> <a href='tag/fsw' style='font-size: 72%'>fsw</a> <a href='tag/music' style='font-size: 71%'>music</a> <a href='tag/nature' style='font-size: 71%'>nature</a> <a href='tag/nodecopter' style='font-size: 75%'>nodecopter</a> <a href='tag/onesocialweb' style='font-size: 82%'>onesocialweb</a> <a href='tag/ourthe' style='font-size: 70%'>ourthe</a> <a href='tag/picplz' style='font-size: 71%'>picplz</a> <a href='tag/storytlr' style='font-size: 90%'>storytlr</a> <a href='tag/storytlrcore' style='font-size: 75%'>storytlr/core</a> <a href='tag/storytlrstorytlr' style='font-size: 150%'>storytlr/storytlr</a> <a href='tag/webmission' style='font-size: 95%'>webmission</a> <a href='tag/wiki' style='font-size: 71%'>wiki</a>     </div>
199         <div class="clear"></div>
200 </div>
201 <div class="widget comments">
202         <h2 class="title">Latest comments</h2>
203         <div class="widget-content">
204                 <ul>
205                                         <li>
206                                 <b>cecfrombelgium :</b>
207                                 <a href="entry/edward-snowden-the-whistleblower-behind-the-nsa-surveillance-revelations-62-24974.html#comment_4776">
208                                         What would YOU do Eschnou?                              </a>
209                         </li>
210                                         <li>
211                                 <b>parvinder singh :</b>
212                                 <a href="entry/edward-snowden-the-whistleblower-behind-the-nsa-surveillance-revelations-62-24974.html#comment_4775">
213                                         Nice                            </a>
214                         </li>
215                                         <li>
216                                 <b>eschnou :</b>
217                                 <a href="entry/aaronpareckicom-duh-i-actually-never-realized-there-was-hover-text-in-xk-62-24947.html#comment_4772">
218                                         @waterpigs.co.uk Oops.. I've just lost my geek ...                              </a>
219                         </li>
220                                         <li>
221                                 <b>Felix :</b>
222                                 <a href="entry/what-the-hell-happened-to-federated-social-networks-62-24936.html#comment_4771">
223                                         Similar questions have been asked regarding Ide...                              </a>
224                         </li>
225                                         <li>
226                                 <b>eschnou :</b>
227                                 <a href="entry/ive-ported-copterface-to-the-webflight-environment-lookig-fwd-to-try-this-24948-8866643.html#comment_4770">
228                                         @aaronparecki.com Thanks! And hurray for the in...                              </a>
229                         </li>
230                                 </ul>
231         </div>
232         <div class="clear"></div>
233 </div>
234 <div class="widget archives">
235         <h2 class="title">Archives</h2>
236         <div class="widget-content">
237                 <div id="accordion_archive">
238                         <h3 class='accordion_toggle'><b>2013</b></h3><div class='accordion_content'><ul><li><a href='archives/2013/6'>June</a> (159)</li><li><a href='archives/2013/5'>May</a> (305)</li><li><a href='archives/2013/4'>April</a> (166)</li><li><a href='archives/2013/3'>March</a> (91)</li><li><a href='archives/2013/2'>February</a> (73)</li><li><a href='archives/2013/1'>January</a> (166)</li></ul></div><h3 class='accordion_toggle'><b>2012</b></h3><div class='accordion_content'><ul><li><a href='archives/2012/12'>December</a> (28)</li><li><a href='archives/2012/11'>November</a> (2)</li><li><a href='archives/2012/10'>October</a> (13)</li><li><a href='archives/2012/9'>September</a> (59)</li><li><a href='archives/2012/8'>August</a> (49)</li><li><a href='archives/2012/7'>July</a> (73)</li><li><a href='archives/2012/6'>June</a> (53)</li><li><a href='archives/2012/5'>May</a> (22)</li><li><a href='archives/2012/4'>April</a> (36)</li><li><a href='archives/2012/3'>March</a> (41)</li><li><a href='archives/2012/2'>February</a> (77)</li><li><a href='archives/2012/1'>January</a> (33)</li></ul></div><h3 class='accordion_toggle'><b>2011</b></h3><div class='accordion_content'><ul><li><a href='archives/2011/12'>December</a> (56)</li><li><a href='archives/2011/11'>November</a> (10)</li><li><a href='archives/2011/10'>October</a> (39)</li><li><a href='archives/2011/9'>September</a> (11)</li><li><a href='archives/2011/8'>August</a> (28)</li><li><a href='archives/2011/7'>July</a> (41)</li><li><a href='archives/2011/6'>June</a> (76)</li><li><a href='archives/2011/5'>May</a> (66)</li><li><a href='archives/2011/4'>April</a> (64)</li><li><a href='archives/2011/3'>March</a> (147)</li><li><a href='archives/2011/2'>February</a> (96)</li><li><a href='archives/2011/1'>January</a> (84)</li></ul></div><h3 class='accordion_toggle'><b>2010</b></h3><div class='accordion_content'><ul><li><a href='archives/2010/12'>December</a> (87)</li><li><a href='archives/2010/11'>November</a> (67)</li><li><a href='archives/2010/10'>October</a> (57)</li><li><a href='archives/2010/9'>September</a> (67)</li><li><a href='archives/2010/8'>August</a> (57)</li><li><a href='archives/2010/7'>July</a> (31)</li><li><a href='archives/2010/6'>June</a> (30)</li><li><a href='archives/2010/5'>May</a> (44)</li><li><a href='archives/2010/4'>April</a> (1)</li><li><a href='archives/2010/3'>March</a> (2)</li><li><a href='archives/2010/2'>February</a> (59)</li><li><a href='archives/2010/1'>January</a> (40)</li></ul></div><h3 class='accordion_toggle'><b>2009</b></h3><div class='accordion_content'><ul><li><a href='archives/2009/12'>December</a> (76)</li><li><a href='archives/2009/11'>November</a> (18)</li><li><a href='archives/2009/10'>October</a> (31)</li><li><a href='archives/2009/9'>September</a> (31)</li><li><a href='archives/2009/8'>August</a> (25)</li><li><a href='archives/2009/7'>July</a> (113)</li><li><a href='archives/2009/6'>June</a> (167)</li><li><a href='archives/2009/5'>May</a> (289)</li><li><a href='archives/2009/4'>April</a> (155)</li><li><a href='archives/2009/3'>March</a> (220)</li><li><a href='archives/2009/2'>February</a> (254)</li><li><a href='archives/2009/1'>January</a> (174)</li></ul></div><h3 class='accordion_toggle'><b>2008</b></h3><div class='accordion_content'><ul><li><a href='archives/2008/12'>December</a> (131)</li><li><a href='archives/2008/11'>November</a> (99)</li><li><a href='archives/2008/10'>October</a> (99)</li><li><a href='archives/2008/9'>September</a> (40)</li><li><a href='archives/2008/8'>August</a> (56)</li><li><a href='archives/2008/7'>July</a> (50)</li><li><a href='archives/2008/6'>June</a> (98)</li><li><a href='archives/2008/5'>May</a> (115)</li><li><a href='archives/2008/4'>April</a> (85)</li><li><a href='archives/2008/3'>March</a> (88)</li><li><a href='archives/2008/2'>February</a> (47)</li><li><a href='archives/2008/1'>January</a> (143)</li></ul></div><h3 class='accordion_toggle'><b>2007</b></h3><div class='accordion_content'><ul><li><a href='archives/2007/12'>December</a> (47)</li><li><a href='archives/2007/11'>November</a> (111)</li><li><a href='archives/2007/10'>October</a> (37)</li><li><a href='archives/2007/9'>September</a> (1)</li><li><a href='archives/2007/8'>August</a> (6)</li><li><a href='archives/2007/7'>July</a> (5)</li><li><a href='archives/2007/1'>January</a> (15)</li></ul></div><h3 class='accordion_toggle'><b>2005</b></h3><div class='accordion_content'><ul><li><a href='archives/2005/10'>October</a> (50)</li></ul></div><h3 class='accordion_toggle'><b>1970</b></h3><div class='accordion_content'><ul><li><a href='archives/1970/1'>January</a> (1)</li></ul></div>            </div>
239         </div>
240         <div class="clear"></div>
241         
242 </div>  
243 <div class="widget links">
244         <h2 class="title">Me elsewhere</h2>
245         <div class="widget-content">
246                 <ul>
247                                         <li>
248                                 <a href="http://www.vimeo.com/eschnou" rel="me">
249                                         <img src="images/vimeo.png" width='16' height='16' />
250                                         Vimeo                           </a>
251                         </li>
252                                         <li>
253                                 <a href="http://www.flickr.com/photos/eschnoupix" rel="me">
254                                         <img src="images/flickr.png" width='16' height='16' />
255                                         Flickr                          </a>
256                         </li>
257                                         <li>
258                                 <a href="http://www.google.com/reader/shared/user%2F02657119769197882713%2Flabel%2Fonstream" rel="me">
259                                         <img src="images/googlereader.png" width='16' height='16' />
260                                         Google Reader                           </a>
261                         </li>
262                                         <li>
263                                 <a href="http://identi.ca/eschnou" rel="me">
264                                         <img src="images/laconica.png" width='16' height='16' />
265                                         Identi.ca                               </a>
266                         </li>
267                                         <li>
268                                 <a href="http://picasaweb.google.com/eschnou" rel="me">
269                                         <img src="images/picasa.png" width='16' height='16' />
270                                         Picasa                          </a>
271                         </li>
272                                         <li>
273                                 <a href="http://www.qik.com/eschnou" rel="me">
274                                         <img src="images/qik.png" width='16' height='16' />
275                                         Qik                             </a>
276                         </li>
277                                         <li>
278                                 <a href="http://www.lastfm.com/user/eschnou" rel="me">
279                                         <img src="images/lastfm.png" width='16' height='16' />
280                                         Lastfm                          </a>
281                         </li>
282                                         <li>
283                                 <a href="http://blog.eschnou.com/feeds/posts/default?alt=rss" rel="me">
284                                         <img src="images/rss.png" width='16' height='16' />
285                                         My old blog                             </a>
286                         </li>
287                                         <li>
288                                 <a href="http://www.seesmic.com/eschnou" rel="me">
289                                         <img src="images/seesmic.png" width='16' height='16' />
290                                         Seesmic                         </a>
291                         </li>
292                                         <li>
293                                 <a href="http://www.youtube.com/eschnou" rel="me">
294                                         <img src="images/youtube.png" width='16' height='16' />
295                                         Youtube                         </a>
296                         </li>
297                                         <li>
298                                 <a href="https://twitter.com/eschnou" rel="me">
299                                         <img src="images/twitter.png" width='16' height='16' />
300                                         Twitter                         </a>
301                         </li>
302                                         <li>
303                                 <a href="http://eschnou.stumbleupon.com" rel="me">
304                                         <img src="images/stumble.png" width='16' height='16' />
305                                         StumbleUpon                             </a>
306                         </li>
307                                         <li>
308                                 <a href="https://github.com/eschnou" rel="me">
309                                         <img src="images/github.png" width='16' height='16' />
310                                         Github                          </a>
311                         </li>
312                                         <li>
313                                 <a href="http://www.soundcloud.com/eschnou" rel="me">
314                                         <img src="images/soundcloud.png" width='16' height='16' />
315                                         Soundcloud                              </a>
316                         </li>
317                                 </ul>
318         </div>
319         <div class="clear"></div>
320 </div>
321 <div class="widget logo">
322         <h2 class="title">Powered by</h2>
323         <div class="widget-content">
324                 <p>
325                         <a href="http://storytlr.org"><img src="images/powered.gif"></a>
326                 </p>
327         </div>
328         <div class="clear"></div>
329 </div>
330                         </div>
331                 </div>
332                         
333                 <div id="left-column-wrapper">
334                         <div id="left-column">
335                                                                 <div class="tabMenu">
336                                         <table class="tabMenu" cellspacing="0">
337                                                 <tr>
338                 
339                                                                                                                         <td class="spacer">&nbsp;</td>
340                                                                 <td class="inactive" onClick="document.location='home?tab=0';return false;"><a href="home?tab=0" onfocus="this.blur()">Lifestream</a></td>
341                                                                                                                         <td class="spacer">&nbsp;</td>
342                                                                 <td class="inactive" onClick="document.location='home?tab=1';return false;"><a href="home?tab=1" onfocus="this.blur()">Mentions</a></td>
343                                                                                                                         <td class="spacer">&nbsp;</td>
344                                                                 <td class="inactive" onClick="document.location='home?tab=2';return false;"><a href="home?tab=2" onfocus="this.blur()">Pictures</a></td>
345                                                                                                                         <td class="spacer">&nbsp;</td>
346                                                                 <td class="inactive" onClick="document.location='home?tab=3';return false;"><a href="home?tab=3" onfocus="this.blur()">Videos</a></td>
347                                                                                                                         <td class="spacer">&nbsp;</td>
348                                                                 <td class="inactive" onClick="document.location='home?tab=4';return false;"><a href="home?tab=4" onfocus="this.blur()">Places</a></td>
349                                                                                                                         <td class="spacer">&nbsp;</td>
350                                                                 <td class="inactive" onClick="document.location='home?tab=5';return false;"><a href="home?tab=5" onfocus="this.blur()">Code</a></td>
351                                                                                                                         <td class="spacer">&nbsp;</td>
352                                                                 <td class="inactive" onClick="document.location='home?tab=6';return false;"><a href="home?tab=6" onfocus="this.blur()">Stories</a></td>
353                                                                                                                         <td class="spacer">&nbsp;</td>
354                                                                 <td class="inactive" onClick="document.location='home?tab=7';return false;"><a href="home?tab=7" onfocus="this.blur()">About</a></td>
355                                                                                                                                                                         <td class="last">&nbsp;</td>
356                                                 </tr>
357                                         </table>
358                                 </div>
359                                                                 
360                                 <div id="status_messages">
361                                                                         </div>
362                                 
363                                 <div id="error_messages">
364                                                                         </div>          
365                 
366                                 <div class="hfeed" id="content">
367                                 
368                                                                         
369                                         <div class='date' id='2013Apr19'>April 19, 2013</div>
370 <div class='item_wrapper' id='item_wrapper_62_24908'>
371         
372         <div class="hentry h-entry entry  item " id='item_62_24908'>
373                 <div class='item_left'>
374                         <a href="http://eschnou.com/entry/testing-indieweb-federation-with-waterpigscouk-aaronpareckicom-and--62-24908.html" class="u-url" rel="bookmark">
375                                 <img class="icon" src="images/stuffpress.png" width='16' height='16' />
376                         </a>
377                         <abbr class="published dt-published" title="2013-04-19T20:26:16+02:00">
378                         <span id='item_time_62_24908' class='time' >
379                                 20:26                   </span>
380                         </abbr>
381                         <div class="waiter" id='item_wait_62_24908' style='display:none'></div>
382                                         </div>
383                 <div class='item_right'>
384                         <div class='item_content'>
385                                 
386                                 <div class='item_actions'>
387         
388                                                                                         
389                                                                                 <action do="reply" with="http://eschnou.com/entry/testing-indieweb-federation-with-waterpigscouk-aaronpareckicom-and--62-24908.html">
390                                           <a class="comment" href='javascript:toggle_add_comment(62, 24908);' class="item_add_comment" title="Add comment"><img src="images/28.png" /></a>
391                                         </action>
392                                                                                 
393                                         <!-- AddThis Button BEGIN -->
394                                        <action do="post" with="http://eschnou.com/entry/testing-indieweb-federation-with-waterpigscouk-aaronpareckicom-and--62-24908.html"> 
395                                         <a class="addthis" href="javascript:onAddthisClick('http://eschnou.com/entry/testing-indieweb-federation-with-waterpigscouk-aaronpareckicom-and--62-24908.html', 'Testing #indieweb federation with @waterpigs.co.uk, @aaronparecki.com and @indiewebcamp.com !');" title="Share and bookmark">
396                                                 <img src="images/addthis.gif" width="16" height="16" border="0" alt="" class="addthis"/>
397                                         </a>
398                                        </action>
399                                         <!-- AddThis Button END -->
400                                 
401                                 </div>
402                                 
403                                 
404
405         
406 <div class="storytlr_status">
407         <div  class="title entry-title p-name p-summary e-content">
408                 Testing <a href="tag/indieweb">#indieweb</a> federation with <a class="h-card" href="http://waterpigs.co.uk" target="_blank">@<span class="p-name p-nickname">waterpigs.co.uk</span></a>, <a class="h-card" href="http://aaronparecki.com" target="_blank">@<span class="p-name p-nickname">aaronparecki.com</span></a> and <a class="h-card" href="http://indiewebcamp.com" target="_blank">@<span class="p-name p-nickname">indiewebcamp.com</span></a> !     </div>
409         </div>  
410
411                                                                                         <div class="tags footnote">     
412                                                         Tags: <a href='tag/indieweb' rel="tag">indieweb</a>                                             </div>
413                                                                                 
414                         </div>
415                 </div>
416         </div>
417 </div>
418
419 <div class='item_comments' id='comments_62_24908'>
420         <div class='comments'>
421 <h2>Comments</h2>
422
423 <div class='mention' id='mention_7'>
424         <div class='actions'>
425                 </div>
426         <div class='avatar'>
427                                 <img src='http://aaronparecki.com/images/aaronpk.png' />
428                         </div>
429         <div class='header'>
430                 <div class='author'>
431                         <a href="http://aaronparecki.com/">Aaron Parecki</a>
432                 </div>
433                 <div class='when'>
434                         <a href="http://aaronparecki.com/replies/2013/04/19/2/indieweb">on 19 Apr 13 at 13:35 CEST</a>
435                 </div>
436         </div>
437         <div class='title'>
438                 
439  Laurent Eschenauer It worked! Now here's a reply! <a href="tag/indieweb">#indieweb</a>
440         </div>
441 </div>
442 <div class='comment' id='comment_4700'>
443         <div class='actions'>
444                 </div>
445         <div class='avatar'>
446                 <img src='http://www.gravatar.com/avatar/02cd45622e90350cc061aaaa02229195' alt="tantek çelik Gravtar" />
447         </div>
448         <div class='header'>
449                 <div class='author'>
450                                                   <a href="http://tantek.com/" rel="nofollow">tantek çelik</a> 
451                                 
452                 </div>
453                 <div class='when'>
454                         on 20 Apr 13 at 0:57 CEST               </div>
455         </div>
456         <div class='title'>
457                 Laurent, are the REPLIES FROM THE <a href="tag/INDIEWEB">#INDIEWEB</a> displayed automatically, are you manually adding them, or automatically queued and you're just manually approving them?  </div>  
458 </div>
459 <div class='comment' id='comment_4701'>
460         <div class='actions'>
461                 </div>
462         <div class='avatar'>
463                 <img src='http://www.gravatar.com/avatar/2a8b9fa5ddd762284645edb176557fc4' alt="laurent eschenauer Gravtar" />
464         </div>
465         <div class='header'>
466                 <div class='author'>
467                                                   <a href="http://eschnou.com" rel="nofollow">laurent eschenauer</a> 
468                                 
469                 </div>
470                 <div class='when'>
471                         on 20 Apr 13 at 8:15 CEST               </div>
472         </div>
473         <div class='title'>
474                 <a class="h-card" href="http://tantek.com" target="_blank">@<span class="p-name p-nickname">tantek.com</span></a> It is automatic, when I receive a pingback I parse the source for mf2 content to find a hcard and hentry. No moderation, but I receive an email when someone comment/mention so I can react/delete if spammy. <br /> <br />Next for me is to also support webmentions, and enable a 'in-reply-to' flow.       </div>  
475 </div>
476 <div class='mention' id='mention_16'>
477         <div class='actions'>
478                 </div>
479         <div class='avatar'>
480                                 <img src='http://a0.twimg.com/profile_images/278009807/green_3751_AttractiveW_-_Off_the_Record_sur_Flickr___partage_de_photos___normal.jpg' />
481                         </div>
482         <div class='header'>
483                 <div class='author'>
484                         <a href="http://twitter.com/xtof_fr">xtof_fr</a>
485                 </div>
486                 <div class='when'>
487                         <a href="http://christopheducamp.com/blog/premier-essai-pour-tenter-de-rejoindre-une-federation-indieweb-chez-eschnou-fra/">on 21 Apr 13 at 22:17 CEST</a>
488                 </div>
489         </div>
490         <div class='title'>
491                 Premier essai pour tenter de rejoindre une fédération <a href="tag/indieweb">#indieweb</a> chez <a href="http://twitter.com/eschnou" target="_blank">@<span class="p-name p-nickname">eschnou</a></a> <a href="tag/fra">#fra</a>      </div>
492 </div>
493 <div class='mention' id='mention_17'>
494         <div class='actions'>
495                 </div>
496         <div class='avatar'>
497                                 <img src='images/book50.jpg' title='User has no avatar' />
498                         </div>
499         <div class='header'>
500                 <div class='author'>
501                         <a href="http://christopheducamp.com">Christophe Ducamp</a>
502                 </div>
503                 <div class='when'>
504                         <a href="http://christopheducamp.com/blog/les-reponses-indieweb-chez-eschnou/">on 22 Apr 13 at 6:21 CEST</a>
505                 </div>
506         </div>
507         <div class='title'>
508                 Les réponses <a href="tag/indieweb">#indieweb</a> chez <a href="http://twitter.com/eschnou" target="_blank">@<span class="p-name p-nickname">eschnou</a></a>   </div>
509 </div>
510 <div class='comment' id='comment_4702'>
511         <div class='actions'>
512                 </div>
513         <div class='avatar'>
514                 <img src='http://www.gravatar.com/avatar/2a8b9fa5ddd762284645edb176557fc4' alt="Laurent Eschenauer Gravtar" />
515         </div>
516         <div class='header'>
517                 <div class='author'>
518                                                   <a href="http://eschnou.com" rel="nofollow">Laurent Eschenauer</a> 
519                                 
520                 </div>
521                 <div class='when'>
522                         on 22 Apr 13 at 22:27 CEST              </div>
523         </div>
524         <div class='title'>
525                 And now we have unified local/indieweb comments, time ordered ! Let's have a real distributed conversation :-)  </div>  
526 </div>
527 <div class='comment' id='comment_4703'>
528         <div class='actions'>
529                 </div>
530         <div class='avatar'>
531                 <img src='http://www.gravatar.com/avatar/2a8b9fa5ddd762284645edb176557fc4' alt="Laurent Eschenauer Gravtar" />
532         </div>
533         <div class='header'>
534                 <div class='author'>
535                                                   <a href="http://eschnou.com" rel="nofollow">Laurent Eschenauer</a> 
536                                 
537                 </div>
538                 <div class='when'>
539                         on 22 Apr 13 at 22:56 CEST              </div>
540         </div>
541         <div class='title'>
542                 <a class="h-card" href="http://aaronparecki.com" target="_blank">@<span class="p-name p-nickname">aaronparecki.com</span></a> This is a reply to your reply, making it a really distributed conversation :-)    </div>  
543 </div>
544 <div class='mention' id='mention_19'>
545         <div class='actions'>
546                 </div>
547         <div class='avatar'>
548                                 <img src='http://photos.waterpigs.co.uk/photos/custom/201210/5d5a4d-Facing-Down_100x100xCR.jpg' />
549                         </div>
550         <div class='header'>
551                 <div class='author'>
552                         <a href="http://waterpigs.co.uk">Barnaby Walters</a>
553                 </div>
554                 <div class='when'>
555                         <a href="http://waterpigs.co.uk/notes/1334/">on 22 Apr 13 at 23:58 CEST</a>
556                 </div>
557         </div>
558         <div class='title'>
559                 Laurent Eschenauer great work getting <a href="tag/indieweb">#indieweb</a> comments working :)  </div>
560 </div>
561 <div class='comment' id='comment_4704'>
562         <div class='actions'>
563                 </div>
564         <div class='avatar'>
565                 <img src='http://www.gravatar.com/avatar/2a8b9fa5ddd762284645edb176557fc4' alt="Laurent Eschenauer Gravtar" />
566         </div>
567         <div class='header'>
568                 <div class='author'>
569                                                   <a href="http://eschnou.com" rel="nofollow">Laurent Eschenauer</a> 
570                                 
571                 </div>
572                 <div class='when'>
573                         on 23 Apr 13 at 9:39 CEST               </div>
574         </div>
575         <div class='title'>
576                 <a class="h-card" href="http://waterpigs.co.uk" target="_blank">@<span class="p-name p-nickname">waterpigs.co.uk</span></a> Thanks for helping out. Could not have done it without your php-mf2 library!        </div>  
577 </div>
578 <div class='mention' id='mention_21'>
579         <div class='actions'>
580                 </div>
581         <div class='avatar'>
582                                 <img src='http://photos.waterpigs.co.uk/photos/custom/201210/5d5a4d-Facing-Down_100x100xCR.jpg' />
583                         </div>
584         <div class='header'>
585                 <div class='author'>
586                         <a href="http://waterpigs.co.uk">Barnaby Walters</a>
587                 </div>
588                 <div class='when'>
589                         <a href="http://waterpigs.co.uk/notes/1337/">on 23 Apr 13 at 10:56 CEST</a>
590                 </div>
591         </div>
592         <div class='title'>
593                 Historically, I consider this to be the <a href="tag/indieweb">#indieweb</a> equivalent of this.        </div>
594 </div>
595 <div class='comment' id='comment_4705'>
596         <div class='actions'>
597                 </div>
598         <div class='avatar'>
599                 <img src='http://www.gravatar.com/avatar/0584d6991c186c9561863e080ff279e8' alt="Matthias Pfefferle Gravtar" />
600         </div>
601         <div class='header'>
602                 <div class='author'>
603                                                   <a href="http://notizblog.org/" rel="nofollow">Matthias Pfefferle</a> 
604                                 
605                 </div>
606                 <div class='when'>
607                         on 24 Apr 13 at 13:26 CEST              </div>
608         </div>
609         <div class='title'>
610                 Hey Laurent, how do you know where you have to "attach" the reply, or do you run this task by hand?     </div>  
611 </div>
612 <div class='comment' id='comment_4706'>
613         <div class='actions'>
614                 </div>
615         <div class='avatar'>
616                 <img src='http://www.gravatar.com/avatar/2a8b9fa5ddd762284645edb176557fc4' alt="Laurent Eschenauer Gravtar" />
617         </div>
618         <div class='header'>
619                 <div class='author'>
620                                                   <a href="http://eschnou.com" rel="nofollow">Laurent Eschenauer</a> 
621                                 
622                 </div>
623                 <div class='when'>
624                         on 24 Apr 13 at 14:04 CEST              </div>
625         </div>
626         <div class='title'>
627                 <a class="h-card" href="http://notizblog.org" target="_blank">@<span class="p-name p-nickname">notizblog.org</span></a> Everything is automatic. The pingback request as a 'target' which I map to an existing post (after a bit of regexp magic). In the 'source' item there should also be a link pointing to the target with a 'in-reply-to' tag. More details here: <a href="http://indiewebcamp.com/comment" rel="nofollow">http://indiewebcamp.com/comment</a>    </div>  
628 </div>
629 <div class='mention' id='mention_22'>
630         <div class='actions'>
631                 </div>
632         <div class='avatar'>
633                                 <img src='images/book50.jpg' title='User has no avatar' />
634                         </div>
635         <div class='header'>
636                 <div class='author'>
637                         <a href=""></a>
638                 </div>
639                 <div class='when'>
640                         <a href="http://notizblog.org/2013/04/24/wordpress-and-indieweb-comments/">on 24 Apr 13 at 14:15 CEST</a>
641                 </div>
642         </div>
643         <div class='title'>
644                 WordPress and IndieWeb-Comments </div>
645 </div>
646 <div class='comment' id='comment_4707'>
647         <div class='actions'>
648                 </div>
649         <div class='avatar'>
650                 <img src='http://www.gravatar.com/avatar/0584d6991c186c9561863e080ff279e8' alt="Matthias Pfefferle Gravtar" />
651         </div>
652         <div class='header'>
653                 <div class='author'>
654                                                   <a href="http://notizblog.org" rel="nofollow">Matthias Pfefferle</a> 
655                                 
656                 </div>
657                 <div class='when'>
658                         on 24 Apr 13 at 14:21 CEST              </div>
659         </div>
660         <div class='title'>
661                 Nice! It seems there is a bug in my mf2 implementation and your storytlr is using the title instead of the post.        </div>  
662 </div>
663 <div class='comment' id='comment_4708'>
664         <div class='actions'>
665                 </div>
666         <div class='avatar'>
667                 <img src='http://www.gravatar.com/avatar/2a8b9fa5ddd762284645edb176557fc4' alt="Laurent Eschenauer Gravtar" />
668         </div>
669         <div class='header'>
670                 <div class='author'>
671                                                   <a href="http://eschnou.com" rel="nofollow">Laurent Eschenauer</a> 
672                                 
673                 </div>
674                 <div class='when'>
675                         on 24 Apr 13 at 14:25 CEST              </div>
676         </div>
677         <div class='title'>
678                 There is also a few bugs in my side (also in my own comments timestamp as you can see :-). A bit more work needed, but we are getting there :-) Welcome to the conversation!    </div>  
679 </div>
680 <div class='comment' id='comment_4709'>
681         <div class='actions'>
682                 </div>
683         <div class='avatar'>
684                 <img src='http://www.gravatar.com/avatar/0584d6991c186c9561863e080ff279e8' alt="Matthias Pfefferle Gravtar" />
685         </div>
686         <div class='header'>
687                 <div class='author'>
688                                                   <a href="http://notizblog.org" rel="nofollow">Matthias Pfefferle</a> 
689                                 
690                 </div>
691                 <div class='when'>
692                         on 24 Apr 13 at 15:55 CEST              </div>
693         </div>
694         <div class='title'>
695                 BTW, is storytlr also sending pingpacks/webmentions in the comments section? If so, do you have a source url for any "comment" or do you support some kind of html fragments like superfeedr does <a href="http://blog.superfeedr.com/fragment-subscription/" rel="nofollow">http://blog.superfeedr.com/fragment-subscription/</a> ?    </div>  
696 </div>
697 <div class='comment' id='comment_4710'>
698         <div class='actions'>
699                 </div>
700         <div class='avatar'>
701                 <img src='http://www.gravatar.com/avatar/2a8b9fa5ddd762284645edb176557fc4' alt="Laurent Eschenauer Gravtar" />
702         </div>
703         <div class='header'>
704                 <div class='author'>
705                                                   <a href="http://eschnou.com" rel="nofollow">Laurent Eschenauer</a> 
706                                 
707                 </div>
708                 <div class='when'>
709                         on 24 Apr 13 at 21:19 CEST              </div>
710         </div>
711         <div class='title'>
712                 <a class="h-card" href="http://notizblog.org" target="_blank">@<span class="p-name p-nickname">notizblog.org</span></a> Yes, I send pingback for any mention within a comment (hence the @ at the begining of this comment) and the pingback is from a URl + fragment to the comment. I'm missing proper mf for the comment but it is coming.   </div>  
713 </div>
714 <div class='mention' id='mention_26'>
715         <div class='actions'>
716                 </div>
717         <div class='avatar'>
718                                 <img src='http://christopheducamp.com/images/micro-avatar.jpeg' />
719                         </div>
720         <div class='header'>
721                 <div class='author'>
722                         <a href="http://christopheducamp.com">Christophe Ducamp</a>
723                 </div>
724                 <div class='when'>
725                         <a href="http://christopheducamp.com/blog/le-premier-fil-de-discussion-federe-de-commentaires-indieweb/">on 25 Apr 13 at 20:48 CEST</a>
726                 </div>
727         </div>
728         <div class='title'>
729                 Le Premier Fil de Discussion Fédéré de Commentaires <a href="tag/Indieweb">#Indieweb</a>     </div>
730 </div>
731 <div class='mention' id='mention_27'>
732         <div class='actions'>
733                 </div>
734         <div class='avatar'>
735                                 <img src='http://photos.waterpigs.co.uk/photos/custom/201210/5d5a4d-Facing-Down_100x100xCR.jpg' />
736                         </div>
737         <div class='header'>
738                 <div class='author'>
739                         <a href="http://waterpigs.co.uk">Barnaby Walters</a>
740                 </div>
741                 <div class='when'>
742                         <a href="http://waterpigs.co.uk/notes/1358/">on 25 Apr 13 at 22:54 CEST</a>
743                 </div>
744         </div>
745         <div class='title'>
746                 Hopefully h-card entities should get expanded in the reply context for this note (crosses fingers)      </div>
747 </div>
748 <div class='mention' id='mention_30'>
749         <div class='actions'>
750                 </div>
751         <div class='avatar'>
752                                 <img src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc1/c12.47.156.156/s100x100/226570_508277977420_617357257_a.jpg' />
753                         </div>
754         <div class='header'>
755                 <div class='author'>
756                         <a href="">Tom Morris</a>
757                 </div>
758                 <div class='when'>
759                         <a href="http://tommorris.org/posts/8241">on 26 Apr 13 at 23:39 CEST</a>
760                 </div>
761         </div>
762         <div class='title'>
763                 Testing, testing, is this thing on?
764
765
766
767
768
769
770     21:46 on 2013-04-26 </div>
771 </div>
772 <div class='mention' id='mention_55'>
773         <div class='actions'>
774                 </div>
775         <div class='avatar'>
776                                 <img src='http://werd.io/file/51a7f328bed7de2c06dc5ad8' />
777                         </div>
778         <div class='header'>
779                 <div class='author'>
780                         <a href="http://werd.io/profile/benwerd">Ben Werdmuller</a>
781                 </div>
782                 <div class='when'>
783                         <a href="http://werd.io/view/51a80a7dbed7de2e068491f6">on 31 May 13 at 4:26 CEST</a>
784                 </div>
785         </div>
786         <div class='title'>
787                 Ben Werdmuller
788         
789     
790     
791         
792             Really excited by indieweb comments. Impressive idea, and a pointer to what's possible with microformats and webmentions. <a href="http://eschnou.com/entry/testing-indieweb-federation-with-waterpigscouk-aaronpareckicom-and--62-24908.html" rel="nofollow">http://eschnou.com/entry/testing-indieweb-federation-with-waterpigscouk-aaronpareckicom-and--62-24908.html</a>        
793         
794                         
795     
796         3s      </div>
797 </div>
798 <div class='mention' id='mention_57'>
799         <div class='actions'>
800                 </div>
801         <div class='avatar'>
802                                 <img src='http://werd.io/file/51a7f328bed7de2c06dc5ad8' />
803                         </div>
804         <div class='header'>
805                 <div class='author'>
806                         <a href="http://werd.io/profile/benwerd">Ben Werdmuller</a>
807                 </div>
808                 <div class='when'>
809                         <a href="http://werd.io/view/51a80d0ebed7de270621a12d">on 31 May 13 at 4:37 CEST</a>
810                 </div>
811         </div>
812         <div class='title'>
813                 Foot very much in mouth, here ends my <a href="tag/indieweb">#indieweb</a> comment testing for the night.        
814         
815                         
816     
817         4s      </div>
818 </div>
819 <div class='mention' id='mention_59'>
820         <div class='actions'>
821                 </div>
822         <div class='avatar'>
823                                 <img src='http://photos.waterpigs.co.uk/photos/custom/201210/5d5a4d-Facing-Down_100x100xCR.jpg' />
824                         </div>
825         <div class='header'>
826                 <div class='author'>
827                         <a href="http://waterpigs.co.uk">Barnaby Walters</a>
828                 </div>
829                 <div class='when'>
830                         <a href="http://waterpigs.co.uk/notes/1479/">on 31 May 13 at 11:05 CEST</a>
831                 </div>
832         </div>
833         <div class='title'>
834                 Another <a href="tag/indieweb">#indieweb</a> creator has commented on Laurent Eschenauer’s famous thread with a new implementation — congratulations benwerd!       </div>
835 </div>
836 <div class='mention' id='mention_80'>
837         <div class='actions'>
838                 </div>
839         <div class='avatar'>
840                                 <img src='http://www.gravatar.com/avatar/64a4d7587e6e3db5b5ff8152b25eb1bc?s=420&d=mm&r=g' />
841                         </div>
842         <div class='header'>
843                 <div class='author'>
844                         <a href="http://www.sandeep.io/">Sandeep Shetty</a>
845                 </div>
846                 <div class='when'>
847                         <a href="http://www.sandeep.io/32">on 4 Jun 13 at 14:01 CEST</a>
848                 </div>
849         </div>
850         <div class='title'>
851                 Just implemented the ability to send [WebMentions](<a href="http://webmention.org)/Pingback" rel="nofollow">http://webmention.org)/Pingback</a>. A little late to the party but here goes... <a href="tag/indieweb">#indieweb</a>       </div>
852 </div>
853 <div class='mention' id='mention_82'>
854         <div class='actions'>
855                 </div>
856         <div class='avatar'>
857                                 <img src='http://www.gravatar.com/avatar/64a4d7587e6e3db5b5ff8152b25eb1bc?s=420&d=mm&r=g' />
858                         </div>
859         <div class='header'>
860                 <div class='author'>
861                         <a href="http://www.sandeep.io/">Sandeep Shetty</a>
862                 </div>
863                 <div class='when'>
864                         <a href="http://www.sandeep.io/44">5 days ago</a>
865                 </div>
866         </div>
867         <div class='title'>
868                 This was linked to here: <a href="http://www.sandeep.io/44" rel="nofollow">http://www.sandeep.io/44</a> </div>
869 </div>
870 </div>
871 </div>          
872 <div class='item_add_comment' id='add_comment_62_24908'>
873         <div class="formfeedback" id="form_add_comment_errors_62_24908">
874 </div>
875 <form id="form_add_comment_62_24908" name="form_add_comment_62_24908" enctype="application/x-www-form-urlencoded" method="post" action=""><table>
876 <tr><td class="label"><label for="comment" class="required">Comment:</label>
877 <td class="element">
878 <textarea name="comment" id="comment" rows="4" cols="60"></textarea></td></td></tr>
879 <tr><td class="label"><label for="name" class="required">Name:</label>
880 <td class="element">
881 <input type="text" name="name" id="name" value=""></td></td></tr>
882 <tr><td class="label"><label for="email" class="required">Email (confidential):</label>
883 <td class="element">
884 <input type="text" name="email" id="email" value=""></td></td></tr>
885 <tr><td class="label"><label for="website" class="optional">Website (optional):</label>
886 <td class="element">
887 <input type="text" name="website" id="website" value=""></td></td></tr>
888 <tr><td class="label"><td class="element">
889 <label><input type="checkbox" name="options[]" id="options-notify" value="notify" checked="checked">Notify me of followup comments via e-mail</label></td></td></tr>
890
891 <input type="hidden" name="source" value="62" id="source">
892
893 <input type="hidden" name="item" value="24908" id="item">
894 <td class="label"></td><td class="element">
895
896 <button name="post" id="post" type="button" onclick="submitFormAddComment(62, 24908);">Post</button>
897
898 <button name="cancel" id="cancel" type="button" onclick="cancelFormAddComment(62, 24908);">Cancel</button></td></table></form><br class="fix" />
899 </div>          
900                                 </div>
901                                 
902                                 <div class="bottom_nav">
903                                         <div class="pagination">
904                                                                                                                                                         </div>
905                                 </div>
906                         
907                                 <div id="footer-wrapper">
908                                         <div id="footer">
909                                                 Web site powered by <a href="http://storytlr.org">storytlr</a>, version 1.3.dev, available under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License version 2.0</a>.
910                                         </div>
911                                 </div>
912                         </div>
913                 </div>
914         </div>
915         
916         <br class="fix"/>
917         
918 </div>
919
920 <script type="text/javascript">
921 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
922 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
923 </script>
924 <script type="text/javascript">
925 var pageTracker = _gat._getTracker("UA-3039760-4");
926 pageTracker._trackPageview();
927 </script>
928 <!-- Include required javascript -->
929 <script type="text/javascript" src="js/prototype/prototype.js"></script>
930 <script type="text/javascript" src="js/scriptaculous/builder.js"></script>
931 <script type="text/javascript" src="js/scriptaculous/effects.js"></script>
932 <script type="text/javascript" src="js/scriptaculous/dragdrop.js"></script>
933 <script type="text/javascript" src="js/scriptaculous/controls.js"></script>
934 <script type="text/javascript" src="js/scriptaculous/slider.js"></script>
935 <script type="text/javascript" src="js/scriptaculous/sound.js"></script>
936 <script type="text/javascript" src="js/storytlr/validateForm.js"></script>
937 <script type="text/javascript" src="js/storytlr/common.js"></script>
938 <script type="text/javascript" src="js/controllers/adminbar.js"></script>
939 <script type="text/javascript" src="js/accordion/accordion.js"></script>
940 <script type="text/javascript" src="js/controllers/timeline.js"></script>
941 <script type="text/javascript" src="js/accordion/init.js"></script><!-- End include required javascript -->
942
943
944 </body>
945 </html>