The ReadingExperience is that within the main story column you can click on bold links to read a linked tiddler. Click on italic links within tiddlers to create a new tiddler, or use the 'new tiddler' button in the main menu. When you hover the mouse over a tiddler several ToolbarButtons appear. You can edit the text of any tiddler by double-clicking on it (or selecting 'edit' from the toolbar), but your changes won't get saved permanently until you make your own copy of TiddlyWiki, as described in SaveChanges.\n\n^^(This text comes from the original TiddlyWiki site at http://tiddlywiki.com/)^^

You can SaveChanges if you're using FireFox or InternetExplorer:\n# if you're using Windows XP you might run into ServicePack2Problems\n# right click on [[this link|empty.html]] and select 'Save link as...' or 'Save target as...'\n** do ''not'' try to use the File/Save command in your browser because of SaveUnpredictabilities.\n** choose where to save the file, and what to call it (but keep the .HTML extension)\n# open the newly downloaded file in your browser\n# click the 'options' button on the right to set your username\n# edit, create and delete the tiddlers you want\n** you can change the SpecialTiddlers to change the SiteTitle and MainMenu etc.\n# click the 'save changes' button on the right to save your changes\n** FireFox users may encounter a warning message that the ScriptIsTakingALongTime; see [[the workaround|ScriptIsTakingALongTime]]\n# TiddlyWiki will make a backup copy of the existing file, and then replace it with the new version\n\n\n^^(This text comes from the original TiddlyWiki site at http://tiddlywiki.com/)^^

http://tiddlywikitips.com/

These InterfaceOptions for customising TiddlyWiki are saved in your browser\n\nYour username for signing your edits. Write it as a WikiWord (eg JoeBloggs)\n\n<<option txtUserName>>\n<<option chkSaveBackups>> SaveBackups\n<<option chkAutoSave>> AutoSave\n<<option chkGenerateAnRssFeed>> GenerateAnRssFeed\n<<option chkRegExpSearch>> RegExpSearch\n<<option chkCaseSensitiveSearch>> CaseSensitiveSearch\n<<option chkAnimate>> EnableAnimations\nSee AdvancedOptions

// //''Name:'' moveMessageArea Plugin\n// //''Version:'' <<getversion moveMessageArea>> (<<getversiondate moveMessageArea "DD MMM YYYY">>)\n// //''Author:'' JimBarr\n\n// //''Description:'' This Plugin adds the appropriate CSS style changes to move the messageArea to the top right of the browser window, into the header.\n\nversion.extensions.moveMessageArea= { major: 1, minor: 0, revision: 0, date: new Date(2005, 08, 16)};\n\nsetStylesheet("#messageArea {position: absolute; top:5px; right:5px; border: 1px solid #DCDCDC; background-color: #FFC0C0; color: #000000; font-size: 9px; margin: 0px; padding: 0px 5px 2px 5px; } #messageArea a:link, #messageArea a:visited {color: #000000;} #messageArea a:hover {color: #FFF;background-color: #4275A8;} #messageArea a:active {color: #4275A8;} #titleLine {color: #ffffff; background-color: #6699CC; padding: 5px;padding-top:15px}", "moveMessageArea");

// Eric Shulman - ELS Design Studios\n// Table of Contents Plug-in for TiddlyWiki version 1.2.29 or above\n\n// define defaults for cookie-based option values\nif (config.options.txtTOCSortBy==undefined) config.options.txtTOCSortBy="modified";\nif (config.options.txtTOCListSize==undefined) config.options.txtTOCListSize=12;\nif (config.options.chkTOCShow==undefined) config.options.chkTOCShow=true;\n\n// define macro "tableOfContents" to render controls\nversion.extensions.tableOfContents = {major: 2, minor: 0, revision: 0, date: new Date(2005,8,7)};\nconfig.macros.tableOfContents = { label: "contents" };\n\nconfig.macros.tableOfContents.css = '\s\n.TOC { padding:0.5em 1em 0.5em 1em; }\s\n.TOC a { padding:0em 0.25em 0em 0.25em; color:inherit; }\s\n.TOCList { width: 100%; font-size:8pt; margin:0em; }\s\n';\n\nconfig.macros.tableOfContents.html = '\s\n<div style="text-align:right">\s\n <span style="float:left">\s\n <a href="JavaScript:;" id="TOCMenu" class="button" style="padding: 0em;"\s\n onclick="onClickTOCMenu(this)" title="show/hide table of contents">%label%</a>\s\n </span>\s\n <a href="JavaScript:;" id="TOCSmaller"\s\n onclick="resizeTOC(this)" title="reduce list size">&#150;</a>\s\n <a href="JavaScript:;" id="TOCLarger"\s\n onclick="resizeTOC(this)" title="increase list size">+</a>\s\n <a href="JavaScript:;" id="TOCMaximize"\s\n onclick="resizeTOC(this)" title="maximize/restore list size">=</a>\s\n</div>\s\n';\n\nconfig.macros.tableOfContents.handler = function(place,macroName,params) { \n setStylesheet(config.macros.tableOfContents.css,"tableOfContents");\n var newTOC=createTiddlyElement(place,"div",null,"TOC",null)\n var theLabel=this.label;\n if (params[0] && (params[0].substr(0,6)=="label:")) theLabel=(params.shift()).substr(6);\n newTOC.innerHTML=config.macros.tableOfContents.html.replace(/%label%/,theLabel);\n refreshTOCList(createTOCList(newTOC,params));\n document.getElementById('sidebarTabs').style.display=(params[0]=="showtabs")?"block":"none";\n if (!store.blanketNotifications.find(reloadTOCLists))\n store.addNotification(null,reloadTOCLists); // reload listbox after every tiddler change\n}\n\n// IE needs explicit global scoping for functions/vars called from browser events\nwindow.onChangeTOCList=onChangeTOCList;\nwindow.onDblClickTOCList=onDblClickTOCList;\nwindow.reloadTOCLists=reloadTOCLists;\nwindow.refreshTOCList=refreshTOCList;\nwindow.onClickTOCMenu=onClickTOCMenu;\nwindow.resizeTOC=resizeTOC;\n \nfunction createTOCList(place,params)\n{\n var theList = createTiddlyElement(place,"select",null,"TOCList",null)\n theList.onchange=onChangeTOCList;\n theList.ondblclick=onDblClickTOCList;\n theList.style.display=config.options.chkTOCShow ? "block" : "none" ;\n theList.sortBy=config.options.txtTOCSortBy;\n theList.dateFormat="DD MMM YYYY";\n theList.requestedSize=config.options.txtTOCListSize;\n if (params[0] && (params[0].substr(0,5)=="sort:"))\n { theList.sortBy=(params.shift()).substr(5); theList.noSortCookie=true; }\n if (params[0] && (params[0].substr(0,5)=="date:"))\n { theList.dateFormat=(params.shift()).substr(5); }\n if ((params[0]=="size:auto")||(params[0]=="size:0"))\n { theList.autosize=true; params.shift(); theList.noSizeCookie=true; }\n if (params[0] && (params[0].substr(0,5)=="size:"))\n { theList.requestedSize=(params.shift()).substr(5); theList.noSizeCookie=true; }\n if (params[0] && (params[0].substr(0,6)=="width:"))\n { theList.style.width=(params.shift()).substr(6); }\n if (params[0]=="hidelist")\n { theList.style.display ="none" ; params.shift(); theList.noShowCookie=true; }\n return theList;\n}\n\nfunction onChangeTOCList()\n{\n var thisTiddler=this.options[this.selectedIndex].value;\n if ((this.size==1)&&(thisTiddler!=''))\n displayTiddler(document.getElementById('sidebar'),thisTiddler,0,null,null,false);\n refreshTOCList(this);\n return false;\n}\n\nfunction onDblClickTOCList()\n{\n var thisTiddler=this.options[this.selectedIndex].value;\n if (thisTiddler!='')\n displayTiddler(document.getElementById('sidebar'),thisTiddler,0,null,null,false);\n return false;\n}\n\nfunction reloadTOCLists()\n{\n var all=document.all? document.all : document.getElementsByTagName("*");\n for (var i=0; i<all.length; i++)\n if (all[i].className=="TOCList")\n { all[i].selectedIndex=-1; refreshTOCList(all[i]); }\n}\n\nfunction refreshTOCList(theList)\n{\n var selectedIndex = theList.selectedIndex;\n if (selectedIndex==-1) selectedIndex=0;\n var sortBy = theList.sortBy;\n\n if (selectedIndex==0) sortBy=theList.sortBy; // "nnn tiddlers" heading\n if (selectedIndex==1) sortBy='title';\n if (selectedIndex==2) sortBy='modified';\n if (selectedIndex==3) sortBy='modifier';\n if (selectedIndex==4) sortBy='tags';\n if (selectedIndex==5) sortBy='missing';\n if (selectedIndex==6) sortBy='orphans';\n if (selectedIndex==7) sortBy='system';\n if (selectedIndex>7)\n {\n if (theList.options[theList.selectedIndex].value=='')\n expandTOC(theList);\n return;\n }\n theList.sortBy = sortBy;\n if (!theList.noSortCookie)\n { config.options.txtTOCSortBy=sortBy; saveOptionCookie("txtTOCSortBy"); }\n\n // get the list of tiddlers\n var tiddlers = store.getTiddlers(sortBy);\n if (sortBy=="missing") tiddlers = store.getMissingLinks();\n if (sortBy=="orphans") tiddlers = store.getOrphans();\n if (sortBy=="tags") tiddlers = store.getTags();\n if (sortBy=="system")\n {\n tiddlers=new Array();\n var temp = store.getTaggedTiddlers("systemTiddlers");\n for (var t in temp) if (temp[t].title!=undefined) tiddlers.pushUnique(temp[t].title,true);\n var temp = store.getTaggedTiddlers("systemConfig");\n for (var t in temp) if (temp[t].title!=undefined) tiddlers.pushUnique(temp[t].title,true);\n for (var t in config.shadowTiddlers) tiddlers.pushUnique(t,true);\n tiddlers.sort();\n }\n\n var indent=String.fromCharCode(160)+String.fromCharCode(160);\n\n // clear current list contents\n while (theList.length > 0) { theList.options[0] = null; }\n theList.saved=null;\n\n // add heading and control items to list\n var i=0;\n var theHeading=tiddlers.length+' tiddlers:';\n if (sortBy=='missing') theHeading=tiddlers.length+' missing tiddlers:';\n if (sortBy=='orphans') theHeading=tiddlers.length+' orphaned tiddlers:';\n if (sortBy=='tags') theHeading=tiddlers.length+' tags:';\n if (sortBy=='system') theHeading=tiddlers.length+' system tiddlers:';\n theList.options[i++]=new Option(theHeading,'',false,false);\n theList.options[i++]=new Option(((sortBy=="title" )?">":indent)+' [by title]', '',false,false);\n theList.options[i++]=new Option(((sortBy=="modified")?">":indent)+' [by date]', '',fals