Changeset 6432

Show
Ignore:
Timestamp:
08/20/08 18:25:11 (5 months ago)
Author:
PhilHawksworth
Message:

JigglyWiki? - Cleaner theme to support coming search functionality and possible control conventions

Location:
Trunk/contributors/PhilHawksworth/experimental/jigglywiki/proto
Files:
6 modified

Legend:

Unmodified
Added
Removed

  • Trunk/contributors/PhilHawksworth/experimental/jigglywiki/proto/css/default.css

    r6213 r6432  
     1/* ================== */ 
     2/* = page structure = */ 
     3/* ================== */ 
    14body{font:12px/1.7em arial;margin:0;padding:0;} 
    25div#header{display:block;background-color:#111;padding:1.5em 2em;color:#ddd;} 
    3 div#header h1{display:inline;color:#4174CD;margin-right:0.5em;} 
     6div#header h1{display:inline;color:#1e52cd;margin-right:0.5em;} 
    47div#header h3{display:inline;} 
    5 div#controls{display:block;background-color:#eee;padding:0;overflow:auto;} 
    6 div#controls a{display:inline;float:left;color:#4174CD;padding:4px 1em;margin-right:1px;text-decoration:none;font-weight:bold;border-style:none;} 
    7 div#controls a:hover{background-color:#111;color:#4174CD;border-style:none;} 
     8 
     9#store, div.story{width:100%; margin-right:-200px; background-color:#f9f9f9; z-index:1;} 
     10div.tiddler{background-color:#fff; margin:0 200px 0 0px;padding:1em 1.5em;border-top:solid 1px #ccc;border-right:solid 1px #ccc;} 
     11div.tiddler:first-child {border-top-style:none;} 
     12#sidebar{background-color:#f9f9f9;width:200px;float:right;border-top:solid 1px #ccc; z-index:2;} 
     13#footer{clear:both;padding:1em;border-top:solid 1px #ccc;text-align:right;} 
     14 
     15/* =========== */ 
     16/* = sidebar = */ 
     17/* =========== */ 
     18#sidebar div{ margin:0 1em; padding:1em 0; border-top:solid 1px #fff; border-bottom:solid 1px #eee;} 
     19 
     20 
     21div.controls{display:block; padding:1em; } 
     22div.controls a{display:block; color:#1e52cd;padding:2px 0.6em;margin:0 0 1px 0;text-decoration:none;font-weight:bold;border-style:none;} 
     23div.controls a:hover{background-color:#111;color:#fff;border-style:none;} 
     24 
    825a:link{color:#111;text-decoration:none;border-bottom:solid 1px #111;} 
    926a:visited{color:#333;text-decoration:none;border-bottom:solid 1px #111;} 
    10 a:hover{color:#4174CD;border-bottom:solid 2px #4174CD;} 
     27a:hover{color:#1e52cd;border-bottom:solid 2px #1e52cd;} 
     28 
    1129/* =========== */ 
    1230/* = Tiddler = */ 
    1331/* =========== */ 
    14 div.tiddler{border-bottom:solid 1px #ccc;padding:1em 2em;font-size:14px;line-height:1.7em;} 
    15 div.tiddler h1.tiddlerName{letter-spacing:-3px; font-size:3.8em; line-height:1;padding:0; margin:10px 0;} 
     32div.tiddler{font-size:14px;line-height:1.6em;} 
     33div.tiddler h1.tiddlerName{letter-spacing:-3px;font-size:3.8em;line-height:1;padding:0;margin:10px 0;} 
    1634div.tiddler ul.tags{list-style:none;padding:0;} 
    1735div.tiddler ul.tags *{display:inline;margin-right:1em;} 
    … …  
    2038div.tiddler ul.tags li a:hover{text-decoration:none;color:#fff;background-color:#444;padding:1px 4px;margin:0;border-style:none;} 
    2139div.tiddler ul.meta{display:none;} 
    22 div.tiddler a.tiddlerLink{color:#4174CD;text-decoration:none;border-style:none;} 
    23 div.tiddler a.tiddlerLink:hover{background-color:#4174CD;color:#fff;margin:0 -2px;padding:1px 2px;border-style:none;} 
    24 div.tiddler .meta{color:#999;margin-right:0.5em;} 
     40div.tiddler a.tiddlerLink{color:#1E52CD;text-decoration:none;border-style:none;} 
     41div.tiddler a.tiddlerLink:hover{background-color:#1e52cd;color:#fff;margin:0 -2px;padding:1px 2px;border-style:none;} 
     42div.tiddler .meta{ font-size:0.8em;color:#999;margin-right:0.2em;} 
    2543div.tiddler .meta a{color:#666;background-color:#f0f0f0;padding:1px 4px;margin:0;border-style:none;} 
    26 div.tiddler .meta a:hover{color:#fff;background-color:#4174CD;padding:1px 4px;margin:0;border-style:none;} 
    27 div.tiddler div.controls{display:block;text-align:right;} 
    28 div.tiddler a.control{margin-left:2px;padding:2px 6px;color:#fff;background-color:#bbb;border-style:none;font-style:bold;} 
    29 div.tiddler a.control:hover{color:#fff;background-color:#666;border-style:none;} 
     44div.tiddler .meta a:hover{color:#fff;background-color:#1e52cd;padding:1px 4px;margin:0;border-style:none;} 
     45div.tiddler div.controls{ display:block;text-align:right;} 
     46div.tiddler a.control{ font-size:0.8em; margin-left:2px;padding:2px 6px;color:#fff;background-color:#bbb;border-style:none;font-style:bold;} 
     47div.tiddler a.control:hover{ font-size:0.8em;color:#fff;background-color:#666;border-style:none;} 
     48 
    3049/* ================ */ 
    3150/* = Tiddler Edit = */ 
    3251/* ================ */ 
    33 div.text textarea {width:100%; height:200px;} 
    34  
    35  
     52div.text textarea{width:100%;height:200px;} 
    3653 
    3754/* ========================= */ 
    … …  
    3956/* ========================= */ 
    4057div.tags a.tiddlerLink, 
    41 div.tags a.tiddlerLink:hover {margin:1px; font-size:0.9em;} 
    42  
     58div.tags a.tiddlerLink:hover{margin:1px;font-size:0.9em;} 
    4359 
    4460/* ================= */ 
    4561/* = iPhone styles = */ 
    4662/* ================= */ 
    47 @media only screen and (max-device-width:480px){ 
    48         html,body{width:320px;} 
    49         div.tiddler h1.tiddlerName{font-size:2.8em; }    
     63@media only screen and (max-device-width:480px){html,body{width:320px;} 
     64div.tiddler h1.tiddlerName{font-size:2.8em;} 
    5065} 

  • Trunk/contributors/PhilHawksworth/experimental/jigglywiki/proto/jigglywiki.html

    r6422 r6432  
    1010        <meta name = "viewport" content = "initial-scale = 1.0"> 
    1111        <style type="text/css" media="screen"> 
     12/* ================== */ 
     13/* = page structure = */ 
     14/* ================== */ 
    1215body{font:12px/1.7em arial;margin:0;padding:0;} 
    1316div#header{display:block;background-color:#111;padding:1.5em 2em;color:#ddd;} 
    14 div#header h1{display:inline;color:#4174CD;margin-right:0.5em;} 
     17div#header h1{display:inline;color:#1e52cd;margin-right:0.5em;} 
    1518div#header h3{display:inline;} 
    16 div#controls{display:block;background-color:#eee;padding:0;overflow:auto;} 
    17 div#controls a{display:inline;float:left;color:#4174CD;padding:4px 1em;margin-right:1px;text-decoration:none;font-weight:bold;border-style:none;} 
    18 div#controls a:hover{background-color:#111;color:#4174CD;border-style:none;} 
     19 
     20#store, div.story{width:100%; margin-right:-200px; background-color:#f9f9f9; z-index:1;} 
     21div.tiddler{background-color:#fff; margin:0 200px 0 0px;padding:1em 1.5em;border-top:solid 1px #ccc;border-right:solid 1px #ccc;} 
     22div.tiddler:first-child {border-top-style:none;} 
     23#sidebar{background-color:#f9f9f9;width:200px;float:right;border-top:solid 1px #ccc; z-index:2;} 
     24#footer{clear:both;padding:1em;border-top:solid 1px #ccc;text-align:right;} 
     25 
     26/* =========== */ 
     27/* = sidebar = */ 
     28/* =========== */ 
     29#sidebar div{ margin:0 1em; padding:1em 0; border-top:solid 1px #fff; border-bottom:solid 1px #eee;} 
     30 
     31 
     32div.controls{display:block; padding:1em; } 
     33div.controls a{display:block; color:#1e52cd;padding:2px 0.6em;margin:0 0 1px 0;text-decoration:none;font-weight:bold;border-style:none;} 
     34div.controls a:hover{background-color:#111;color:#fff;border-style:none;} 
     35 
    1936a:link{color:#111;text-decoration:none;border-bottom:solid 1px #111;} 
    2037a:visited{color:#333;text-decoration:none;border-bottom:solid 1px #111;} 
    21 a:hover{color:#4174CD;border-bottom:solid 2px #4174CD;} 
     38a:hover{color:#1e52cd;border-bottom:solid 2px #1e52cd;} 
     39 
    2240/* =========== */ 
    2341/* = Tiddler = */ 
    2442/* =========== */ 
    25 div.tiddler{border-bottom:solid 1px #ccc;padding:1em 2em;font-size:14px;line-height:1.7em;} 
    26 div.tiddler h1.tiddlerName{letter-spacing:-3px; font-size:3.8em; line-height:1;padding:0; margin:10px 0;} 
     43div.tiddler{font-size:14px;line-height:1.6em;} 
     44div.tiddler h1.tiddlerName{letter-spacing:-3px;font-size:3.8em;line-height:1;padding:0;margin:10px 0;} 
    2745div.tiddler ul.tags{list-style:none;padding:0;} 
    2846div.tiddler ul.tags *{display:inline;margin-right:1em;} 
    … …  
    3149div.tiddler ul.tags li a:hover{text-decoration:none;color:#fff;background-color:#444;padding:1px 4px;margin:0;border-style:none;} 
    3250div.tiddler ul.meta{display:none;} 
    33 div.tiddler a.tiddlerLink{color:#4174CD;text-decoration:none;border-style:none;} 
    34 div.tiddler a.tiddlerLink:hover{background-color:#4174CD;color:#fff;margin:0 -2px;padding:1px 2px;border-style:none;} 
    35 div.tiddler .meta{color:#999;margin-right:0.5em;} 
     51div.tiddler a.tiddlerLink{color:#1E52CD;text-decoration:none;border-style:none;} 
     52div.tiddler a.tiddlerLink:hover{background-color:#1e52cd;color:#fff;margin:0 -2px;padding:1px 2px;border-style:none;} 
     53div.tiddler .meta{ font-size:0.8em;color:#999;margin-right:0.2em;} 
    3654div.tiddler .meta a{color:#666;background-color:#f0f0f0;padding:1px 4px;margin:0;border-style:none;} 
    37 div.tiddler .meta a:hover{color:#fff;background-color:#4174CD;padding:1px 4px;margin:0;border-style:none;} 
    38 div.tiddler div.controls{display:block;text-align:right;} 
    39 div.tiddler a.control{margin-left:2px;padding:2px 6px;color:#fff;background-color:#bbb;border-style:none;font-style:bold;} 
    40 div.tiddler a.control:hover{color:#fff;background-color:#666;border-style:none;} 
     55div.tiddler .meta a:hover{color:#fff;background-color:#1e52cd;padding:1px 4px;margin:0;border-style:none;} 
     56div.tiddler div.controls{ display:block;text-align:right;} 
     57div.tiddler a.control{ font-size:0.8em; margin-left:2px;padding:2px 6px;color:#fff;background-color:#bbb;border-style:none;font-style:bold;} 
     58div.tiddler a.control:hover{ font-size:0.8em;color:#fff;background-color:#666;border-style:none;} 
     59 
    4160/* ================ */ 
    4261/* = Tiddler Edit = */ 
    4362/* ================ */ 
    44 div.text textarea {width:100%; height:200px;} 
    45  
    46  
     63div.text textarea{width:100%;height:200px;} 
    4764 
    4865/* ========================= */ 
    … …  
    5067/* ========================= */ 
    5168div.tags a.tiddlerLink, 
    52 div.tags a.tiddlerLink:hover {margin:1px; font-size:0.9em;} 
    53  
     69div.tags a.tiddlerLink:hover{margin:1px;font-size:0.9em;} 
    5470 
    5571/* ================= */ 
    5672/* = iPhone styles = */ 
    5773/* ================= */ 
    58 @media only screen and (max-device-width:480px){ 
    59         html,body{width:320px;} 
    60         div.tiddler h1.tiddlerName{font-size:2.8em; }    
    61 } 
     74@media only screen and (max-device-width:480px){html,body{width:320px;} 
     75div.tiddler h1.tiddlerName{font-size:2.8em;} 
     76} 
     77 
    6278div.wysiwyg { border: 1px solid #ccc; padding: 5px; background-color: #FFF; } 
    6379div.wysiwyg * { margin: 0; padding: 0; } 
    … …  
    122138                <h3>a web-visible, jQuery-based tiddlywiki clone</h3> 
    123139        </div> 
    124         <div id='controls'> 
    125                 <a class='control' href='#'>close all</a> 
    126                 <a class='control' href='#'>save</a> 
    127                 <a class='control' href='#'>permalink</a> 
    128                 <a class="tiddlerLink" href="#tiddler:help">help</a> 
    129                 <a class='control' href='#'>jiggle</a> 
    130         </div> 
    131          
     140        <div id='sidebar'> 
     141                <div class='controls'> 
     142                        <a class='control' href='#'>close all</a> 
     143                        <a class='control' href='#'>save</a> 
     144                        <a class='control' href='#'>permalink</a> 
     145                        <a class="tiddlerLink" href="#tiddler:help">help</a> 
     146                        <a class='control' href='#'>jiggle</a> 
     147                </div> 
     148                <div class='search'> 
     149                        <input type='text' class='search' value='search' /> 
     150                </div> 
     151        </div> 
    132152         
    133153        <!-- We use this div to display content via user actions --> 
    … …  
    341361        </ul> 
    342362</div> 
    343 <div class='tiddler'> 
    344         <a class='tiddlerName' name='tiddler:DummyTiddler_55'></a> 
    345         <h1 class='tiddlerName'>DummyTiddler_55</h1> 
    346         <div class='text'> 
    347                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
    348         </div> 
    349         <ul class='tags'> 
    350                 <h3>tags</h3> 
    351                 <li><a class='tiddlerLink' href='#tiddler:help'>help</a></li> 
    352         </ul> 
    353         <ul class='meta'> 
    354                 <h3>metadata</h3> 
    355                 <li><i>created</i> <span>200808010000</span></li> 
    356                 <li><i>modified</i> <span>200808010000</span></li> 
    357                 <li><i>modifier</i> <span>AnnOther</span></li> 
    358         </ul> 
    359 </div><div class='tiddler'> 
    360         <a class='tiddlerName' name='tiddler:DummyTiddler_550'></a> 
    361         <h1 class='tiddlerName'>DummyTiddler_550</h1> 
    362         <div class='text'> 
    363                 Piddly little tiddler 
    364         </div> 
    365         <ul class='tags'> 
    366                 <h3>tags</h3> 
    367                 <li><a class='tiddlerLink' href='#tiddler:about'>about</a></li> 
    368         </ul> 
    369         <ul class='meta'> 
    370                 <h3>metadata</h3> 
    371                 <li><i>created</i> <span>200808010000</span></li> 
    372                 <li><i>modified</i> <span>200808010000</span></li> 
    373                 <li><i>modifier</i> <span>PhilHawksworth</span></li> 
    374         </ul> 
    375 </div><div class='tiddler'> 
    376         <a class='tiddlerName' name='tiddler:DummyTiddler_551'></a> 
    377         <h1 class='tiddlerName'>DummyTiddler_551</h1> 
    378         <div class='text'> 
    379                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
    380         </div> 
    381         <ul class='tags'> 
    382                 <h3>tags</h3> 
    383                 <li><a class='tiddlerLink' href='#tiddler:help'>help</a></li> 
    384         </ul> 
    385         <ul class='meta'> 
    386                 <h3>metadata</h3> 
    387                 <li><i>created</i> <span>200808010000</span></li> 
    388                 <li><i>modified</i> <span>200808010000</span></li> 
    389                 <li><i>modifier</i> <span>AnnOther</span></li> 
    390         </ul> 
    391 </div><div class='tiddler'> 
    392         <a class='tiddlerName' name='tiddler:DummyTiddler_552'></a> 
    393         <h1 class='tiddlerName'>DummyTiddler_552</h1> 
    394         <div class='text'> 
    395                 Piddly little tiddler 
    396         </div> 
    397         <ul class='tags'> 
    398                 <h3>tags</h3> 
    399                 <li><a class='tiddlerLink' href='#tiddler:help'>help</a></li> 
    400         </ul> 
    401         <ul class='meta'> 
    402                 <h3>metadata</h3> 
    403                 <li><i>created</i> <span>200808010000</span></li> 
    404                 <li><i>modified</i> <span>200808010000</span></li> 
    405                 <li><i>modifier</i> <span>AnnOther</span></li> 
    406         </ul> 
    407 </div><div class='tiddler'> 
    408         <a class='tiddlerName' name='tiddler:DummyTiddler_553'></a> 
    409         <h1 class='tiddlerName'>DummyTiddler_553</h1> 
    410         <div class='text'> 
    411                 Some other text in a tiddler. Just for testing purposes you understand. 
    412         </div> 
    413         <ul class='tags'> 
    414                 <h3>tags</h3> 
    415                 <li><a class='tiddlerLink' href='#tiddler:about'>about</a></li> 
    416         </ul> 
    417         <ul class='meta'> 
    418                 <h3>metadata</h3> 
    419                 <li><i>created</i> <span>200808010000</span></li> 
    420                 <li><i>modified</i> <span>200808010000</span></li> 
    421                 <li><i>modifier</i> <span>BillyBob</span></li> 
    422         </ul> 
    423 </div><div class='tiddler'> 
    424         <a class='tiddlerName' name='tiddler:DummyTiddler_554'></a> 
    425         <h1 class='tiddlerName'>DummyTiddler_554</h1> 
    426         <div class='text'> 
    427                 Piddly little tiddler 
    428         </div> 
    429         <ul class='tags'> 
    430                 <h3>tags</h3> 
    431                 <li><a class='tiddlerLink' href='#tiddler:bar'>bar</a></li> 
    432         </ul> 
    433         <ul class='meta'> 
    434                 <h3>metadata</h3> 
    435                 <li><i>created</i> <span>200808010000</span></li> 
    436                 <li><i>modified</i> <span>200808010000</span></li> 
    437                 <li><i>modifier</i> <span>JimboJones</span></li> 
    438         </ul> 
    439 </div><div class='tiddler'> 
    440         <a class='tiddlerName' name='tiddler:DummyTiddler_555'></a> 
    441         <h1 class='tiddlerName'>DummyTiddler_555</h1> 
    442         <div class='text'> 
    443                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
    444         </div> 
    445         <ul class='tags'> 
    446                 <h3>tags</h3> 
    447                 <li><a class='tiddlerLink' href='#tiddler:about'>about</a></li> 
    448         </ul> 
    449         <ul class='meta'> 
    450                 <h3>metadata</h3> 
    451                 <li><i>created</i> <span>200808010000</span></li> 
    452                 <li><i>modified</i> <span>200808010000</span></li> 
    453                 <li><i>modifier</i> <span>JimboJones</span></li> 
    454         </ul> 
    455 </div><div class='tiddler'> 
    456         <a class='tiddlerName' name='tiddler:DummyTiddler_556'></a> 
    457         <h1 class='tiddlerName'>DummyTiddler_556</h1> 
    458         <div class='text'> 
    459                 Piddly little tiddler 
    460         </div> 
    461         <ul class='tags'> 
    462                 <h3>tags</h3> 
    463                 <li><a class='tiddlerLink' href='#tiddler:bar'>bar</a></li> 
    464         </ul> 
    465         <ul class='meta'> 
    466                 <h3>metadata</h3> 
    467                 <li><i>created</i> <span>200808010000</span></li> 
    468                 <li><i>modified</i> <span>200808010000</span></li> 
    469                 <li><i>modifier</i> <span>PhilHawksworth</span></li> 
    470         </ul> 
    471 </div><div class='tiddler'> 
    472         <a class='tiddlerName' name='tiddler:DummyTiddler_557'></a> 
    473         <h1 class='tiddlerName'>DummyTiddler_557</h1> 
    474         <div class='text'> 
    475                 Piddly little tiddler 
    476         </div> 
    477         <ul class='tags'> 
    478                 <h3>tags</h3> 
    479                 <li><a class='tiddlerLink' href='#tiddler:help'>help</a></li> 
    480         </ul> 
    481         <ul class='meta'> 
    482                 <h3>metadata</h3> 
    483                 <li><i>created</i> <span>200808010000</span></li> 
    484                 <li><i>modified</i> <span>200808010000</span></li> 
    485                 <li><i>modifier</i> <span>JimboJones</span></li> 
    486         </ul> 
    487 </div><div class='tiddler'> 
    488         <a class='tiddlerName' name='tiddler:DummyTiddler_558'></a> 
    489         <h1 class='tiddlerName'>DummyTiddler_558</h1> 
    490         <div class='text'> 
    491                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
    492         </div> 
    493         <ul class='tags'> 
    494                 <h3>tags</h3> 
    495                 <li><a class='tiddlerLink' href='#tiddler:help'>help</a></li> 
    496         </ul> 
    497         <ul class='meta'> 
    498                 <h3>metadata</h3> 
    499                 <li><i>created</i> <span>200808010000</span></li> 
    500                 <li><i>modified</i> <span>200808010000</span></li> 
    501                 <li><i>modifier</i> <span>BillyBob</span></li> 
    502         </ul> 
    503 </div><div class='tiddler'> 
    504         <a class='tiddlerName' name='tiddler:DummyTiddler_559'></a> 
    505         <h1 class='tiddlerName'>DummyTiddler_559</h1> 
    506         <div class='text'> 
    507                 Some other text in a tiddler. Just for testing purposes you understand. 
    508         </div> 
    509         <ul class='tags'> 
    510                 <h3>tags</h3> 
    511                 <li><a class='tiddlerLink' href='#tiddler:foo'>foo</a></li> 
    512         </ul> 
    513         <ul class='meta'> 
    514                 <h3>metadata</h3> 
    515                 <li><i>created</i> <span>200808010000</span></li> 
    516                 <li><i>modified</i> <span>200808010000</span></li> 
    517                 <li><i>modifier</i> <span>BillyBob</span></li> 
    518         </ul> 
    519 </div><div class='tiddler'> 
    520         <a class='tiddlerName' name='tiddler:DummyTiddler_56'></a> 
    521         <h1 class='tiddlerName'>DummyTiddler_56</h1> 
    522         <div class='text'> 
    523                 Piddly little tiddler 
    524         </div> 
    525         <ul class='tags'> 
    526                 <h3>tags</h3> 
    527                 <li><a class='tiddlerLink' href='#tiddler:about'>about</a></li> 
    528         </ul> 
    529         <ul class='meta'> 
    530                 <h3>metadata</h3> 
    531                 <li><i>created</i> <span>200808010000</span></li> 
    532                 <li><i>modified</i> <span>200808010000</span></li> 
    533                 <li><i>modifier</i> <span>BillyBob</span></li> 
    534         </ul> 
    535 </div><div class='tiddler'> 
    536         <a class='tiddlerName' name='tiddler:DummyTiddler_560'></a> 
    537         <h1 class='tiddlerName'>DummyTiddler_560</h1> 
    538         <div class='text'> 
    539                 Some other text in a tiddler. Just for testing purposes you understand. 
    540         </div> 
    541         <ul class='tags'> 
    542                 <h3>tags</h3> 
    543                 <li><a class='tiddlerLink' href='#tiddler:bar'>bar</a></li> 
    544         </ul> 
    545         <ul class='meta'> 
    546                 <h3>metadata</h3> 
    547                 <li><i>created</i> <span>200808010000</span></li> 
    548                 <li><i>modified</i> <span>200808010000</span></li> 
    549                 <li><i>modifier</i> <span>AnnOther</span></li> 
    550         </ul> 
    551 </div><div class='tiddler'> 
    552         <a class='tiddlerName' name='tiddler:DummyTiddler_561'></a> 
    553         <h1 class='tiddlerName'>DummyTiddler_561</h1> 
    554         <div class='text'> 
    555                 Some other text in a tiddler. Just for testing purposes you understand. 
    556         </div> 
    557         <ul class='tags'> 
    558                 <h3>tags</h3> 
    559                 <li><a class='tiddlerLink' href='#tiddler:help'>help</a></li> 
    560         </ul> 
    561         <ul class='meta'> 
    562                 <h3>metadata</h3> 
    563                 <li><i>created</i> <span>200808010000</span></li> 
    564                 <li><i>modified</i> <span>200808010000</span></li> 
    565                 <li><i>modifier</i> <span>PhilHawksworth</span></li> 
    566         </ul> 
    567 </div><div class='tiddler'> 
    568         <a class='tiddlerName' name='tiddler:DummyTiddler_562'></a> 
    569         <h1 class='tiddlerName'>DummyTiddler_562</h1> 
    570         <div class='text'> 
    571                 Piddly little tiddler 
    572         </div> 
    573         <ul class='tags'> 
    574                 <h3>tags</h3> 
    575                 <li><a class='tiddlerLink' href='#tiddler:about'>about</a></li> 
    576         </ul> 
    577         <ul class='meta'> 
    578                 <h3>metadata</h3> 
    579                 <li><i>created</i> <span>200808010000</span></li> 
    580                 <li><i>modified</i> <span>200808010000</span></li> 
    581                 <li><i>modifier</i> <span>AnnOther</span></li> 
    582         </ul> 
    583 </div><div class='tiddler'> 
    584         <a class='tiddlerName' name='tiddler:DummyTiddler_563'></a> 
    585         <h1 class='tiddlerName'>DummyTiddler_563</h1> 
    586         <div class='text'> 
    587                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
    588         </div> 
    589         <ul class='tags'> 
    590                 <h3>tags</h3> 
    591                 <li><a class='tiddlerLink' href='#tiddler:foo'>foo</a></li> 
    592         </ul> 
    593         <ul class='meta'> 
    594                 <h3>metadata</h3> 
    595                 <li><i>created</i> <span>200808010000</span></li> 
    596                 <li><i>modified</i> <span>200808010000</span></li> 
    597                 <li><i>modifier</i> <span>JimboJones</span></li> 
    598         </ul> 
    599 </div><div class='tiddler'> 
    600         <a class='tiddlerName' name='tiddler:DummyTiddler_564'></a> 
    601         <h1 class='tiddlerName'>DummyTiddler_564</h1> 
    602         <div class='text'> 
    603                 Piddly little tiddler 
    604         </div> 
    605         <ul class='tags'> 
    606                 <h3>tags</h3> 
    607                 <li><a class='tiddlerLink' href='#tiddler:help'>help</a></li> 
    608         </ul> 
    609         <ul class='meta'> 
    610                 <h3>metadata</h3> 
    611                 <li><i>created</i> <span>200808010000</span></li> 
    612                 <li><i>modified</i> <span>200808010000</span></li> 
    613                 <li><i>modifier</i> <span>BillyBob</span></li> 
    614         </ul> 
    615 </div><div class='tiddler'> 
    616         <a class='tiddlerName' name='tiddler:DummyTiddler_565'></a> 
    617         <h1 class='tiddlerName'>DummyTiddler_565</h1> 
    618         <div class='text'> 
    619                 Some other text in a tiddler. Just for testing purposes you understand. 
    620         </div> 
    621         <ul class='tags'> 
    622                 <h3>tags</h3> 
    623                 <li><a class='tiddlerLink' href='#tiddler:foo'>foo</a></li> 
    624         </ul> 
    625         <ul class='meta'> 
    626                 <h3>metadata</h3> 
    627                 <li><i>created</i> <span>200808010000</span></li> 
    628                 <li><i>modified</i> <span>200808010000</span></li> 
    629                 <li><i>modifier</i> <span>BillyBob</span></li> 
    630         </ul> 
    631 </div><div class='tiddler'> 
    632         <a class='tiddlerName' name='tiddler:DummyTiddler_566'></a> 
    633         <h1 class='tiddlerName'>DummyTiddler_566</h1> 
    634         <div class='text'> 
    635                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
    636         </div> 
    637         <ul class='tags'> 
    638                 <h3>tags</h3> 
    639                 <li><a class='tiddlerLink' href='#tiddler:foo'>foo</a></li> 
    640         </ul> 
    641         <ul class='meta'> 
    642                 <h3>metadata</h3> 
    643                 <li><i>created</i> <span>200808010000</span></li> 
    644                 <li><i>modified</i> <span>200808010000</span></li> 
    645                 <li><i>modifier</i> <span>JimboJones</span></li> 
    646         </ul> 
    647 </div><div class='tiddler'> 
    648         <a class='tiddlerName' name='tiddler:DummyTiddler_567'></a> 
    649         <h1 class='tiddlerName'>DummyTiddler_567</h1> 
    650         <div class='text'> 
    651                 Some other text in a tiddler. Just for testing purposes you understand. 
    652         </div> 
    653         <ul class='tags'> 
    654                 <h3>tags</h3> 
    655                 <li><a class='tiddlerLink' href='#tiddler:bar'>bar</a></li> 
    656         </ul> 
    657         <ul class='meta'> 
    658                 <h3>metadata</h3> 
    659                 <li><i>created</i> <span>200808010000</span></li> 
    660                 <li><i>modified</i> <span>200808010000</span></li> 
    661                 <li><i>modifier</i> <span>BillyBob</span></li> 
    662         </ul> 
    663 </div><div class='tiddler'> 
    664         <a class='tiddlerName' name='tiddler:DummyTiddler_568'></a> 
    665         <h1 class='tiddlerName'>DummyTiddler_568</h1> 
    666         <div class='text'> 
    667                 Piddly little tiddler 
    668         </div> 
    669         <ul class='tags'> 
    670                 <h3>tags</h3> 
    671                 <li><a class='tiddlerLink' href='#tiddler:about'>about</a></li> 
    672         </ul> 
    673         <ul class='meta'> 
    674                 <h3>metadata</h3> 
    675                 <li><i>created</i> <span>200808010000</span></li> 
    676                 <li><i>modified</i> <span>200808010000</span></li> 
    677                 <li><i>modifier</i> <span>AnnOther</span></li> 
    678         </ul> 
    679 </div><div class='tiddler'> 
    680         <a class='tiddlerName' name='tiddler:DummyTiddler_569'></a> 
    681         <h1 class='tiddlerName'>DummyTiddler_569</h1> 
    682         <div class='text'> 
    683                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
    684         </div> 
    685         <ul class='tags'> 
    686                 <h3>tags</h3> 
    687                 <li><a class='tiddlerLink' href='#tiddler:about'>about</a></li> 
    688         </ul> 
    689         <ul class='meta'> 
    690                 <h3>metadata</h3> 
    691                 <li><i>created</i> <span>200808010000</span></li> 
    692                 <li><i>modified</i> <span>200808010000</span></li> 
    693                 <li><i>modifier</i> <span>BillyBob</span></li> 
    694         </ul> 
    695 </div><div class='tiddler'> 
    696         <a class='tiddlerName' name='tiddler:DummyTiddler_57'></a> 
    697         <h1 class='tiddlerName'>DummyTiddler_57</h1> 
    698         <div class='text'> 
    699                 Piddly little tiddler 
    700         </div> 
    701         <ul class='tags'> 
    702                 <h3>tags</h3> 
    703                 <li><a class='tiddlerLink' href='#tiddler:foo'>foo</a></li> 
    704         </ul> 
    705         <ul class='meta'> 
    706                 <h3>metadata</h3> 
    707                 <li><i>created</i> <span>200808010000</span></li> 
    708                 <li><i>modified</i> <span>200808010000</span></li> 
    709                 <li><i>modifier</i> <span>BillyBob</span></li> 
    710         </ul> 
    711 </div><div class='tiddler'> 
    712         <a class='tiddlerName' name='tiddler:DummyTiddler_570'></a> 
    713         <h1 class='tiddlerName'>DummyTiddler_570</h1> 
    714         <div class='text'> 
    715                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
    716         </div> 
    717         <ul class='tags'> 
    718                 <h3>tags</h3> 
    719                 <li><a class='tiddlerLink' href='#tiddler:help'>help</a></li> 
    720         </ul> 
    721         <ul class='meta'> 
    722                 <h3>metadata</h3> 
    723                 <li><i>created</i> <span>200808010000</span></li> 
    724           &