tiddlyspace
Welcome to TiddlyWiki created by Jeremy Ruston; Copyright © 2004-2007 Jeremy Ruston, Copyright © 2007-2011 UnaMesa Association
savetest
status▾tiddlers▾plugins▾batch▾tweaks▾import/export▾sync▾
The tiddlyspace service uses cookies. By using the service, you are agreeing to the Cookie Policy. We have updated tiddlyspace Terms of Service, effective as of 05 December 2014. By using the service you're agreeing to the updated terms. OK, got it.
Service Update: ***Please read this important Tiddlyspace service announcement December 5th 2016 ***
search
interview a TiddlySpace
GettingStarted
close all permaview new tiddler
fields refresh make private revisions permalink references jump close others
HelloThere
last modified on 28 February 2011
Reply to this tiddler
0
Welcome to the great TiddlyWiki viral interview project.
For many people that use it there is a distinct discovery moment when TiddlyWiki explodes in their brain. For others, it is a challenge to get their heads around TiddlyWiki at all.
This project explores how people think about TiddlyWiki by collecting together responses to a set of questions about it.

# To Add Your Own Response

- Sign up for TiddlySpace if you haven't done so already
- Click the "Reply to this tiddler" link on a question you wish to answer
- Your home space will open in a new window or tab with the appropriate question tiddler presented
- Double click on the question tiddler and add your answer (make sure to make it public)

- no tags

- not tagging

fields refresh make private revisions permalink references jump close others
How did you first discover TiddlyWiki?
last modified on 16 November 2010
Reply to this tiddler

- webid4me on 24 September 2014

  > in reply to How did you first discover TiddlyWiki?:
  > After few months into my graduate studies in Brain Imaging I realized that my poor brain, by itself, won't suffice to keep all the information related to various projects organized. I started looking into various softwares like Evernote, OneNote, google docs etc etc. I quiickly realized that: (1) all these tools are proprietary solutions to attract people by visual cues and, ironically, do not work well in academic workflow like mine. (2) Most of them lacked native support for Linux OS. (3) Almost all of them lacked proper math typesetting support.
  > I gave up and started using mix of plain text and latex (notes.txt, notes_math.txt). It kind of worked for about an year. Then I realized that I really need support for hypertext in my notes - That led me to start fiddling with markdown - but it was not covenient as I needed to convert to html each time I made changes. Some more surfing and searching brought me to Tiddlywiki (now called Classic TW).
  > I was stunned by Tiddlywiki not only because it is a singlefile wiki application but also because it is a useful example of Quine :) I always understood that I need a 'wiki' for my note taking habbits but I could never imagine that a wiki software could be as portable as a single file.

- aamaadmitw5 on 24 September 2014

  > in reply to How did you first discover TiddlyWiki?:
  > After trying evernote and extensively using Google docs , I was searching for some note taking software which dont have the restrictions like
  > 1. I was not happy with WYSIWYG editor because it breaks my flow.
  > 2. At the back of my mind , i knew google was moving towards a card design for displaying information , and i found the same concept in TW5.
  > I found it through wikipedia
  > http://en.wikipedia.org/wiki/Comparison_of_notetaking_software

- gjrobert on 16 September 2013

  > Around mid-2004, when I was searching for ideal wiki engines. I forgot actually how I find TW, either via Google or via some introduction on blog posts.

- dickon on 18 March 2012

  > I have known and loved Jeremy Ruston for many years, so it was word of (horse's) mouth.
  > It is strange when you have known someone for many years; suddenly to discover how something so excellent has been going on in their work (that had always seemed so far away from your own) - and that it absolutely answers what you are after... kerrr-ching!
  > I got curious about what this Tiddly stuff was about in conversation, and Jeremy sent me a link, which I started looking at in about 2005 I think. As a total non-techy I commend my own bravery in trying to get past the somewhat opaque documentation, but there was a fairly sudden "lights came on" moment when I saw massive potential in what was on offer, that I had seen nowhere else.

- pmario on 6 April 2011

  > I was looking for a browser notebook, with the possibility to work online and/or offline. And if possible with good syncing. I found http://lewcid.org/2009/02/03/a-busy-year-and-a-student-notebook/
  > Some more reading lead to a very active TiddlyWiki user group, and some specs about an alpha TiddlyWeb (mother of all server sides.) So I thought, let's see how fast the development is going on. That's it.

- poulstaugaard on 6 March 2011

  > I am quite a veteran TW addict. The wiki idea first caught my fancy when I stumbled on FlexWiki in 2003. Initially I hung out at MeatBallWiki for inspiration while scanning the landscape and finding my direction. This is how i discovered TW while it was still a baby. Coming from the Microsoft/IT services world, with a wide interest in web technology, my first serious efford was a .NET (C# + SQL) based serverside that I called iewiki (spelled like that not to be misread as LeWiki). It was built on unmodified TW 2.0.6 client-side, and I used it myself on the web for a few years (as iewiki.net, now defunct). I was never quite happy with the end product though, and it never quite made it past beta status - partly due to the rather high cost of quality hosting for .NET. So when I found Google's App engine, I decided to start again from scratch, an efford which I have called giewiki for natural reasons. By this time (late 2008), I figured TW had reached a level of maturity (2.4.1) that made branching a good strategy for a hosted derivative.

- smandoli on 24 December 2010

  > I spent 2009 in a part-time and solitary obsession with knowledge-management tools, trying to figure out how to harness my chaotic, distracted, eclectic and adventurous thought life. This was encouraged by a re-read of the famous 1946 "Memex" proposal, discovery of the "TheBrain" online demo. and personally productive work in mind mapping. (More at http://themanthursday.com/wiki-first-taste/.) I would run google searches that returned nothing, but eventually I lined up the right keywords and landed at TiddlyWiki.

- calmo on 16 December 2010

  > In 2004 I was researching use of wikis for collaborative content development within IBM. I found tiddlywiki. But I really didn't "discover" it until I realized how it actually works - what makes it different from standard wikis.

- climatechange3 on 1 December 2010

  > I first heard about TW on a Moodle group in the fall of 2006, in the process of trying, without much success, to use the wiki feature in Moodle. I loved TW - and the TW Google Group - right away.

- ubi on 29 November 2010

  > I was searching the net for a personal wiki software and found WoaS and TiddlyWiki. I started with WoaS, because it's traditional website look-and-feel met my habits more than TW, still playing around with TiddlyWiki occasionally. After digging the core concepts and discovering the wealth of plugins, I switched to TW.

- passingby on 27 November 2010

  > It was a long time ago, while searching for free and open source softwares

- rouilj on 27 November 2010

  > I saw a mention of it while I was looking for a simple personel wiki.
  > The single file and easy portability of it intrigued me.

- yakov on 16 November 2010

  > I write loads of things and some time ago I realized that hypertext is the only form that would be flexible enough for me. Next I get the idea that since there are quite limited tools for creating hypertext on my handheld it would be good to create one based on web-technologies since they are totally cross-platform and imply hypertext. Then I realized that JavaScript has far too limited access to the file system (usually no access at all), so I asked about this thing in google.quesions. Few answers contained mentioning of Java and flash and also there was one with "see TiddlyWiki". And so, that was it.

- frankfurtkid on 16 November 2010

  > i was looking for a simple wiki to use for note keeping, action tracking and the like - I think I was reading "Getting Things Done" at the time. I came across TiddlyWiki and decided to give it a try. I liked the idea of not needing to be online - which at the time was less frequent than now. I then discovered that the guys involved worked for the same company as I do - and that made me really interested in using it for work as well as private applications.
  > Then server side became more important - ability to share info and access. I used cctiddly for a while and am now starting to use the BT green side implementation of TiddlySpace for work related projects - as well as the usual tiddlyspace.com.

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
What was it about TiddlyWiki that captured your interest?
last modified on 15 November 2010
Reply to this tiddler

- webid4me on 24 September 2014

  > in reply to What was it about TiddlyWiki that captured your interest?:
  > 1. Portable - single file application
  > 2. Flexible workflow (& plugins)
  > 3. Offline
  > 4. Open Source
  > 5. Searchable
  > 6. Active development

- aamaadmitw5 on 24 September 2014

  > in reply to What was it about TiddlyWiki that captured your interest?:
  > 1. Simplicity
  > 2. Tagging
  > 3. Default fonts and line spacing
  > 4. Unusual
  > 5. Single file

- dickon on 18 March 2012

  > It was the fact that it was a document, but that it had certain aspects that seemed extraordinarily "three-dimensional": pages (tiddlers) have depth insofar as each chunk of content that you write has what I think of as both centrifugal force (stimulating interest to go and explore links and tags that offered related material) balanced by centripetal force (the intrinsic interest of what is here on this page/tiddler, that holds my attention and delivers what I want/need.)
  > But more than that, TiddlyWiki has EDGES; this is like other documents I know about (chiefly paper based), and is reassuring in relation to the scary 'anarchy of limitlessness' that, say, Wikipedia has. As a TW could be a thing - downloaded, uploaded - so it was a definable entity; there could be a balance of authorial control with the wiki-like sharing and co-construction.
  > I was writing a large treatment manual at the time (with a great group of co-authors based around the Anna Freud Centre) at the time, and we were trying to integrate a whole range of "schools" of thinking and practising into a concentrated, integrated set of principles and practices that could 'steer' workers in the field towards more effective practice in doing therapy with some of the most vulnerable, complex, troubled youth around. The "eureka" moment (and it was something like that) was the recognition of a number of things almost simultaneously:

  > # 'Integrative' format

  > 1. That the way to mount all this information was in a TiddlyWiki: this format could emphasise underlying links/commonalities/shared concepts between disparate schools (that had often, in my view, wasted precious energy on "turf wars"... this seemed to me to be a radically integrative format, insofar as any tiddler that I wrote automatically begged the questions: "How does my content fit in with the rest of what is written? How are you going to tag me? What links are you going to place in me, and to me?"

  > # Funkier than a book

  > 2. The format (with its promise of embedded video, downloadable documents, clickable links...) offered a much more tempting "front door" to what is conventionally a massively boring kind of book. (Research demonstrates that the "treatment manual" is frequently despised by therapists, who find them rigid, condescending, crushing of creativity and spontaneity, and often ill-fitting to their local setting and cultural context.) Most treatment manuals are not inviting to the casual browser!

  > # Open source works for therapy, too

  > 3. The whole "open source" ethos that Tiddlywiki abounds with, absolutely fitted with the slant on human behaviour/psychology that we were using as the "integrating principle" in our treatment approach, which is "Mentalization". The motto of open source programmers ("Release Early, Release Often") fits the mentalization-based therapist's assumption that "I only see with partial vision" and his or her willingness to mark their best guesses as just that - hypotheses, to be built on and improved...

  > # Multiple iterations around a developing shared core

  > 4. The final "Bingo!" moment was the realisation that with TiddlyWiki it was possible to conceive of multiple locally-adapted versions of a centrally-curated 'basic core' offering. Thus local teams (the "small trusted groups" that TiddlySpace refers to) can work out place- and population-specific iterations of "Practice-based Evidence" - that fit the more rarefied/less 'attuned' "Evidence-based Practice" into local settings, local populations. I think of it as being like adapting a basic car for use in different parts of the world - some places need air-con, others need 4 wheel drive and a good in-cabin heater, still others need an excellent paint job, etc... but all rely on a basic car that basically runs.
  > With the development of TiddlyWeb and TiddlySpace this vision (no. 4 above) has become increasingly possible, so that now the ambit core manual is included in the local versions of just under 20 teams across the UK (see tiddlymanuals and follow the links for AMBIT), working with diverse populations, and in diverse ways, with "hard to reach" young people.
  > These teams are beginning to build their own locally-attuned versions of a treatment manual, building on (and often improving on) the ambit 'core'. As time goes on, and evidence is gathered about what works for whom, we hope to bring excellent local adaptations that would have more general relevance into the core, so that they are automatically available to all other local teams including this core.

- pmario on 6 April 2011

  > - The extensibility

- poulstaugaard on 12 March 2011

  > The page architecture, which I have adopted, finding little reason to change anything just for the sake of difference, nor for any other reason. Everything, even the animations, serves a purpose and does it just right, including the omission of sidebar space for 'ads by Google'.

- smandoli on 24 December 2010

  > Portability. I didn't want to have to be on-line, and I wanted to shuttle between Linux at home and Windows at work. And I had recently become attached to my USB drive.

- climatechange3 on 2 December 2010

  > Its versatility, built-in macros, the wonderful & creative 3rd party plugins, a diversity of ways to present and organize content and layout and the responsiveness of the TW Google Group. In examining the structure of tiddlers, I became aware of the possibility of generating sets of tiddlers from the extensive body of information I have gathered in a set of DataPerfect databases.

- passingby on 27 November 2010

  > That it was:
  > 1. Single file software
  > 2. It opened in a browser
  > 3. It was kind of a closet, you could stash away things in it
  > 4. You could 'own' it, for free, have as many copies as you want
  > 5. It had a world of fascinating plugins

- rouilj on 27 November 2010

  > Saq's use in the education realm and the ease of transport/sharing.

- mama on 20 November 2010

  > I'm sure that it was the "tiddler-approach" which caught my attention... Other wikis I tried in the past, always made me a little uneasy because of the "one article one page" layout. I quickly understood that TiddlyWiki could be tweaked to my own liking - and when I eventually overcame my reluctance to enroll in a community, the googlegroup convinced me that even I, could create/modify a copy to my own liking, a total noob, with no education or knowledge whatsoever about html, css or javascript.
  > As far as I remember, I tried to figure things out for myself for about six months untill I finally gave up - and posted a question on the usergroup. At that time I was trying to create a tiddlywikiapp to be used on a mobile phone for administration of students at my school. http://himmerlands-ungdomsskole.dk. I even purchased an old HTC (tytn II) to be able to test the thing....

- yakov on 16 November 2010

  > More I discovered TW, more I get exiced because my wishes got implemented one by one. TW happen to be extremly powerful, close to WYSIMYM-based and, well... the only thing I've got to do is to discover it carefully (although some things are now distinct to be not achieved yet the plugin system promises almost everything to be doable).

- martinlindner on 16 November 2010

  > initially: i think i was fascinated by the idea of having a "page" made of dynamic paragraphs, back then. i'm still interested in the (abandoned?) TW project of importing docs, transforming paragraphs to tiddlers, and back again.
  > the other concept i have been obsessed with since 2004 is "microcontent": to play with small units of meaning, meme-like chunks. like the microweb that exploded after that, with twitter & any kind of 'microformatted' apps (for questions, for trips, for reviewas, for nearly anything).

- frankfurtkid on 16 November 2010

  > I could create simple notepad applications, very quickly and easily - but also the more I used it, the more I realized I could change the way it looked and worked. This has been both liberating, and frustrating.

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
Which aspects of TiddlyWiki do you find most valuable?
last modified on 15 November 2010
Reply to this tiddler

- webid4me on 24 September 2014

  > in reply to Which aspects of TiddlyWiki do you find most valuable?:
  > 1. Non-linear notebook
  > 2. Portable

- aamaadmitw5 on 24 September 2014

  > in reply to Which aspects of TiddlyWiki do you find most valuable?:
  > 1. Regular updates
  > 2. Simplicity
  > 3. Alternative ways to do things
  > 4 Tags / Tags / Tags

- pmario on 6 April 2011

  > - For most people its new. They haven't seen something like this. It's easy. It's usefull. It's a WOW.
  > - It's flexibility
  > - TagglyTagging

- smandoli on 24 December 2010

  > ### Easy and Quick

  > - I can capture my thought or preserve a good quotation without a lot of hassle or time.
  > - I don't have to decide if the idea is "important" or how it fits in with everything else. Paste, save, apply a tag if I can think of one — that's it.

  > ### Portable

  > - In a strange library? Not sure what kind of computer is in front of me? Can't get the Internet to work? NO MATTER — if it's got a USB port, I'm in.

  > ### Non-linear association of ideas

  > - It may not look like a mind map (yet), but it feels like one.
  > - This is one of my few activities in life where it doesn't seem to matter if I'm in ADHD mode or not. Or putting it from another angle, managing a TW seems to put my ADHD to some sort of actual good use.

  > ### Non-proprietary Text Format

  > - Whatever the next step is in knowledge management, I can get there. Migrating my voluminous notes from word-processor documents to TW was tedious, but nothing will ever be that hard again.

  > ### Sheer elegance

  > - ... 'Nuff said.

- alexhough on 8 December 2010

  > Facilitating Group Work
  > During the design stages of the OMM, TiddlyWiki was used to capture the requirements from the group. We projected the TW on the wall.

- passingby on 27 November 2010

  > 1. Tiddler concept
  > 2. Tagging ability
  > 3. The Paradigm, every thing is a tiddler
  > 4. Plethora of plugins
  > 5. Versatility, programmable using inlinejavascript plugin and the other plugins
  > 6. Best software around for storing personal data

- mama on 24 November 2010

  > Ownership and a great amount of control. You can keep your work offline or go public, even the different publishing options are "hackable" - its "all inclusive" instead of "some exclusive".
  > I think that TiddlyWiki is THE good example of what OpenSource is all about - The communiti(es) are full of great/generous people, you want to follow or help out in any way you can. I think this incitament (to do good...) comes from a deep feeling of gratitude toward those who helped you when you needed it, and the fact that TiddlyWiki is OpenSource software, maintained by great developers - who demonstrate accountability at all times, makes you feel safe, - and that TiddlyWiki is a serious project.

- yakov on 16 November 2010

  > - transclusion system
  > - cross-platformity
  > - extansibility
  > - great community and many already implemented important things

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
How many TiddlyWikis have you created and do you use regularly?
last modified on 15 November 2010
Reply to this tiddler

- dickon on 18 March 2012

  > At least 20
  > Some I use all the time (the ambit manual is probably my peak!)
  > My NHS team uses an offline TW (securely stored) to track and document all the clients we treat, documenting team discussion in the TW, and printing out these tiddlers for pasting into the conventional paper notes. The TW is projected and edited during every team meeting, and the act of typing into it has become part of our efforts towards "transparent practice"...
  > I use TW's for major literature reviews - fantastic for cross referencing, tagging, ensuring that I have integrated a disparate body of literature.
  > I use TW's in management meetings to make wikified minutes - people get intrigued and wnat to understand and that often deepens the discussion - what are the underlying themes (Tags) that we are REALLY trying to crack in this meeting?
  > etc...

- yakov on 21 February 2011

  > My answer won't be very interesting since I'm only studying TW now. I've already created 3 TW for some science and one for making a deep TW tutorial (with many practical aspects).
  > However, I'm going to make much more TWs for different purposes from questions aggregating to making a site.
  > UPD: As for now, I use 9 tw-documents. 3 of them very often and others from time to time. I feel that an offline analogue of TiddlyWeb becomes more more desirable thing.

- smandoli on 24 December 2010

  > 1. Summary of Materials Resource Planning (MRP) functions for my work place.
  > 2. Getting Things Done (GTD) organizer for personal and work use.
  > 3. Notes about my study of the Bible (topical as well as passage-specific).
  > 4. Computer information such as code snippets in a variety of languages.
  > 5. A personal information manager for everything else.

  > If I can find the right tools to overcome a sense of content overload, I will combine #3 and #5.

- colmbritton on 21 December 2010

  > All in all I have created a fair few, however I have 3 main ones (or used to until Tiddlyspace came around). They are one for general notes, one for recording info and ideas about the projects I was working on and a third, which was a test TW that I used to try out new plugins and combinations of plugins.
  > Now that I am on Tiddlyspace I have a lot!

- andrewbarbour on 28 November 2010

  > I created 15-20 different ones to try different configurations /concepts for organization. Once that was over with... I am down to three:
  > In Use
  > - Day-to-day note taking and task tracking
  > - Project Notebook for storing all of my notes
  > Active Development
  > - Help file for business procedures and system documentation

- passingby on 27 November 2010

  > I have created many. I have a bad habit of starting a new Tiddlywiki whenever I get excited about a topic but I usually never complete a project 100%.

- rouilj on 27 November 2010

  > I use four on a regular basis:
  > - tbGTD - for getting things done
  > - twab - for an address book and I have extended it to allow tracking things like who gets christmas cards etc
  > - coursebook - was created as a textbook/exercise-quiz/presentation tool/student notebook for a class I was teaching.
  > - TiddlySnip - sadly this has been abandoned, but it is my primary mechanism for keeping bookmarks, research notes and how to's for the firefox browser.

- mama on 24 November 2010

  > I've made so many TiddlyWikis that I've lost track of them... Some of them are floating in cyberspace, others were lost in broken or erased harddisks and some has gone into hibernation in some dropbox directory. Seriously - I think I've created hundreds of them - all very different TiddlyWikis for different uses..
  > TiddlySpace has helped me get a little more organized, as it provides an overview of created spaces.
  > At the moment I use 4 dedicated TiddlyWikis (spaces) for everyday tasks. All jobrelated. Two of them I share with my students (read only, except for embedded/iframed typewith.me-documents) and one of them I share with my collegues (with writepermission, however I'm the only one contributing to it at the moment...). The last and most important one is working as my "controlcenter". Some of my tiddlers are loaded into the other spaces - so I don't have to edit them all directly to push content...
  > At least once or twice a week I visit some (ca. 4 or 5) of my other TiddlyWikis, which are hosted at TiddlySpot or at one of my own TiddlyHome services (I've got two working/customized installations of Bidix's TiddlyHome service).
  > The number of TiddlyWiki's I use (just for reference or edits) in one week is 8 - 10 or more... I also checkout other people's TiddlyWikis - so I'm not sure.
  > Every year I prepare multiple TWs for exams (I have new students who graduate every summer). Some of those TWs contain notes for my students and other TWs contain or refer to material prepared for my censors. I print my TiddlyWikis to pdf-portefolios and mail links to online versions of both.
  > 3 years ago I would use notepad/OpenOffice or MsOffice to write/create this sort of material. Today I prefer to use a customized TiddlyWiki.
  > When I occasionally use MsOffice programs at work, it's often just to be able to copy/paste material from a TW for printing - or work with tables in MsExcel - which I will often copy back into a TiddlyWiki :-)
  > At every meeting I attend, I use TiddlyWiki as a note/write tool, as a portefolio and as a working database containing data, images and notes about all my students, collegues, calendar with notifications, workplans, ideas, iframed webmail etc ... I even use single local network TWs as Faq-documents which I prepare for my collegues. TW is my swiss armyknife at my job, and it certainly helps me to stay organized at all times... When I publish material for my students I use a TW. Sometimes I set it up as a presentation, which I use in education.
  > When I'm at home, I have small projects which also involve TW to some extent. TWScrapbooks with bookmarks, iframes etc.. I create private or public tutorials, embed images, make small or big changes to the layout, add plugins or scripts from other TWs I've made etc...
  > Today TiddlyWiki is my single most important tool for everything which involves using a computer.... and sometimes I think that all I need from an operating system is a browser, so I can use a TW....

- frankfurtkid on 16 November 2010

  > I have a main notepad for private use at work, a website which is a static file, one or two standalone files and a current project on the BT greenside implementation, plus a new project on songs.tiddlyspace.com for song writing, collaboration and publishing.

- matt on 16 November 2010

  > I've created a number of TiddlyWiki's – the first was stored locally and I used it for capturing notes, lists and actions. I've now imported this into my matt space where the majority of the content remains private.
  > I plan to use mattlucht for capturing random thoughts that I'd like to make public. I've also used TiddlySpace to create a website for a music festival I organised, this I used the bring-your-own-domain function for http://brixtonoxjam.com

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
Do you keep adding new features to your existing TiddlyWiki(s)?
last modified on 15 November 2010
Reply to this tiddler
3

- amalfaro-wrk on 2 July 2013

  > "Features" to me means plugins and I don't really change those up. I've really settled on one set at this point, but I tweak the way it looks or the way it shows me the information pretty regularly. I get bored with the same interface all the time ;) .

- dickon on 18 March 2012

  > To some extent, but I find that it is a "marker" of where the task (that underlies the reason for setting up the TW in the first place) has got to when I slow down on the modifications! I hasten to add I only do pretty simple modifications, and tend to use the same small number of plugins or techniques again and again.

- pmario on 7 April 2011

  > - If they are nice and small in size: yes.

- climatechange3 on 1 December 2010

  > Yes, the ability to reorganize the presentation of my content through using new plugins, or making fuller use of plugins I have used for a while, is one of the joys of TiddlyWiki for me. This does pose a challenge, however, in that I have yet to develop or use a consistent process for integrating the new features into the steadily growing number of TiddlyWiki pages/sites that I maintain.

- passingby on 27 November 2010

  > Since I do not use a tiddlywiki very regularly, most of the features are brought in in the first phase, when I am setting up a TW

- rouilj on 27 November 2010

  > With the esception of the Coursebook tiddlywiki, most of my TW's are static with a core set of plugins. I do update the plugins occasionally as well as the tw core but I don't need to add too many features.

- mama on 24 November 2010

  > Oh yes :-)
  > I often create "forks" from my original TWs to see how far I can take it - or I reorganize all content with new tools and plugins - just to see if its better...
  > Sometimes a new theme suggests a total rewrite or reorganization of content...

- frankfurtkid on 16 November 2010

  > My standalone Tiddlywikis are pretty static now, although I find the odd plugin from time to time. Tiddlyspace is completely different as its changing all the time - so its still very much a learning as I go along experience, and adding in new features as I discover them. I still need to really think about how I want to use TiddlySpace - not there yet. the songs.tiddlyspace.com project is more geared to multiple people accessing the same site - and I want to get that working in a more collaborative fashion - so following / sharing information etc is important.

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
Who is the target audience for your TiddlyWiki(s)?
last modified on 15 November 2010
Reply to this tiddler

- webid4me on 24 September 2014

  > in reply to Who is the target audience for your TiddlyWiki(s)?:
  > Me, me and Me! :P

- passingby on 27 November 2010

  > Some of TWs are just meant for myself. Others I have put up on Tiddlyspot, I don't think anybody visits them :-)

- rouilj on 27 November 2010

  > For most of TW's I am the primary audience.
  > The one TW I produced for others was a coursebook that was used to teach an event correlation tool to computer system administrators.
  > I am also occasionally playing with using a TW as a blogging platform which would again be geared toward items of interest to system administrators and people who are interested in lean/six sigma and its use in computing environments.

- mama on 24 November 2010

  > My students, collegues (teachers and other staffmembers at my school http://himmerlands-ungdomsskole.dk/).
  > Once a year I use TiddlyWiki's to publish material related to exams - for my students and censors.

- frankfurtkid on 16 November 2010

  > Me; work colleagues; song writers; anyone whole hits a website

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
What features of TiddlyWiki made it suitable for your target audience?
last modified on 15 November 2010
Reply to this tiddler

- pmario on 7 April 2011

  > - A very minimalistic presentation mode is possible.
  > - Which keeps the focus of the audience at the basics.
  > - But powerfull editing can be activated, which creates a WOW

- passingby on 27 November 2010

  > Menus and lists and search abilities

- mama on 24 November 2010

  > TiddlyWiki can be shared online as a normal website, work from a shared networkfolder or attached to an email - all very different delivery methods allowing for different levels/degrees of security and different levels/degrees of technological sawyness.
  > In my experience, people just see another webpage - One, if not the most, frequent complaint I get is: "Why can't I go back in my browserhistory - to find a recently opened page"..
  > TiddlersBarPlugin, HistoryPlugin or breadcrumbsPlugin, helps...
  > Features I use to enhance user experience are:
  > - Dropdown menus (sometimes from vertical mainmenu).
  > - Lists of different kinds
  >   - tagged tiddlers
  >   - fETs delivering some degree of preview (images, custom fields etc..)
  > Search engines:
  > - YourSearch
  > - SimpleSearch or
  > - GoTo
  > Optional hiding/showing sidepanels or fullscreen display of tiddler content..
  > Most of my jobrelated TiddlyWikis hide SideBarOptions when opened.

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
How have you found training novice users to use and understand TiddlyWiki?
last modified on 15 November 2010
Reply to this tiddler

- smandoli on 24 December 2010

  > It's reminiscent of entering the Linux world as a home user. The information is there, but you may have to search. Advice is plenteous, but you must learn to sort through it for the bits that apply. Advisors are friendly, but you must be brave enough and interested enough to participate in a forum.

  > Suggested Question (related): What is your experience introducing TiddlyWiki to other people?
  > - The hard part is convincing them it's useful and they should take it on. I start by explaining "personal information management" and then I check the eyes for any spark of interest.
  > - The obvious solution is to present not TiddlyWiki but rather a largish wiki of interesting information, and then make them aware of the vehicle.

- passingby on 27 November 2010

  > Uptil now I have found just one person in my circle who had a 'real need' for storing data. She was fellow teacher and was very new to computers so it was a bit difficult, but she succeeded in using it functionally and effectively.

- rouilj on 27 November 2010

  > The coursebook I created was well received by a couple of participants, but there were also three people who found it difficult to use and understand. They found it got in the way of learning the material compared to the pdf format that other teachers used for their classes.
  > Plus I had a couple of people with old version of firefox (1.x) that made it unusable.
  > If I could teach the course again, I think I would have to spend time teaching how to use tiddlywiki (and the coursebook) to even a technologically experienced audience.

- mama on 25 November 2010

  > The most difficult part is to explain TiddlyWiki to tech-sawy people.
  > They tend to see TiddlyWiki as alfa-software, because it's so transparent and customizable.
  > The fact that a user can delete a button is considered to be a serious bug.
  > When I started using TiddlyWiki, I made different tools for my students and collegues, however crossbrowser problems stopped my work in this direction. Most of my students and collegues use IE. My experience is that IE is the worst possible (almost...) browser for javascriptapplications, rendering of css and images etc....
  > I don't spend any time trying to make any of my students or collegues understand how TiddlyWiki works anymore.
  > On the other hand collegues and students often ask me to create lists, imagegalleries and faqs for quick delivery - and I get positive feedback.
  > Sometimes some of them have a glimpse over my shoulder, and I always get outbursts like - "Wauw, I'd like to be able to do that" ... however nobody really wants to invest time in learning how to do it themselves..

- frankfurtkid on 16 November 2010

  > More difficult than I would like

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
How many tiddlers and how many megabytes in your largest TiddlyWiki?
last modified on 15 November 2010
Reply to this tiddler

- dickon on 18 March 2012

  > The main ambit tiddlymanual (see tiddlymanuals) is over 2Mb now - still works fine!

- passingby on 27 November 2010

  > Not very large I am afraid. But wait! I have a 'contactsbook' which probably has around 137 tiddlers containing basically names, address and phone numbers of people I know. Not much in MBs I am afraid

- rouilj on 27 November 2010

  > The coursebook is 2.1 MB and 441 tiddlers.
  > My Tiddlysnip tiddlywiki is 1.5MB and 661 tiddlers.

- yakov on 16 November 2010

  > No big one yet. Just somewhat about 1Mb. But this is an issue: I still don't know if TW has some "limit" (would it get slower if become too big?) and this is why I'm not sure if it's proper to make only one TW for everything or I have to split the things mindfully.

- frankfurtkid on 16 November 2010

  > 2.6 MB - probably pretty modest I guess.

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
How has TiddlyWiki saved time for you as an information publisher?
last modified on 15 November 2010
Reply to this tiddler

- mama on 25 November 2010

  > I'm not sure it has... I've found a new tool which let me explore things which were inaccesible (at least to me) untill now..
  > Sometimes I use much more time preparing a TWsetup, than I would if I just used some office program, Notepad - or a piece of paper for that matter...
  > However TW allows me to organize and reuse things in a way that no other software does - and It certainly helps me to fight a reoccuring writers block.
  > On the other hand I setup simple TWwebpages for my students in no time, because I have readymade templates.
  > Its an incredible fast cms - I update lists and appointments on the fly. My students update their browsers and all is well.
  > When I want my pupils to focus on things, I give them links, iframes and popouts from a TW hosted on TiddlySpace, TiddlySpot or one of my own TiddlyHome installations.
  > I really like to be able to deliver pages without any commercials and other distracting factors.
  > I've even implemented a webversion of "DarkRoom" to help my students focus on their writing. A little pradox considering my personal stategy - I know, however my students like the seamless and simple integration of browserbased tools.

- frankfurtkid on 16 November 2010

  > For standalone websites - its quick and easy to put up content. In the corporate world its about document control and sharing of information

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
How has TiddlyWiki saved time for your target audience?
last modified on 15 November 2010
Reply to this tiddler

- rouilj on 27 November 2010

  > I'm not sure. For the people who used the coursebook and liked it during
  > the class I think it saved them time. Also I have contacted one former student
  > who found it useful when he was actually working at implementing particular
  > corrleation patterns.

- frankfurtkid on 16 November 2010

  > Great in the BT environment for document / content collaboration - No LiveMeeting, no version control problems, less storage issues, fewer Word documents flying around all out of date. Notepad also saves me time and keeps things "together" in my world.

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
How has the TiddlyWiki community helped you?
last modified on 15 November 2010
Reply to this tiddler

- dickon on 18 March 2012

  > Amazingly helpful and quick to respond - knowledgeably and creatively - via the Google Group.
  > I worry that as TW gets bigger as a "movement" (?!) there could be a loss of capacity from the small group of utterly dedicated 'evangelists' for TW who do seem to have an extraordinary capacity to be massively helpful almost instantaneously, whenever I have posted with a confusion or glitch...

- pmario on 7 April 2011

  > - Because of fast responses, to questions.
  > What I like: The friendly conversation in the forum, compared to other forums.

- climatechange3 on 1 December 2010

  > Countless ways. Whether in the responses to questions I have posed, or in offering insight and understanding through responses to questions from others in the community, the TW Google Group community has been consistently brilliant as a source of help.

- andrewbarbour on 28 November 2010

  > The TW community is incredible. I have never been exposed to a group of folks that have more passion and are so willing to give of their time and expertise.
  > I was looking for a tool to pull back search results for individual lines in tiddlers so I posted on the google groups page.... I had a large number of direct responses with ideas as well as postings to the forum. The input invaluable - and the outcome entirely satisfactory - someone had already written the code (Thanks Eric!) and I was able to integrate it into my tiddlywiki within minutes.
  > Everyone is incredibly friendly and helpful!

- passingby on 27 November 2010

  > Its the Best community. People help out each other like nowhere else. Infact Eric whips out code like magic.

- rouilj on 27 November 2010

  > The coursebook wouldn't have been possible without the help of a number of TW regulars including: Eric L. Shulman and Paulo Soares.
  > They modified plugins to suit my needs and provided extensive debugging and other help.

- mama on 26 November 2010

  > I don't think I would use (or be able to use) TW today if it hadn't been for the TiddlyWiki googlegroup.
  > People on the discussionboard, has always been very kind and helpfull - and sometimes I have learned a lesson or two about discipline as well :-)
  > There's a lot to learn from the threads, and its great to ask a question and get (almost) immediate response.
  > For a newbie it's a fantastic and inspiring experience to get help from a gifted programmer, who explains things in a way that is enligtening and thoughtprovoking... It's a joy, when someone steps into a thread with a snippet of code, which solves everything :-)
  > It's communication at a level, I don't find many other places, and it's certainly an oasis, a sanctuary to find in a web which is mostly a marketplace where everyone is considered to be a potential customer...
  > The generousity of really great programmers like Eric Shulmann (on the other hand, Eric MUST be one of a kind...), the Osmosoftteam and several/many individuals who invest their sparetime, helping other people to use TiddlyWiki, is an outstanding example of a meltingpot of ressources, that you simply NEED to follow, because it's unique, magic and active.
  > You don't know for how long it will last - and I sometimes think that the community survives/thrives because different "teams" of really enthusiastic people choose to discuss matters that could be discussed in the privacy of their own mailboxes :-)
  > That's ok - and certainly gives you a window to a world of things, you wouldn't know existed elsewise....
  > If it wasn't for the community I don't think there would be a TiddlyWiki - on the other hand I'm not sure if TiddlyWiki would be considered to be a serious project if it wasn't for the Osmosoft Team - so congratulations to everybody :-)
  > It's an inspiring meltingpot of users, programmers and enthusiasts - communicating and helping each other to achieve both practical and magic stuff with a onepage html/javascript application

- frankfurtkid on 16 November 2010

  > The Osmosoft guys have been very helpful in sorting out problems and questions. The Google group is a good place to find others sharing the same problems - and also getting answers.

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
How have you been able to contribute back to the TiddlyWiki community?
last modified on 15 November 2010
Reply to this tiddler

- smandoli on 25 December 2010

  > I haven't yet. I am looking forward to answering questions from complete newbies ... after I'm not one myself. I am a communicator, and I'd like to develop tutorial pieces. I'm not a coder and I'm not very tech (my tutorial would not be a video). I wouldn't mind sending some money but I feel it's not appropriate with my finances.

- rouilj on 27 November 2010

  > I put up a copy of the coursebook at coursebook.tiddlyspot.com but it's not yet complete. Also I have answered a few questions in google groups.

- yakov on 16 November 2010

  > Just a tiny bit.. I know CSS to extent of 2d specification and other things like DOM so I'm capable to answer questions that are rather not about TW.. And so I did twice, perhaps)

- frankfurtkid on 16 November 2010

  > Not much to date - I still have loads of questions, rather than good answers, and I'm more of a user than a coder. But I am happy to share ideas and solutions.

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
How many other people have you introduced to TiddlyWiki?
last modified on 15 November 2010
Reply to this tiddler

- dickon on 18 March 2012

  > I get about 4-500 hits a month to my Tiddlymanuals at present, which compared to how many people regularly read treatment manuals is, in my book, quite good going for a new project.
  > There are about 17 teams starting to use and adapt their own local versions of a TiddlyManual around the UK, and these vary in size from about 4 or 5 up to about 25.

- mama on 18 August 2011

  > Directly or indirectly??

  > ### Indirectly

  > Indirectly I have presented jobrelated material in TWs for about 5 or 600 people over a period of three years.
  > I have used TWs as container for all kinds of material for reference, when having mailcorrespondences. They are for the most part hosted by dropbox, sometimes attached..

  > ### Direct introduction:

  > One year ago the administrator of linux-abc.dk (Danish Linux community powered by MyBB) made me administrator of the forum TiddlyWiki (12 tutorials and a description) and a support forum...
  > There has been some hits 2 - 300, however there's been no activity for a long time.
  > I haven't bothered to fake questions/answers or setup fake members.
  > I recon there are not that many danes using TiddlyWiki therefore no demand for support in Danish...
  > Maybe my tutorials aren't good enough. Don't know really. Linux-abc's administrator has praised my work - though - even if he doesn't use TiddlyWiki himself.
  > When I attend groupdiscussions i.e puppy linux forums, I setup online TiddlyWikis to serve as Faq, tutorials and projectdescription. I've recieved positive feedback from developer in charge of the Puppy Studio project - however I have no idea how many hits my TWs have had...
  > Everytime I use a TW for this kind of work, I explain what TiddlyWiki is and that you can download it for personal use. I don't know if anyone has done that yet...
  > I have setup a Danish FaceBook group (TiddlyWiki_da), a posterous blog (http://tiddlywiki-da.posterous.com) and a hootcourse (http://hootcourse.com/course/312/) No activity except some hits....
  > A year ago a publisher of educational material ("Forlaget for ildsjæle" - "Imprint for Enthusiasts") encouraged me to create tutorials on how to use TiddlyWiki in a classroomsetting... Alas I haven't reached a point where I've got the time needed to pursue this request - and I'm very busy working as an IT-administrator, teaching undergraduate students on a boarding school (http://himmerlands-ungdomsskole.dk). 4 kids, a cat and two turtles need my full attention - so I guess I just have to wait untill I'm retired....

- rouilj on 27 November 2010

  > 60 or so between teaching from the tiddlywiki as well as presenting on tiddlywiki.

- yakov on 16 November 2010

  > For the moment just one philosopher) See, ragged (no offence; I'm not sure this word has same tinge as in russian) tutorials and very few possibilities for those who want to get russian interface, russian help and tutorials and complicity of TW.. As for now this is a tool for those who need it, not a comfortable platform for everything (at least for my friends).

- martinlindner on 16 November 2010

  > hmm, 10 or so? (who got the idea, but i mentioned it more often.)

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
What is the most challenging thing about using TiddlyWiki?
last modified on 15 November 2010
Reply to this tiddler

- smandoli on 25 December 2010

  > Figuring out what plug-ins may help and how to use them. You can read my blog entry about this.

  > Suggest Other Question: What secondary software tool or application is most useful for you in working with TiddlyWiki? My answer is Notepad++ (for regex search-and-replace) and python (for converting a big notes document into a TW).

- rouilj on 27 November 2010

  > The horrible debugging environment. I have been trying to fix the Quiz plugin for a while but the debugging environment compared to other tools (perl, python, C) is primitive.

- frankfurtkid on 16 November 2010

  > (1) Trying to work out how to do something when you have no clue. (2) Trying to keep up with the changes in TiddlySpace

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
Which plugins do you rely on the most?
last modified on 15 November 2010
Reply to this tiddler

- pmario on 7 April 2011

  > - GotoPlugin,
  > - SearchOptionsPlugin,
  > - TagglyTaggingPlugin,
  > - HideWhenPlugin,
  > - SelectThemePlugin,
  > - StoryGlueMacro,
  > - SelectStoryMacro,
  > - NavigationMacro,
  > Sorted by priority.

- climatechange3 on 1 December 2010

  > TwSearchPlugin, NestedSlidersPlugin, BreadCrumbsPlugin, ForEachTiddlerPlugin, fontSize plugin macro, SplashScreenPlugin, CustomLewcid - HoverMenuPlugin, SearchOptions plugin

- rouilj on 27 November 2010

  > For the coursebook: SlideShowPlugin, StorySaverPlugin, GotoPlugin, TiddlerNotesPlugin, TaggedTemplateTweak
  > In general: YourSearchPlugin, UnsavedChangesPlugin, ImportTiddlersPlugin, ExportTiddlersPlugin, TiddlyLockPlugin

- frankfurtkid on 16 November 2010

  > RSSReader; SimpleSearchPlugin; EasyEditPlugin; TiddlerListMarco; ActivityStreamPlugin plus all the usual ones

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
What do you think of the name TiddlyWiki and the term "tiddler"?
last modified on 10 December 2010
Reply to this tiddler
0

- gjrobert on 16 September 2013

  > "tiddler" was a whole new word to me at first (I'm no native English speaker). "TiddlyWiki" sounds impressive, bit funny and enjoyable.
  > I like the idea to store ideas and knowledge (like dictionary entries) as small chunks in tiddlers, while preserving the ability to transclude and organize them together into a big knowledge base or long articles or even an e-book.

- pmario on 7 April 2011

  > TiddlyWiki for me is just a name for a wiki.
  > The term tiddler, has to be explaind, whenever you use it. For me "The smallest part of content in a TiddlyWiki" works best.

- kosmaton on 10 March 2011

  > I think unfortunately the cons outweigh the pros.
  > Pros:
  > - non-stuffy
  > - unique (rare/peculiar word: gives it more of a story)
  > - rolls off the tongue easily
  > Cons:
  > - dealing with silly associations
  > - yet another half-childish sounding Web2.0 name?
  > Personally, I would love to use a "GrooveWiki" made up of a bunch of cool "grooves".
  > Or go for something meaningful and nice-sounding in Indo-European or Lojban...
  > I'd ultimately rather present this software saying "Folks, behold this GrooveWiki" than "Folks, behold this TiddlyWiki... yes... indeed... no... it's sticklebacks." First impressions, you know.

- poulstaugaard on 6 March 2011

  > I agree with Andrew but I haven't found a better term, except perhaps 'item' or 'entry'. I've hesitated to drop 'tiddler' though, choosing to stick with the virtual village parlance.

- smandoli on 24 December 2010

  > Those are good terms. I have nothing better. That said, I always introduce the terms with just a bit of anxiety! And i explain them with a big roll of the eyes and a chuckle. Once I'm past that, all is well. And it may be all for the good. Enough with haughty tech terms, with applications that impress the new user with fear before anything else.

- mama on 2 December 2010

  > I like those words. For some reason they remind me of Puppy Linux and the penguin Linux Logo.... and I'm a fan of those.
  > I must admit that there a no Danish words that sounds like "TiddlyWiki" and "tiddler". They are very foreign words - and some times I just replace them with "Wiki" and "article" - however it depends on the context, and if the audience are people who already have a hunch of what a wiki is... If they don't I would most likely use grouping of words as "Instantly editable blog or homepage" and "editable posts".
  > The use of the words "TiddlyWiki" and "tiddler" implies originality and an entrance into a new terminology, which is very much what TiddlyWiki demands from new users anyway - so please keep the words, they make sense after a while..

- andrewbarbour on 28 November 2010

  > "Tiddlywiki" - kind of 'folksy' and quaint. Has a bit of charm.
  > "Tiddler" - is a bit of a barrier to adoption. I have tried to give overviews to a few people and used the term 'tiddler' - at least 50% of the time there are chuckles and references to 'diddlers'. I would suggest calling them 'items' or 'posting'.

- yakov on 16 November 2010

  > I use the term "tiddler" for communication in google.groups; I prefer a "tw-entry" ("tw-запись" in russian) since it looks closer to IT terms.. just more brief and exact. Yeap, I think this actually not important.
  > TiddlyWiki sound just as Coca-Cola - you never think of what it means, so it's ok, I think. Keep in mind however that english is not my native language.

- frankfurtkid on 16 November 2010

  > I got used to it - but when introducing people to these terms for the first time, they have to get over the smiles. Usually the functionality wins over, but I've had feedback that it does not sound very professional - but hey what does Google or Twitter sound like ? Also sounds much better than Edit Conflict - which I just got saving this tiddler

- None.

- tags:
- question

- not tagging

fields refresh make private revisions permalink references jump close others
How might you use TiddlyWiki in the future?
last modified on 15 November 2010
Reply to this tiddler

- pmario on 7 April 2011

  > - As my main knowledge database (private)
  > - and presentation plattform. (private / public)

- mama on 16 December 2010

  > I guess I'm waiting to implement some future version of TiddlySpace on our servers, for quick and easy delivery of personal spaces with preincluded plugins and theme tailored for intranetuse...
  > All students and collegues already have a single loginname and password for network & wireless internetconnection, moodle, Zimbra (email), educational material services etc...
  > If TiddlySpace should be implemented - I would need a way to setup users/spaces from a csv (or a shared database) and a way to add members to a new space template from a shared/known list of users.
  > I would need two versions of TiddlySpace, one for collegues and another one for students, to run from our two seperate servers. ..
  > If TiddlySpace could interact with Moodle - I think it would be a seamless integration..

- yakov on 16 November 2010

  > Aside those many writings including scientific ones, aggregation uses like GTD or question or news aggregation and possible use for site I'd like to mention the concept which TW allows to implement.
  > The IT world is very conservative in one thing: tree-based file systems. This just limits the mind. For instance, I used to sort music in my mobile phone by making folders so that I can accent the value of different tracks and this helps me to introduce some harmony in searching music that's proper for the moment. But eventually this came to too branched tree and tracks that has value in more than one sences became binded with this separation.
  > Such a thing happens sometimes with all other things: notes, books.. whatever. TW makes a breakthrough here and after some tweaking can reorganize things so that I can forget about the eclectic branched limits. I haven't dig in this direction yet but I know that there are already somewhat player plugins based on web-technologies.. So this may be of interest.
  > Hi-hi. Perhaps TW also will be usefull for organizing code for programming but this sounds rather fansy (as for now).

- martinlindner on 16 November 2010

  > I'd love to have a fully working version of TiddlyDocs, all by myself, which would be able to import docs.
  > And I can imagine a lot uf uses as soon as i would be able to read/write/edit tiddlers from a client, (something like a twitter client where i could search for a thread of tiddlers, or subscribe to a tag).

- tags:
- question

- not tagging

Recent All Public Private Drafts Tags Spaces Activity Following Followers Missing Orphans Shadows

- 10 March 2011
- How important to you are TiddlyWiki's offline capabilities?
- Do you use TiddlyWiki more for personal things, collaborative work or publishing?

- 28 February 2011
- HelloThere

- 10 December 2010
- What do you think of the name TiddlyWiki and the term "tiddler"?

- 27 November 2010
- AnswerTemplate
- questionViewTemplate

- 16 November 2010
- DefaultTiddlers
- SiteInfo
- How did you first discover TiddlyWiki?

- 15 November 2010
- TiddlyWiki
- What features of TiddlyWiki made it suitable for your target audience?
- How might you use TiddlyWiki in the future?
- Which plugins do you rely on the most?
- What is the most challenging thing about using TiddlyWiki?
- How many other people have you introduced to TiddlyWiki?
- How have you been able to contribute back to the TiddlyWiki community?
- How has the TiddlyWiki community helped you?
- How has TiddlyWiki saved time for your target audience?
- How has TiddlyWiki saved time for you as an information publisher?
- How many tiddlers and how many megabytes in your largest TiddlyWiki?
- How have you found training novice users to use and understand TiddlyWiki?
- Who is the target audience for your TiddlyWiki(s)?
- Do you keep adding new features to your existing TiddlyWiki(s)?
- How many TiddlyWikis have you created and do you use regularly?
- Which aspects of TiddlyWiki do you find most valuable?
- What was it about TiddlyWiki that captured your interest?

- 29 October 2010
- ColorPalette
- SiteIcon

    Background: #fff
    Foreground: #000
    PrimaryPale: #8cf
    PrimaryLight: #18f
    PrimaryMid: #04b
    PrimaryDark: #014
    SecondaryPale: #ffc
    SecondaryLight: #fe8
    SecondaryMid: #db4
    SecondaryDark: #841
    TertiaryPale: #eee
    TertiaryLight: #ccc
    TertiaryMid: #999
    TertiaryDark: #666
    Error: #f88

    <!--{{{-->
    <div class='toolbar' macro='toolbar [[ToolbarCommands::EditToolbar]]'></div>
    <div class='title' macro='view title'></div>
    <div class='editor' macro='edit title'></div>
    <div macro='annotations'></div>
    <div class='editor' macro='edit text'></div>
    <div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser excludeLists'></span></div>
    <!--}}}-->

    To get started with this blank [[TiddlyWiki]], you'll need to modify the following tiddlers:
    * [[SiteTitle]] & [[SiteSubtitle]]: The title and subtitle of the site, as shown above (after saving, they will also appear in the browser title bar)
    * [[MainMenu]]: The menu (usually on the left)
    * [[DefaultTiddlers]]: Contains the names of the tiddlers that you want to appear when the TiddlyWiki is opened
    You'll also need to enter your username for signing your edits: <<option txtUserName>>

    <<importTiddlers>>

    <!--{{{-->
    <link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml' />
    <!--}}}-->

    These [[InterfaceOptions]] for customising [[TiddlyWiki]] are saved in your browser

    Your username for signing your edits. Write it as a [[WikiWord]] (eg [[JoeBloggs]])

    <<option txtUserName>>
    <<option chkSaveBackups>> [[SaveBackups]]
    <<option chkAutoSave>> [[AutoSave]]
    <<option chkRegExpSearch>> [[RegExpSearch]]
    <<option chkCaseSensitiveSearch>> [[CaseSensitiveSearch]]
    <<option chkAnimate>> [[EnableAnimations]]

    ----
    Also see [[AdvancedOptions]]

    <!--{{{-->
    <div class='header' role='banner' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>
    <div class='headerShadow'>
    <span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
    <span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
    </div>
    <div class='headerForeground'>
    <span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
    <span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
    </div>
    </div>
    <div id='mainMenu' role='navigation' refresh='content' tiddler='MainMenu'></div>
    <div id='sidebar'>
    <div id='sidebarOptions' role='navigation' refresh='content' tiddler='SideBarOptions'></div>
    <div id='sidebarTabs' role='complementary' refresh='content' force='true' tiddler='SideBarTabs'></div>
    </div>
    <div id='displayArea' role='main'>
    <div id='messageArea'></div>
    <div id='tiddlerDisplay'></div>
    </div>
    <!--}}}-->

    /*{{{*/
    body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}

    a {color:[[ColorPalette::PrimaryMid]];}
    a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
    a img {border:0;}

    h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
    h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
    h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}

    .button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
    .button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
    .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}

    .header {background:[[ColorPalette::PrimaryMid]];}
    .headerShadow {color:[[ColorPalette::Foreground]];}
    .headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
    .headerForeground {color:[[ColorPalette::Background]];}
    .headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}

    .tabSelected {color:[[ColorPalette::PrimaryDark]];
    	background:[[ColorPalette::TertiaryPale]];
    	border-left:1px solid [[ColorPalette::TertiaryLight]];
    	border-top:1px solid [[ColorPalette::TertiaryLight]];
    	border-right:1px solid [[ColorPalette::TertiaryLight]];
    }
    .tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
    .tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
    .tabContents .button {border:0;}

    #sidebar {}
    #sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
    #sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
    #sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
    #sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
    #sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}

    .wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
    .wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
    .wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
    .wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
    	border:1px solid [[ColorPalette::PrimaryMid]];}
    .wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];}
    .wizardFooter {background:[[ColorPalette::PrimaryPale]];}
    .wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
    .wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
    	border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
    .wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
    .wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
    	border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}

    .wizard .notChanged {background:transparent;}
    .wizard .changedLocally {background:#80ff80;}
    .wizard .changedServer {background:#8080ff;}
    .wizard .changedBoth {background:#ff8080;}
    .wizard .notFound {background:#ffff80;}
    .wizard .putToServer {background:#ff80ff;}
    .wizard .gotFromServer {background:#80ffff;}

    #messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
    #messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}

    .popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}

    .popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];}
    .popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
    .popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
    .popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
    .popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
    .popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
    .popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
    .listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}

    .tiddler .defaultCommand {font-weight:bold;}

    .shadow .title {color:[[ColorPalette::TertiaryDark]];}

    .title {color:[[ColorPalette::SecondaryDark]];}
    .subtitle {color:[[ColorPalette::TertiaryDark]];}

    .toolbar {color:[[ColorPalette::PrimaryMid]];}
    .toolbar a {color:[[ColorPalette::TertiaryLight]];}
    .selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
    .selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}

    .tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
    .selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
    .tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
    .tagging .button, .tagged .button {border:none;}

    .footer {color:[[ColorPalette::TertiaryLight]];}
    .selected .footer {color:[[ColorPalette::TertiaryMid]];}

    .error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
    .warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
    .lowlight {background:[[ColorPalette::TertiaryLight]];}

    .zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}

    .imageLink, #displayArea .imageLink {background:transparent;}

    .annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}

    .viewer .listTitle {list-style-type:none; margin-left:-2em;}
    .viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
    .viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}

    .viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
    .viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
    .viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}

    .viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
    .viewer code {color:[[ColorPalette::SecondaryDark]];}
    .viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}

    .highlight, .marked {background:[[ColorPalette::SecondaryLight]];}

    .editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
    .editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
    .editorFooter {color:[[ColorPalette::TertiaryMid]];}
    .readOnly {background:[[ColorPalette::TertiaryPale]];}

    #backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
    #backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
    #backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
    #backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
    #backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
    #backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
    #backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
    .backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
    .backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
    #backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:alpha(opacity=60);}
    /*}}}*/

    /*{{{*/
    * html .tiddler {height:1%;}

    body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}

    h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
    h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
    h4,h5,h6 {margin-top:1em;}
    h1 {font-size:1.35em;}
    h2 {font-size:1.25em;}
    h3 {font-size:1.1em;}
    h4 {font-size:1em;}
    h5 {font-size:.9em;}

    hr {height:1px;}

    a {text-decoration:none;}

    dt {font-weight:bold;}

    ol {list-style-type:decimal;}
    ol ol {list-style-type:lower-alpha;}
    ol ol ol {list-style-type:lower-roman;}
    ol ol ol ol {list-style-type:decimal;}
    ol ol ol ol ol {list-style-type:lower-alpha;}
    ol ol ol ol ol ol {list-style-type:lower-roman;}
    ol ol ol ol ol ol ol {list-style-type:decimal;}

    .txtOptionInput {width:11em;}

    #contentWrapper .chkOptionInput {border:0;}

    .externalLink {text-decoration:underline;}

    .indent {margin-left:3em;}
    .outdent {margin-left:3em; text-indent:-3em;}
    code.escaped {white-space:nowrap;}

    .tiddlyLinkExisting {font-weight:bold;}
    .tiddlyLinkNonExisting {font-style:italic;}

    /* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
    a.tiddlyLinkNonExisting.shadow {font-weight:bold;}

    #mainMenu .tiddlyLinkExisting,
    	#mainMenu .tiddlyLinkNonExisting,
    	#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
    #sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}

    .header {position:relative;}
    .header a:hover {background:transparent;}
    .headerShadow {position:relative; padding:4.5em 0 1em 1em; left:-1px; top:-1px;}
    .headerForeground {position:absolute; padding:4.5em 0 1em 1em; left:0; top:0;}

    .siteTitle {font-size:3em;}
    .siteSubtitle {font-size:1.2em;}

    #mainMenu {position:absolute; left:0; width:10em; text-align:right; line-height:1.6em; padding:1.5em 0.5em 0.5em 0.5em; font-size:1.1em;}

    #sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
    #sidebarOptions {padding-top:0.3em;}
    #sidebarOptions a {margin:0 0.2em; padding:0.2em 0.3em; display:block;}
    #sidebarOptions input {margin:0.4em 0.5em;}
    #sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
    #sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
    #sidebarOptions .sliderPanel input {margin:0 0 0.3em 0;}
    #sidebarTabs .tabContents {width:15em; overflow:hidden;}

    .wizard {padding:0.1em 1em 0 2em;}
    .wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
    .wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
    .wizardStep {padding:1em 1em 1em 1em;}
    .wizard .button {margin:0.5em 0 0; font-size:1.2em;}
    .wizardFooter {padding:0.8em 0.4em 0.8em 0;}
    .wizardFooter .status {padding:0 0.4em; margin-left:1em;}
    .wizard .button {padding:0.1em 0.2em;}

    #messageArea {position:fixed; top:2em; right:0; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
    .messageToolbar {display:block; text-align:right; padding:0.2em;}
    #messageArea a {text-decoration:underline;}

    .tiddlerPopupButton {padding:0.2em;}
    .popupTiddler {position: absolute; z-index:300; padding:1em; margin:0;}

    .popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
    .popup .popupMessage {padding:0.4em;}
    .popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0;}
    .popup li.disabled {padding:0.4em;}
    .popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
    .listBreak {font-size:1px; line-height:1px;}
    .listBreak div {margin:2px 0;}

    .tabset {padding:1em 0 0 0.5em;}
    .tab {margin:0 0 0 0.25em; padding:2px;}
    .tabContents {padding:0.5em;}
    .tabContents ul, .tabContents ol {margin:0; padding:0;}
    .txtMainTab .tabContents li {list-style:none;}
    .tabContents li.listLink { margin-left:.75em;}

    #contentWrapper {display:block;}
    #splashScreen {display:none;}

    #displayArea {margin:1em 17em 0 14em;}

    .toolbar {text-align:right; font-size:.9em;}

    .tiddler {padding:1em 1em 0;}

    .missing .viewer,.missing .title {font-style:italic;}

    .title {font-size:1.6em; font-weight:bold;}

    .missing .subtitle {display:none;}
    .subtitle {font-size:1.1em;}

    .tiddler .button {padding:0.2em 0.4em;}

    .tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
    .isTag .tagging {display:block;}
    .tagged {margin:0.5em; float:right;}
    .tagging, .tagged {font-size:0.9em; padding:0.25em;}
    .tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
    .tagClear {clear:both;}

    .footer {font-size:.9em;}
    .footer li {display:inline;}

    .annotation {padding:0.5em; margin:0.5em;}

    * html .viewer pre {width:99%; padding:0 0 1em 0;}
    .viewer {line-height:1.4em; padding-top:0.5em;}
    .viewer .button {margin:0 0.25em; padding:0 0.25em;}
    .viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
    .viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}

    .viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
    .viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
    table.listView {font-size:0.85em; margin:0.8em 1.0em;}
    table.listView th, table.listView td, table.listView tr {padding:0 3px 0 3px;}

    .viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
    .viewer code {font-size:1.2em; line-height:1.4em;}

    .editor {font-size:1.1em;}
    .editor input, .editor textarea {display:block; width:100%; font:inherit;}
    .editorFooter {padding:0.25em 0; font-size:.9em;}
    .editorFooter .button {padding-top:0; padding-bottom:0;}

    .fieldsetFix {border:0; padding:0; margin:1px 0px;}

    .zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
    .zoomer div {padding:1em;}

    * html #backstage {width:99%;}
    * html #backstageArea {width:99%;}
    #backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em;}
    #backstageToolbar {position:relative;}
    #backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em;}
    #backstageButton {display:none; position:absolute; z-index:175; top:0; right:0;}
    #backstageButton a {padding:0.1em 0.4em; margin:0.1em;}
    #backstage {position:relative; width:100%; z-index:50;}
    #backstagePanel {display:none; z-index:100; position:absolute; width:90%; margin-left:3em; padding:1em;}
    .backstagePanelFooter {padding-top:0.2em; float:right;}
    .backstagePanelFooter a {padding:0.2em 0.4em;}
    #backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}

    .whenBackstage {display:none;}
    .backstageVisible .whenBackstage {display:block;}
    /*}}}*/

    /***
    StyleSheet for use when a translation requires any css style changes.
    This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which need larger font sizes.
    ***/
    /*{{{*/
    body {font-size:0.8em;}
    #sidebarOptions {font-size:1.05em;}
    #sidebarOptions a {font-style:normal;}
    #sidebarOptions .sliderPanel {font-size:0.95em;}
    .subtitle {font-size:0.8em;}
    .viewer table.listView {font-size:0.95em;}
    /*}}}*/

    /*{{{*/
    @media print {
    #mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea {display: none !important;}
    #displayArea {margin: 1em 1em 0em;}
    noscript {display:none;} /* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
    }
    /*}}}*/

    <!--{{{-->
    <div class='toolbar' role='navigation' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div>
    <div class='title' macro='view title'></div>
    <div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date'></span>)</div>
    <div class='tagging' macro='tagging'></div>
    <div class='tagged' macro='tags'></div>
    <div class='viewer' macro='view text wikified'></div>
    <div class='tagClear'></div>
    <!--}}}-->

    /***
    |''Name''|RefreshTiddlerCommand|
    |''Version''|0.3.0|
    ***/
    //{{{
    (function($) {

    var cmd = config.commands.refreshTiddler = {
    	text: "refresh",
    	locale: {
    		refreshing: "Refreshing tiddler..."
    	},
    	tooltip: "refresh this tiddler to be the one on the server",
    	handler: function(ev, src, title) {
    		var tiddler = store.getTiddler(title);
    		if(!tiddler) {
    			tiddler = new Tiddler(title);
    			merge(tiddler.fields, config.defaultCustomFields);
    		}
    		$(story.getTiddler(title)).find(".viewer").
    			empty().text(cmd.locale.refreshing);
    		var dirtyStatus = store.isDirty();
    		story.loadMissingTiddler(title, {
    			"server.workspace": tiddler.fields["server.recipe"]  ? "recipes/" + tiddler.fields["server.recipe"] :
    				tiddler.fields["server.workspace"] || "bags/"+tiddler.fields["server.bag"],
    			"server.host": tiddler.fields["server.host"],
    			"server.type": tiddler.fields["server.type"]
    		}, function() {
    			store.setDirty(dirtyStatus);
    		});
    	}
    };

    })(jQuery);
    //}}}

    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="72 648 70 70"
    width="30" height="30">
    <g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1">
    	<g>
    		<path d="M 77.59005 669.34003 C 71.532745 681.90424 73.714462 697.4441 84.135193 707.86475
    		C 97.315445 721.0451 118.684715 721.0451 131.8649 707.86475
    		C 145.04515 694.68457 145.04515 673.31537 131.8649 660.13513
    		C 121.4441 649.7141 105.90419 647.53253 93.339905 653.5899 L 102.047455 662.2976
    		C 109.58637 660.2373 117.987976 662.16803 123.90997 668.08997
    		C 132.69673 676.8767 132.69673 691.12317 123.90997 699.90985
    		C 115.12313 708.6966 100.87699 708.6966 92.09012 699.90985
    		C 86.168266 693.98804 84.23744 685.58643 86.297653 678.04755 Z M 72 648 L 72 668.25 L 78.75 661.49957
    		L 99.00019 681.7502 L 105.750175 675.00006 L 85.50013 654.75012 L 92.249985 648 Z" fill="black"
    		class="glyph"/>
    	</g>
    </g>
    </svg>

    A [[SiteIcon|SiteIcon tiddler]]@glossary helps provide some identity to your space.  Ideally it'd be a square and a minimum of 48*48 pixels size.  You can upload your site icon using the uploader below.

    <<binaryUploadPublic title:SiteIcon>>

    {{{
    !Template
    <<view modifier SiteIcon width:48 height:48 preserveAspectRatio:yes label:no>> <<view modifier spaceLink>> on <<view modified date>>
    <<<
    <<view text wikified>>
    <<<
    !EndTemplate
    }}}

    /***
    |''Name''|TiddlyFileImporter|
    |''Version''|0.3.8|
    |''Author''|Ben Gillies|
    |''Type''|plugin|
    |''Description''|Upload a TiddlyWiki file to TiddlyWeb, and import the tiddlers.|
    !Usage
    Upload a TiddlyWiki file to TiddlyWeb, and import the tiddlers.
    !Requires
    tiddlyweb
    tiddlywebplugins.reflector
    !Code
    ***/
    //{{{
    (function($){
    if(!version.extensions.TiddlyFileImporter)
    { //# ensure that the plugin is only installed once
    	version.extensions.TiddlyFileImporter = { installed: true };
    }

    config.macros.fileImport = {
    	reflectorURI: '/reflector?csrf_token=%0',
    	incorrectTypeError: 'Incorrect File Type. You must upload a TiddlyWiki',
    	uploadLabel: 'Upload',
    	uploadLabelPrompt: 'Import tiddlers from this TiddlyWiki',
    	step1FileText: 'File:',
    	step1PostText: 'In the next screen you will select the tiddlers to import.',
    	step1Title: 'Step 1: Pick a TiddlyWiki to import',
    	step1TypeChooser: 'Import From:',
    	step3Html: ['<input type="hidden" name="markList" />',
    		'<input type="hidden" checked="true" name="chkSync" />',
    		'<input type="hidden" name="chkSave" />',
    		'<input type="hidden" name="txtSaveTiddler" />'].join(),

    	handler: function(place, macroName, params, wikifier, paramString) {
    		var wizard = new Wizard();
    		wizard.createWizard(place, 'Import a TiddlyWiki');
    		this.restart(wizard);
    	},

    	restart: function(wizard) {
    		var me = config.macros.fileImport;
    		wizard.addStep(me.step1Title, ['<input type="hidden" ',
    			'name="markList" />'].join(""));
    		var markList = wizard.getElement('markList');
    		var uploadWrapper = document.createElement('div');
    		markList.parentNode.insertBefore(uploadWrapper, markList);
    		uploadWrapper.setAttribute('refresh', 'macro');
    		uploadWrapper.getAttribute('macroName', 'fileImport');
    		var iframeName = 'reflectorImporter' + Math.random().toString();
    		me.createForm(uploadWrapper, wizard, iframeName);
    		$(uploadWrapper).append('<p>' + me.step1PostText + '</p>');
    		wizard.setValue('serverType', 'tiddlyweb');
    		wizard.setValue('adaptor', new config.adaptors.file());
    		wizard.setValue('host', config.defaultCustomFields['server.host']);
    		wizard.setValue('context', {});
    		var iframe = $(['<iframe name="' + iframeName + '" ',
    			'style="display: none" />'].join("")).appendTo(uploadWrapper);
    		var onSubmit = function(ev) {
    			var uploadType = $('select[name=uploadtype]', wizard.formElem).val();
    			if (uploadType == "file") {
    				// set an onload ready to hijack the form
    				me.setOnLoad(uploadWrapper, wizard, iframe[0]);
    				wizard.importType = 'file';
    				wizard.formElem.submit();
    			} else {
    				var csrf_token = config.extensions.tiddlyspace.getCSRFToken();
    				$.ajax({
    					url: "%0/reflector?csrf_token=%1".format(
    						config.defaultCustomFields["server.host"], csrf_token),
    					type: "POST",
    					dataType: "text",
    					data: {
    						uri: $("input", ".importFrom", wizard.formElem).val()
    					},
    					success: function(data, txtStatus, xhr) {
    						wizard.POSTResponse = data;
    						me.importTiddlers(uploadWrapper, wizard);
    					},
    					error: function(xhr, txtStatus, error) {
    						displayMessage(["There was an error fetching the ",
    							'url: ', txtStatus].join(""));
    						me.restart(wizard);
    					}
    				});
    				return false;
    			}
    		};
    		wizard.setButtons([{
    			caption: me.uploadLabel,
    			tooltip: me.uploadLabelPrompt,
    			onClick: onSubmit
    		}]);
    		$(wizard.formElem).submit(function(ev) {
    			onSubmit(ev);
    			ev.preventDefault();
    		});
    	},

    	createForm: function(place, wizard, iframeName) {
    		var form = wizard.formElem;
    		var me = config.macros.fileImport;
    		form.action = me.reflectorURI.format(
    			config.extensions.tiddlyspace.getCSRFToken());
    		form.enctype = 'multipart/form-data';
    		form.encoding = 'multipart/form-data';
    		form.method = 'POST';
    		form.target = iframeName;
    		onSelectChange = function(e) {
    			var changeTo = $(this).val();
    			if (changeTo == "file") {
    				$(".importFrom").html('%0 <input type="file" name="file" />'.
    					format(me.step1FileText));
    			} else {
    				$(".importFrom").html('URL: <input type="text" name="uri" />'
    					+ ' Do you want <a target="_blank" href="http://faq.tiddlyspace.com/How%20do%20I%20include%2Fexclude%20spaces%3F">inclusion</a> instead?');
    			}
    		};
    		$(place).append('<span>%0</span>'.format(me.step1TypeChooser)).
    			append($(['<select name="uploadtype"><option value="file" selected="selected">file',
    				'<option value="uri">url</select>'].join("")).change(onSelectChange)).
    			append('<div class="importFrom">%0<input type="file" name="file" /></div>'.
    					format(me.step1FileText));
    	},

    	setOnLoad: function(place, wizard, iframe) {
    		var me = config.macros.fileImport;
    		var loadHandler = function() {
    			me.importTiddlers.apply(this, [place, wizard, iframe]);
    		};
    		iframe.onload = loadHandler;
    		completeReadyStateChanges = 0;
    		iframe.onreadystatechange = function() {
    			if (++(completeReadyStateChanges) == 5) {
    				loadHandler();
    			}
    		};
    	},

    	importTiddlers: function(place, wizard, iframe) {
    		var tmpStore = new TiddlyWiki();
    		var POSTedWiki = "";
    		if (wizard.importType == "file") {
    			try {
    				POSTedWiki= iframe.contentWindow
    					.document.documentElement.innerHTML;
    			} catch(e) {
    				displayMessage(config.macros.fileImport.incorrectTypeError);
    				config.macros.fileImport.restart(wizard);
    				return;
    			}
    			// now we are done, so remove the iframe
    			$(iframe).remove();
    		} else {
    			POSTedWiki = wizard.POSTResponse;
    		}

    		tmpStore.importTiddlyWiki(POSTedWiki);
    		var newTiddlers = tmpStore.getTiddlers();
    		var workspace = config.defaultCustomFields['server.workspace'];
    		var context = {
    			status: true,
    			statusText: 'OK',
    			httpStatus: 200,
    			adaptor: wizard.getValue('adaptor'),
    			tiddlers: newTiddlers
    		};
    		context.adaptor.store = tmpStore;
    		wizard.setValue('context', context);
    		wizard.setValue('workspace', workspace);
    		wizard.setValue('inFileImport', true);
    		config.macros.importTiddlers.onGetTiddlerList(context, wizard);
    	}
    };

    var _onGetTiddler = config.macros.importTiddlers.onGetTiddler;
    config.macros.importTiddlers.onGetTiddler = function(context, wizard) {
    	if (wizard.getValue('inFileImport')) {
    		var me = config.macros.importTiddlers;
    		if(!context.status)
    			displayMessage("Error in importTiddlers.onGetTiddler: " + context.statusText);
    		var tiddler = context.tiddler;
    		var fields = tiddler.fields;
    		merge(fields, config.defaultCustomFields);
    		fields["server.workspace"] = wizard.getValue('workspace');
    		delete fields['server.permissions'];
    		delete fields['server.bag'];
    		fields['server.page.revision'] = 'false';
    		delete fields['server.recipe'];
    		fields.changecount = 1;
    		store.suspendNotifications();
    		store.saveTiddler(tiddler.title, tiddler.title, tiddler.text,
    			tiddler.modifier, tiddler.modified, tiddler.tags, tiddler.fields,
    			false, tiddler.created);
    		store.resumeNotifications();
    		var remainingImports = wizard.getValue("remainingImports")-1;
    		wizard.setValue("remainingImports",remainingImports);
    		if(remainingImports === 0) {
    			if(context.isSynchronous) {
    				store.notifyAll();
    				refreshDisplay();
    			}
    			wizard.setButtons([
    					{caption: me.doneLabel, tooltip: me.donePrompt, onClick: me.onClose}
    				],me.statusDoneImport);
    			autoSaveChanges();
    		}
    	} else {
    		_onGetTiddler.apply(this, arguments);
    	}
    };

    var _onCancel = config.macros.importTiddlers.onCancel;
    config.macros.importTiddlers.onCancel = function(e)
    {
    	var wizard = new Wizard(this);
    	if (!wizard.getValue('inFileImport')) {
    		return _onCancel.apply(this, arguments);
    	}
    	var place = wizard.clear();
    	config.macros.fileImport.restart(wizard);
    	return false;
    };

    var _step3Html = config.macros.importTiddlers.step3Html;
    var _onGetTiddlerList = config.macros.importTiddlers.onGetTiddlerList;
    config.macros.importTiddlers.onGetTiddlerList = function(context, wizard) {
    	var fileImport = config.macros.fileImport;
    	var importTiddlers = config.macros.importTiddlers;
    	if (wizard.getValue('inFileImport')) {
    		importTiddlers.step3Html = fileImport.step3Html;
    	} else {
    		importTiddlers.step3Html = _step3Html;
    	}
    	_onGetTiddlerList.apply(this, arguments);
    };
    })(jQuery);
    //}}}

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    	<title>Reply</title>
    	<link rel="stylesheet" href="//tiddlyspace.com/bags/benspa_public/tiddlers/bootvelcro.css">
    	<style>
    		html,
    		body {
    			overflow: hidden;
    			background-color: transparent;
    		}

    		#container {
    			/* prevent a fouc if no images present */
    			display: none;
    		}

    		.modal-header {
    			border-bottom: none;
    			padding: 5px 0 0;
    			position: absolute;
    			width: 100%;
    			background-color: #e0e0e0;
    			-webkit-border-radius: 6px 6px 0 0;
    			-moz-border-radius: 6px 6px 0 0;
    			border-radius: 6px 6px 0 0;
    			cursor: move;
    		}

    		.form-actions {
    			position: absolute;
    			bottom: 0;
    			box-sizing: border-box;
    			-moz-box-sizing: border-box;
    			width: 100%;
    			margin: 0;
    			border-radius: 0 0 6px 6px;
    			background-color: #e0e0e0;
    			border-top: 1px solid gray;
    		}

    		.form-actions input.btn {
    			width: auto;
    			float: right;
    			margin: 0 0.2em;
    		}

    		.closeBtn {
    			background-color: #DCE7F1 !important;
    		}

    		.primary {
    			background-color: #09F !important;
    		}

    		h1 {
    			margin-bottom: 9px;
    			margin-top: 9px;
    		}

    		body {
    			width: 100%;
    			height: 100%;
    			position: absolute;
    		}

    		.modal {
    			margin: 10px;
    			top: 0;
    			left: 0;
    			bottom: 0;
    			width: 510px;
    			position: absolute;
    			box-shadow: #444 0px 0px 10px 2px;
    			border-radius: 6px;
    			background-color: white;
    			border: 1px solid gray;
    			background-color: #F0F4F8;
    		}

    		label em {
    			cursor: pointer;
    		}

    		.modal-body {
    			overflow: auto;
    			position: absolute;
    			top: 0;
    			bottom: 0;
    			left: 0;
    			right: 0;
    			margin: 65px 20px 67px;
    			background-color: transparent;
    		}

    		.nav-tabs {
    			padding-left: 1%;
    			margin: 0;
    			width: 99%;
    			border-color: gray;
    		}

    		.nav-tabs > li {
    			cursor: pointer;
    		}

    		.nav-tabs > li > a {
    			line-height: 2.4em;
    			font-weight: bold;
    			font-size: 100%;
    		}

    		.nav-tabs > li.active > a{
    			background-color: #F0F4F8;
    			border-color: gray;
    			border-bottom-color: #F0F4F8;
    		}

    		.active {
    			display: block;
    		}

    		input,
    		textarea,
    		select,
    		.uneditable-input {
    			color: #606060;
    		}

    		.imagePicker {
    			-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    			-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    			box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    			border: 1px solid #CCC;
    			height: 110px;
    			overflow: auto;
    			-webkit-border-radius: 3px;
    			-moz-border-radius: 3px;
    			border-radius: 3px;
    			margin-left: 0;
    		}

    		.imagePicker img {
    			margin: 5px;
    			border: 2px solid transparent;
    		}

    		.imagePicker .current {
    			border: 2px dotted #555;
    		}

    		label {
    			font-weight: bold;
    		}

    		.form-actions label {
    			float: left;
    			margin-top: 0.75em;
    		}

    		fieldset input,
    		fieldset textarea {
    			width: 90%;
    			border-color: gray;
    		}

    		@media all and (max-width: 550px) {
    			.modal {
    				width: 95%;
    			}
    		}

    		#help {
    			position: absolute;
    			border: 0;
    			right: 4px;
    			top: 5px;
    			text-indent: -9999px;
    			color: transparent;
    			height: 16px;
    			width: 16px;
    			background: none;
    			background-image: url(/bags/common/tiddlers/help.png);
    			background-repeat: no-repeat;
    			background-color: white;
    			z-index: 2;
    			border-radius: 10px;
    		}

    		#help-info {
    			padding: 0;
    			border: 1px solid gray;
    			width: 60%;
    			height: 50px;
    			color: #404040;
    			background-color: white;
    			position: absolute;
    			top: 5px;
    			right: 5px;
    			z-index: 1;
    			cursor: auto;
    			border-radius: 5px;

    		}

    		#help-info p {
    			padding: 10px 25px;
    			margin-bottom: 0;
    		}
    	</style>
    </head>
    <body>
    	<div id="container">
    		<form action="#" class="modal">
    			<div class="modal-header">
    				<button id="help">help</button>
    				<div id="help-info" style="display:none;"><p>
    				Found something interesting? Write about it in your own space. <a href="//docs.tiddlyspace.com/Reply to this Tiddler" target="_blank">Find out more</a>
    				</p></div>
    				<ul class="nav nav-tabs" data-tabs="tabs">
    					<li class="active" data-tab-name="post"><a href="#postForm">Reply</a></li>
    				</ul>
    			</div>

    			<fieldset id="postForm" class="modal-body">
    				<label>Title
    					<input type="text" name="title">
    				</label>
    				<input type="hidden" name="url">
    				<label>Post
    					<textarea name="text" rows="8"></textarea>
    				</label>
    				<label>Tags
    					<input type="text" name="tags" value="">
    				</label>
    			</fieldset>

    			<div class="form-actions">
    				<label class="checkbox">
    					<input type="checkbox" name="private" val="private">
    					keep private
    				</label>
    				<input type="submit" class="btn primary btn-large" value="Done">
    				<input type="button" class="btn btn-large closeBtn" value="Cancel">
    			</div>
    		</form>
    	</div>

    	<script type="text/javascript"
                src="/bags/common/tiddlers/jquery.js"></script>
    	<script type="text/javascript" src="/bags/tiddlyspace/tiddlers/chrjs"></script>
    	<script type="text/javascript" src="/bags/common/tiddlers/_reply.js"></script>
    </body>
    </html>

    <!DOCTYPE html>
    <html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    	<title>Account</title>
    	<link href="/bags/common/tiddlers/profile.css" type='text/css' rel='stylesheet' >
    	<link href="/bags/common/tiddlers/admin.css" type='text/css' rel='stylesheet' >
    	<link href="/bags/common/tiddlers/jquery-ui.custom.css" type='text/css' rel='stylesheet' >
    </head>
    <body>

    <div id="container">
    	<div class="main section">
    		<a class="app" href="/">home</a>
    		<div class="left">
    		<div id="siteiconArea">
    		<h2>User Icon</h2>
    		<div>
    			<img id="siteicon" class="siteicon">
    			<form id="upload" method="POST" enctype="multipart/form-data">
    				<input type="hidden" name="title" value="SiteIcon" />
    				<input type="hidden" name="tags" value="excludeLists">
    				<input type="hidden" name="csrf_token" class="csrf" />
    				<input type="file" name="file" accept="image/*" />
    				<input type="submit" value="upload" />
    			</form>
    			<div id="dropzone">Drop file here
    				<img class="notloading" src="/bags/common/tiddlers/ajax-loader.gif" alt="submitting SiteIcon" />
    			</div>
    		</div>
    		</div>
    		<h2>Find Space</h2>
    		<form class="spaceSearch">
    			<input class="inputBox" type="text" placeholder="find space" />
    			<a href="http://docs.tiddlyspace.com/What%20is%20a%20Space%3F" class="help"
    				title="What is a space?">What is a space?</a>
    			<button>view all</button>
    		</form>
    		<div class='list-container'>
    			You are a member of the following spaces:
    			<ul class='ts-space-search'>
    			</ul>
    		</div>
    		<h2>Create New Space</h2>
    		<form class="ts-spaces">
    			<input class="inputBox" type="text" name="spacename" placeholder="space name"><span class="hostSuffix">.tiddlyspace.com</span>
    			<input type="submit" value="Create Space" />
    		</form>
    		</div>
    		<div class="right">
    		<h2>Change Password</h2>
    		<form class="ts-password">
    			<input class="inputBox" placeholder="existing password" type="password" name="password">
    			<input class="inputBox" placeholder="new password" type="password" name="new_password">
    			<input class="inputBox" placeholder="new password"	type="password" name="new_password_confirm">
    			<input type="submit" value="Change password">
    		</form>
    		<h2>OpenID</h2>
    		<h3>Why OpenID?</h3>
    		<a href="http://openid.net/"><img src="/bags/common/tiddlers/openid.png" alt="openid" ></a><br />
    		Use just one username and password across hundreds of OpenID-enabled sites.<br />
    		It's an open standard.<br />
    		<a href="http://openid.net/what/">learn more</a>
    		<ul class="ts-identities"></ul>
    		<form class="ts-openid" target="_top">
    			<div>
    				Add an openid:
    			</div>
    			<input class="inputBox" type="text" name="openid" placeholder="your openid" />
    			<input type="submit" value="Register" />
    			<a href="http://openid.net/get-an-openid/" class="help"
    			title="What is an open id?">What is an open id?</a>
    		</form>
    		</div>
    		<div class="clear"></div>
    	</div>
    </div>
    <script src="/bags/common/tiddlers/backstage.js"></script>
    <script src='/bags/common/tiddlers/jquery.js'></script>
    <script src='/bags/tiddlyspace/tiddlers/chrjs'></script>
    <script src='/bags/common/tiddlers/chrjs.space'></script>
    <script src='/bags/common/tiddlers/chrjs.users'></script>
    <script src='/bags/common/tiddlers/chrjs.identities'></script>
    <script src="/bags/common/tiddlers/jquery-ui.custom.js"></script>
    <script src='/bags/common/tiddlers/jquery-form.js'></script>
    <script src="/bags/common/tiddlers/siteiconupload.js"></script>
    <script src='/bags/common/tiddlers/ts.js'></script>
    <script src="/status.js"></script>
    <script type="text/javascript">
    /*
     * jQuery UI Autocomplete HTML Extension
     *
     * Copyright 2010, Scott González (http://scottgonzalez.com)
     * Dual licensed under the MIT or GPL Version 2 licenses.
     *
     * http://github.com/scottgonzalez/jquery-ui-extensions
     */
    (function( $ ) {

    var proto = $.ui.autocomplete.prototype,
    	initSource = proto._initSource;

    function filter( array, term ) {
    	var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
    	return $.grep( array, function(value) {
    		return matcher.test( $( "<div>" ).html( value.label || value.value || value ).text() );
    	});
    }

    $.extend( proto, {
    	_initSource: function() {
    		if ( this.options.html && $.isArray(this.options.source) ) {
    			this.source = function( request, response ) {
    				response( filter( this.options.source, request.term ) );
    			};
    		} else {
    			initSource.call( this );
    		}
    	},

    	_renderItem: function( ul, item) {
    		return $( "<li></li>" )
    			.data( "item.autocomplete", item )
    			.append( $( "<a></a>" )[ this.options.html ? "html" : "text" ]( item.label ) )
    			.appendTo( ul );
    	}
    });

    })( jQuery );

    /***
    _accounts application specific javascript
    ***/
    var link;
    ts.init(function(ts) {
    	if(ts.user.anon) { // redirect to homepage when user not logged in
    		window.location = ts.getHost();
    	} else if(ts.user.name === ts.currentSpace){
    		initSiteIconUpload(ts.user.name);
    	} else {
    		link = $("<a />").attr("href", ts.getHost(ts.user.name) + "/_account").text("Change User Icon");
    		$("#siteiconArea div").empty().append(link);
    	}
    	$(".hostSuffix").text("." + ts.getHost("").split("//")[1]);
    	ts.getSpaces(function(spaces) {
    		$("<div class='info' />").text("You have " + spaces.length + " spaces.").insertBefore($(".spaceSearch")[0]);
    		$("form.spaceSearch input").autocomplete({
    			html: true,
    			source: function(req, response) {
    				ts.getSpaces(function(spaces) {
    					var selected = [];
    					for(var i = 0; i < spaces.length; i++) {
    						var space = spaces[i];
    						if(space.name.indexOf(req.term) > -1) {
    							var host = ts.getHost(space.name) ;
    							var img = host + "/SiteIcon";
    							selected.push({
    								value: space.name,
    								label: '<a href="' + host + '" target="_parent" class="autocompleteLink"><img src="' + img + '" style="height:24px;width:auto;max-height:24px;max-width:24px;"/>' + space.name + '</a>'
    							});
    						}
    					}
    					response(selected);
    				});
    			},
    			select: function(event, ui) {
    				window.top.location = ts.getHost(ui.item.value);
    			}
    		});

    		var $ul = $('.ts-space-search');
    		$.each(spaces, function(i, space) {
    			$ul.append($('<li/>').html($('<a/>').attr('href', space.uri)
    				.text(space.name)));
    		});

    		$('form.spaceSearch button').click(function(ev) {
    			$('.list-container').slideToggle('fast');
    			ev.preventDefault();
    			return false;
    		});
    	});
    });

    if(window != window.top) {
    	$("html").addClass("iframeMode");
    	$("a").live("click",function(ev) {
    		$(ev.target).attr("target", "_parent");
    	});
    }
    </script>
    <!--[if lt IE 8]>
    <script type="text/javascript" src="/bags/common/tiddlers/json2.js"></script>
    <![endif]-->
    </body>
    </html>

    !Upload an icon
    <<tiddler spaceIcon>>
    !Describe your space
    If you haven't already done so, you should provide a brief decscription of yourself and what you're using this space for. To do this, just edit the [[SiteInfo]] tiddler (keeping the title the same of course).

    !Change the title
    <<tiddler spaceTitle>>
    !Change the theme
    <<tiddler colorScheme>>
    !Change the menu
    If you'd like to change the menu items along the top, you can edit the [[MainMenu]] tiddler.

    !Change the default tiddlers
    <<tiddler setDefaultTiddlers>>
    !More Advanced customisations
    If you know HTML and CSS, you can edit some or all of the following tiddlers to customise your space further:
    * PageTemplate
    * EditTemplate
    * ViewTemplate
    * StyleSheet

    /***
    |''Name''|TiddlySpaceConfig|
    |''Version''|0.7.7|
    |''Description''|TiddlySpace configuration|
    |''Status''|stable|
    |''Source''|http://github.com/TiddlySpace/tiddlyspace/raw/master/src/plugins/TiddlySpaceConfig.js|
    |''CoreVersion''|2.6.1|
    |''Requires''|TiddlyWebConfig ServerSideSavingPlugin TiddlyFileImporter|
    !Code
    ***/
    //{{{
    (function($) {

    var tweb = config.extensions.tiddlyweb;

    var recipe = config.defaultCustomFields["server.workspace"].split("recipes/")[1];
    var currentSpace; // assigned later

    var disabledTabs = [];

    var coreBags = ["system", "tiddlyspace"];
    var systemSpaces = ["plugins", "info", "images", "theme"];
    systemSpaces = $.map(systemSpaces, function(item, i) {
    	return "system-%0_public".format(item);
    });

    // hijack search macro to add custom attributes for mobile devices
    var _search = config.macros.search.handler;
    config.macros.search.handler = function(place, macroName, params) {
    	_search.apply(this, arguments);
    	$(".searchField:input", place).
    		attr({ autocapitalize: "off", autocorrect: "off" });
    };

    // arg is either a container name or a tiddler object
    // if fuzzy is truthy, space may be inferred from workspace (for new tiddlers)
    // returns space object or false
    var determineSpace = function(arg, fuzzy) {
    	if(typeof arg == "string") { // container name
    		var space = split(arg, "_", "r");
    		return ["public", "private"].contains(space.type) ? space : false;
    	} else if(arg) { // tiddler
    		var container = determineContainer(arg, fuzzy);
    		return container ? determineSpace(container.name, fuzzy) : false;
    	} else {
    		return false;
    	}
    };

    // if fuzzy is truthy, container may be inferred from workspace for new tiddlers
    // returns container object or false
    var determineContainer = function(tiddler, fuzzy) { // TODO: expose?
    	var bag = tiddler.fields["server.bag"];
    	var recipe = tiddler.fields["server.recipe"]; // XXX: unused/irrelevant/redundant!?
    	if(bag) {
    		return { type: "bag", name: bag };
    	} else if(recipe) {
    		return { type: "recipe", name: recipe };
    	} else if(fuzzy) { // new tiddler
    		var workspace = tiddler.fields["server.workspace"];
    		if(workspace) {
    			var container = split(workspace, "/", "l");
    			return ["bags", "recipes"].contains(container.type) ? container : false;
    		} else {
    			return false;
    		}
    	} else {
    		return false;
    	}
    };

    // hijack removeTiddlerCallback to restore tiddler from recipe cascade -- TODO: move into TiddlyWebWiki?
    var sssp = config.extensions.ServerSideSavingPlugin;
    var _removeTiddlerCallback = sssp.removeTiddlerCallback;
    sssp.removeTiddlerCallback = function(context, userParams) {
    	var title = context.tiddler.title;
    	var recipe = context.tiddler.fields["server.recipe"];
    	_removeTiddlerCallback.apply(this, arguments);
    	if(recipe) {
    		context.workspace = "recipes/" + recipe;
    		var callback = function(context, userParams) {
    			if(context.status) {
    				var dirty = store.isDirty();
    				store.saveTiddler(context.tiddler).clearChangeCount();
    				store.setDirty(dirty);
    			} else {
    				store.notify(title, true);
    			}
    		};
    		context.adaptor.getTiddler(title, context, null, callback);
    	}
    };

    // splits a string once using delimiter
    // mode "l" splits at the first, "r" at the last occurrence
    // returns an object with members type and name
    var split = function(str, sep, mode) {
    	mode = mode == "r" ? "pop" : "shift"; // TODO: use +/-1 instead of "l"/"r"?
    	var arr = str.split(sep);
    	var type = arr.length > 1 ? arr[mode]() : null;
    	return { type: type, name: arr.join(sep) };
    };

    var plugin = config.extensions.tiddlyspace = {
    	currentSpace: determineSpace(recipe),
    	coreBags: coreBags.concat(systemSpaces),

    	determineSpace: determineSpace,
    	isValidSpaceName: function(name) {
    		return name.match(/^[a-z][0-9a-z\-]*[0-9a-z]$/) ? true : false;
    	},
    	getCurrentBag: function(type) {
    		return "%0_%1".format(currentSpace, type);
    	},
    	getCurrentWorkspace: function(type) {
    		return "bags/" + this.getCurrentBag(type);
    	},
    	// returns the URL for a space's avatar (SiteIcon) based on a server_host
    	// object and an optional space name
    	// optional nocors argument prevents cross-domain URLs from being generated
    	getAvatar: function(host, space, nocors) {
    		if(space && typeof space != "string") { // backwards compatibility -- XXX: deprecated
    			space = space.name;
    		}
    		var subdomain = nocors ? currentSpace : space;
    		host = host ? this.getHost(host, subdomain) : "";
    		var bag = space ? "%0_public".format(space) : "tiddlyspace";
    		return "%0/bags/%1/tiddlers/SiteIcon".format(host, bag);
    	},
    	// returns the URL based on a server_host object (scheme, host, port) and an
    	// optional subdomain
    	getHost: function(host, subdomain) {
    		if(host === undefined) { // offline
    			tweb.status.server_host = {}; // prevents exceptions further down the stack -- XXX: hacky workaround, breaks encapsulation
    			return null;
    		}
    		subdomain = subdomain ? subdomain + "." : "";
    		var url = "%0://%1%2".format(host.scheme, subdomain, host.host);
    		var port = host.port;
    		if(port && !["80", "443"].contains(port)) {
    			url += ":" + port;
    		}
    		return url;
    	},
    	disableTab: function(tabTiddler) {
    		if(typeof(tabTiddler) == "string") {
    			disabledTabs.push(tabTiddler);
    		} else {
    			for(var i = 0; i < tabTiddler.length; i++) {
    				plugin.disableTab(tabTiddler[i]);
    			}
    		}
    	},
        checkSyncStatus: function(tiddler) {
    		if(tiddler) {
    			var title = typeof(tiddler) === "string" ? tiddler : tiddler.title;
    			var el = story.getTiddler(title) || false;
    			if(el) {
    				refreshElements(el);
    			}
    		}
    	},
    	isDisabledTab: function(tabTitle) {
    		var match = new RegExp("(?:\\[\\[([^\\]]+)\\]\\])", "mg").exec(tabTitle);
    		var tabIdentifier = match ? match[1] : tabTitle;
    		return disabledTabs.contains(tabIdentifier);
    	},
    	getCSRFToken: window.getCSRFToken || null // this may not have been processed yet
    };

    currentSpace = plugin.currentSpace.name;

    tweb.serverPrefix = tweb.host.split("/")[3] || ""; // XXX: assumes root handler
    tweb.getStatus(function(status) {
    	var url = plugin.getHost(status.server_host);
    	tweb.status.server_host.url = url;
    	config.messages.tsVersion = status.version;
    });

    if(window.location.protocol == "file:") {
    	// enable AutoSave by default
    	config.options.chkAutoSave = config.options.chkAutoSave === undefined ?
    		true : config.options.chkAutoSave;
    } else {
    	// set global read-only mode based on membership heuristics
    	var indicator = store.getTiddler("SiteTitle") || tiddler;
    	readOnly = !(recipe.split("_").pop() == "private" ||
    		tweb.hasPermission("write", indicator));
    	// replace TiddlyWiki's ImportTiddlers due to cross-domain restrictions
    	if(config.macros.fileImport) {
    		$.extend(config.macros.importTiddlers, config.macros.fileImport);
    	}
    }

    // hijack saveChanges to ensure SystemSettings is private by default
    var _saveChanges = saveChanges;
    saveChanges = function(onlyIfDirty, tiddlers) {
    	if(tiddlers && tiddlers.length == 1 &&
    			tiddlers[0] && tiddlers[0].title == "SystemSettings") {
    		var fields = tiddlers[0].fields;
    		delete fields["server.recipe"];
    		fields["server.bag"] = plugin.getCurrentBag("private");
    		fields["server.workspace"] = plugin.getCurrentWorkspace("private");
    	}
    	return _saveChanges.apply(this, arguments);
    };

    // ensure backstage is always initialized
    // required to circumvent TiddlyWiki's read-only based handling
    config.macros.backstageInit = {
    	init: function() {
    		showBackstage = true;
    	}
    };

    // disable evaluated macro parameters for security reasons
    config.evaluateMacroParameters = "none";
    var _parseParams = String.prototype.parseParams;
    String.prototype.parseParams = function(defaultName, defaultValue, allowEval,
    		noNames, cascadeDefaults) {
    	if(config.evaluateMacroParameters == "none") {
    		arguments[2] = false;
    	}
    	return _parseParams.apply(this, arguments);
    };

    var _tabsMacro = config.macros.tabs.handler;
    config.macros.tabs.handler = function(place, macroName, params) {
    	var newParams = [params[0]]; // keep cookie name
    	for(var i = 1; i < params.length; i += 3) {
    		var tabTitle = params[i + 2];
    		if(!plugin.isDisabledTab(tabTitle)){
    			newParams = newParams.concat(params[i], params[i + 1], tabTitle);
    		}
    	}
    	_tabsMacro.apply(this, [place, macroName, newParams]);
    };

    // disable ControlView for XHRs by default
    $.ajaxSetup({
    	beforeSend: function(xhr) {
    		xhr.setRequestHeader("X-ControlView", "false");
    	}
    });
    // TiddlyWeb adaptor currently still uses httpReq, which needs extra magic -- XXX: obsolete this!
    var _httpReq = httpReq;
    httpReq = function(type, url, callback, params, headers, data, contentType,
    		username, password, allowCache) {
    	headers = headers || {};
    	headers["X-ControlView"] = "false";
    	_httpReq.apply(this, arguments);
    };

    // register style sheet for backstage separately (important)
    store.addNotification("StyleSheetBackstage", refreshStyles);

    // option for default privacy setting
    config.optionsDesc.chkPrivateMode = "Set your default privacy mode to private";
    config.optionsSource.chkPrivateMode = "setting";
    config.options.chkPrivateMode = config.options.chkPrivateMode || false;
    saveSystemSetting("chkPrivateMode", true);
    config.defaultCustomFields["server.workspace"] = plugin.
    	getCurrentWorkspace(config.options.chkPrivateMode ? "private" : "public");

    config.paramifiers.follow = {
    	onstart: function(v) {
    		if(!readOnly) {
    			var bag = "%0_public".format(currentSpace);
    			story.displayTiddler(null, v, DEFAULT_EDIT_TEMPLATE, null, null,
    				"server.bag:%0 server.workspace:bags/%0".format(bag));
    			story.setTiddlerTag(v, "follow", 1);
    			story.focusTiddler(v, "text");
    		}
    	}
    };

    var fImport = config.macros.fileImport;
    if(fImport) {
    	fImport.uploadTo = "Upload to: ";
    	var _createForm = config.macros.fileImport.createForm;
    	config.macros.fileImport.createForm = function(place, wizard, iframeName) {
    		var container = $("<div />").text(fImport.uploadTo).appendTo(place);
    		var select = $('<select name="mode" />').appendTo(container)[0];
    		$('<option value="private" selected>private</a>').appendTo(select);
    		$('<option value="public">public</a>').appendTo(select);
    		wizard.setValue("importmode", select);
    		_createForm.apply(this, [place, wizard, iframeName]);
    	};

    	var _onGet = config.macros.importTiddlers.onGetTiddler;
    	config.macros.importTiddlers.onGetTiddler = function(context, wizard) {
    		var type = $(wizard.getValue("importmode")).val();
    		var ws =  plugin.getCurrentWorkspace(type);
    		wizard.setValue("workspace", ws);
    		_onGet.apply(this, [context, wizard]);
    	};
    }

    config.extensions.ServerSideSavingPlugin.reportSuccess = function(msg, tiddler) {
    	plugin.checkSyncStatus(tiddler);
    	msg = config.extensions.ServerSideSavingPlugin.locale[msg];
    	var link = "/" + encodeURIComponent(tiddler.title);
    	displayMessage(msg.format([tiddler.title]), link);
    };

    })(jQuery);
    //}}}

    /***
    |''Name''|TiddlyWebAdaptor|
    |''Description''|adaptor for interacting with TiddlyWeb|
    |''Author:''|FND|
    |''Contributors''|Chris Dent, Martin Budden|
    |''Version''|1.4.10|
    |''Status''|stable|
    |''Source''|http://svn.tiddlywiki.org/Trunk/association/adaptors/TiddlyWebAdaptor.js|
    |''CodeRepository''|http://svn.tiddlywiki.org/Trunk/association/|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    |''CoreVersion''|2.5|
    |''Keywords''|serverSide TiddlyWeb|
    !Notes
    This plugin includes [[jQuery JSON|http://code.google.com/p/jquery-json/]].
    !To Do
    * createWorkspace
    * document custom/optional context attributes (e.g. filters, query, revision) and tiddler fields (e.g. server.title, origin)
    !Code
    ***/
    //{{{
    (function($) {

    var adaptor = config.adaptors.tiddlyweb = function() {};

    adaptor.prototype = new AdaptorBase();
    adaptor.serverType = "tiddlyweb";
    adaptor.serverLabel = "TiddlyWeb";
    adaptor.mimeType = "application/json";

    adaptor.parsingErrorMessage = "Error parsing result from server";
    adaptor.noBagErrorMessage = "no bag specified for tiddler";
    adaptor.locationIDErrorMessage = "no bag or recipe specified for tiddler"; // TODO: rename

    // retrieve current status (requires TiddlyWeb status plugin)
    adaptor.prototype.getStatus = function(context, userParams, callback) {
    	context = this.setContext(context, userParams, callback);
    	var uriTemplate = "%0/status";
    	var uri = uriTemplate.format([context.host]);
    	var req = httpReq("GET", uri, adaptor.getStatusCallback, context,
    		null, null, null, null, null, true);
    	return typeof req == "string" ? req : true;
    };

    adaptor.getStatusCallback = function(status, context, responseText, uri, xhr) {
    	context.status = responseText ? status : false;
    	try {
    		context.statusText = xhr.statusText;
    	} catch(exc) { // offline (Firefox)
    		context.status = false;
    		context.statusText = null;
    	}
    	context.httpStatus = xhr.status;
    	if(context.status) {
    		context.serverStatus = $.evalJSON(responseText); // XXX: error handling!?
    	}
    	if(context.callback) {
    		context.callback(context, context.userParams);
    	}
    };

    // retrieve a list of workspaces
    adaptor.prototype.getWorkspaceList = function(context, userParams, callback) {
    	context = this.setContext(context, userParams, callback);
    	context.workspaces = [];
    	var uriTemplate = "%0/recipes"; // XXX: bags?
    	var uri = uriTemplate.format([context.host]);
    	var req = httpReq("GET", uri, adaptor.getWorkspaceListCallback,
    		context, { accept: adaptor.mimeType }, null, null, null, null, true);
    	return typeof req == "string" ? req : true;
    };

    adaptor.getWorkspaceListCallback = function(status, context, responseText, uri, xhr) {
    	context.status = status;
    	context.statusText = xhr.statusText;
    	context.httpStatus = xhr.status;
    	if(status) {
    		try {
    			var workspaces = $.evalJSON(responseText);
    		} catch(ex) {
    			context.status = false; // XXX: correct?
    			context.statusText = exceptionText(ex, adaptor.parsingErrorMessage);
    			if(context.callback) {
    				context.callback(context, context.userParams);
    			}
    			return;
    		}
    		context.workspaces = workspaces.map(function(itm) { return { title: itm }; });
    	}
    	if(context.callback) {
    		context.callback(context, context.userParams);
    	}
    };

    // retrieve a list of tiddlers
    adaptor.prototype.getTiddlerList = function(context, userParams, callback) {
    	context = this.setContext(context, userParams, callback);
    	var uriTemplate = "%0/%1/%2/tiddlers%3";
    	var params = context.filters ? "?" + context.filters : "";
    	if(context.format) {
    		params = context.format + params;
    	}
    	var workspace = adaptor.resolveWorkspace(context.workspace);
    	var uri = uriTemplate.format([context.host, workspace.type + "s",
    		adaptor.normalizeTitle(workspace.name), params]);
    	var req = httpReq("GET", uri, adaptor.getTiddlerListCallback,
    		context, merge({ accept: adaptor.mimeType }, context.headers), null, null, null, null, true);
    	return typeof req == "string" ? req : true;
    };

    adaptor.getTiddlerListCallback = function(status, context, responseText, uri, xhr) {
    	context.status = status;
    	context.statusText = xhr.statusText;
    	context.httpStatus = xhr.status;
    	if(status) {
    		context.tiddlers = [];
    		try {
    			var tiddlers = $.evalJSON(responseText); //# NB: not actual tiddler instances
    		} catch(ex) {
    			context.status = false; // XXX: correct?
    			context.statusText = exceptionText(ex, adaptor.parsingErrorMessage);
    			if(context.callback) {
    				context.callback(context, context.userParams);
    			}
    			return;
    		}
    		for(var i = 0; i < tiddlers.length; i++) {
    			var tiddler = adaptor.toTiddler(tiddlers[i], context.host);
    			context.tiddlers.push(tiddler);
    		}
    	}
    	if(context.callback) {
    		context.callback(context, context.userParams);
    	}
    };

    // perform global search
    adaptor.prototype.getSearchResults = function(context, userParams, callback) {
    	context = this.setContext(context, userParams, callback);
    	var uriTemplate = "%0/search?q=%1%2";
    	var filterString = context.filters ? ";" + context.filters : "";
    	var uri = uriTemplate.format([context.host, context.query, filterString]); // XXX: parameters need escaping?
    	var req = httpReq("GET", uri, adaptor.getSearchResultsCallback,
    		context, { accept: adaptor.mimeType }, null, null, null, null, true);
    	return typeof req == "string" ? req : true;
    };

    adaptor.getSearchResultsCallback = function(status, context, responseText, uri, xhr) {
    	adaptor.getTiddlerListCallback(status, context, responseText, uri, xhr); // XXX: use apply?
    };

    // retrieve a particular tiddler's revisions
    adaptor.prototype.getTiddlerRevisionList = function(title, limit, context, userParams, callback) {
    	context = this.setContext(context, userParams, callback);
    	var uriTemplate = "%0/%1/%2/tiddlers/%3/revisions";
    	var workspace = adaptor.resolveWorkspace(context.workspace);
    	var uri = uriTemplate.format([context.host, workspace.type + "s",
    		adaptor.normalizeTitle(workspace.name), adaptor.normalizeTitle(title)]);
    	var req = httpReq("GET", uri, adaptor.getTiddlerRevisionListCallback,
    		context, merge({ accept: adaptor.mimeType }, context.headers), null, null, null, null, true);
    	return typeof req == "string" ? req : true;
    };

    adaptor.getTiddlerRevisionListCallback = function(status, context, responseText, uri, xhr) {
    	context.status = status;
    	context.statusText = xhr.statusText;
    	context.httpStatus = xhr.status;
    	if(status) {
    		context.revisions = [];
    		try {
    			var tiddlers = $.evalJSON(responseText); //# NB: not actual tiddler instances
    		} catch(ex) {
    			context.status = false; // XXX: correct?
    			context.statusText = exceptionText(ex, adaptor.parsingErrorMessage);
    			if(context.callback) {
    				context.callback(context, context.userParams);
    			}
    			return;
    		}
    		for(var i = 0; i < tiddlers.length; i++) {
    			var tiddler = adaptor.toTiddler(tiddlers[i], context.host);
    			context.revisions.push(tiddler);
    		}
    		var sortField = "server.page.revision";
    		context.revisions.sort(function(a, b) {
    			return a.fields[sortField] < b.fields[sortField] ? 1 :
    				(a.fields[sortField] == b.fields[sortField] ? 0 : -1);
    		});
    	}
    	if(context.callback) {
    		context.callback(context, context.userParams);
    	}
    };

    // retrieve an individual tiddler revision -- XXX: breaks with standard arguments list -- XXX: convenience function; simply use getTiddler?
    adaptor.prototype.getTiddlerRevision = function(title, revision, context, userParams, callback) {
    	context = this.setContext(context, userParams, callback);
    	context.revision = revision;
    	return this.getTiddler(title, context, userParams, callback);
    };

    // retrieve an individual tiddler
    //# context is an object with members host and workspace
    //# callback is passed the new context and userParams
    adaptor.prototype.getTiddler = function(title, context, userParams, callback) {
    	context = this.setContext(context, userParams, callback);
    	context.title = title;
    	if(context.revision) {
    		var uriTemplate = "%0/%1/%2/tiddlers/%3/revisions/%4";
    	} else {
    		uriTemplate = "%0/%1/%2/tiddlers/%3";
    	}
    	if(!context.tiddler) {
    		context.tiddler = new Tiddler(title);
    	}
    	context.tiddler.fields["server.type"] = adaptor.serverType;
    	context.tiddler.fields["server.host"] = AdaptorBase.minHostName(context.host);
    	context.tiddler.fields["server.workspace"] = context.workspace;
    	var workspace = adaptor.resolveWorkspace(context.workspace);
    	var uri = uriTemplate.format([context.host, workspace.type + "s",
    		adaptor.normalizeTitle(workspace.name), adaptor.normalizeTitle(title),
    		context.revision]);
    	var req = httpReq("GET", uri, adaptor.getTiddlerCallback, context,
    		merge({ accept: adaptor.mimeType }, context.headers), null, null, null, null, true);
    	return typeof req == "string" ? req : true;
    };

    adaptor.getTiddlerCallback = function(status, context, responseText, uri, xhr) {
    	context.status = status;
    	context.statusText = xhr.statusText;
    	context.httpStatus = xhr.status;
    	if(status) {
    		try {
    			var tid = $.evalJSON(responseText);
    		} catch(ex) {
    			context.status = false;
    			context.statusText = exceptionText(ex, adaptor.parsingErrorMessage);
    			if(context.callback) {
    				context.callback(context, context.userParams);
    			}
    			return;
    		}
    		var tiddler = adaptor.toTiddler(tid, context.host);
    		tiddler.title = context.tiddler.title;
    		tiddler.fields["server.etag"] = xhr.getResponseHeader("Etag");
    		// normally we'd assign context.tiddler = tiddler here - but we can't do
    		// that because of IE, which triggers getTiddler in putTiddlerCallback,
    		// and since ServerSideSavingPlugin foolishly relies on persistent
    		// object references, we need to merge the data into the existing object
    		$.extend(context.tiddler, tiddler);
    	}
    	if(context.callback) {
    		context.callback(context, context.userParams);
    	}
    };

    // retrieve tiddler chronicle (all revisions)
    adaptor.prototype.getTiddlerChronicle = function(title, context, userParams, callback) {
    	context = this.setContext(context, userParams, callback);
    	context.title = title;
    	var uriTemplate = "%0/%1/%2/tiddlers/%3/revisions?fat=1";
    	var workspace = adaptor.resolveWorkspace(context.workspace);
    	var uri = uriTemplate.format([context.host, workspace.type + "s",
    		adaptor.normalizeTitle(workspace.name), adaptor.normalizeTitle(title)]);
    	var req = httpReq("GET", uri, adaptor.getTiddlerChronicleCallback,
    		context, { accept: adaptor.mimeType }, null, null, null, null, true);
    	return typeof req == "string" ? req : true;
    };

    adaptor.getTiddlerChronicleCallback = function(status, context, responseText, uri, xhr) {
    	context.status = status;
    	context.statusText = xhr.statusText;
    	context.httpStatus = xhr.status;
    	if(status) {
    		context.responseText = responseText;
    	}
    	if(context.callback) {
    		context.callback(context, context.userParams);
    	}
    };

    // store an individual tiddler
    adaptor.prototype.putTiddler = function(tiddler, context, userParams, callback) {
    	context = this.setContext(context, userParams, callback);
    	context.title = tiddler.title;
    	context.tiddler = tiddler;
    	context.host = context.host || this.fullHostName(tiddler.fields["server.host"]);
    	var uriTemplate = "%0/%1/%2/tiddlers/%3";
    	try {
    		context.workspace = context.workspace || tiddler.fields["server.workspace"];
    		var workspace = adaptor.resolveWorkspace(context.workspace);
    	} catch(ex) {
    		return adaptor.locationIDErrorMessage;
    	}
    	var uri = uriTemplate.format([context.host, workspace.type + "s",
    		adaptor.normalizeTitle(workspace.name),
    		adaptor.normalizeTitle(tiddler.title)]);
    	var etag = adaptor.generateETag(workspace, tiddler);
    	var headers = etag ? { "If-Match": etag } : null;
    	var payload = {
    		type: tiddler.fields["server.content-type"] || null,
    		text: tiddler.text,
    		tags: tiddler.tags,
    		fields: $.extend({}, tiddler.fields)
    	};
    	delete payload.fields.changecount;
    	$.each(payload.fields, function(key, value) {
    		if(key.indexOf("server.") == 0) {
    			delete payload.fields[key];
    		}
    	});
    	payload = $.toJSON(payload);
    	var req = httpReq("PUT", uri, adaptor.putTiddlerCallback,
    		context, headers, payload, adaptor.mimeType, null, null, true);
    	return typeof req == "string" ? req : true;
    };

    adaptor.putTiddlerCallback = function(status, context, responseText, uri, xhr) {
    	context.status = [204, 1223].contains(xhr.status);
    	context.statusText = xhr.statusText;
    	context.httpStatus = xhr.status;
    	if(context.status) {
    		var loc = xhr.getResponseHeader("Location");
    		var etag = xhr.getResponseHeader("Etag");
    		if(loc && etag) {
    			var bag = loc.split("/bags/").pop().split("/")[0];
    			context.tiddler.fields["server.bag"] = bag;
    			context.tiddler.fields["server.workspace"] = "bags/" + bag;
    			var rev = etag.split("/").pop().split(/;|:/)[0];
    			context.tiddler.fields["server.page.revision"] = rev;
    			context.tiddler.fields["server.etag"] = etag;
    			if(context.callback) {
    				context.callback(context, context.userParams);
    			}
    		} else { // IE
    			context.adaptor.getTiddler(context.tiddler.title, context,
    				context.userParams, context.callback);
    		}
    	} else if(context.callback) {
    		context.callback(context, context.userParams);
    	}
    };

    // store a tiddler chronicle
    adaptor.prototype.putTiddlerChronicle = function(revisions, context, userParams, callback) {
    	context = this.setContext(context, userParams, callback);
    	context.title = revisions[0].title;
    	var headers = null;
    	var uriTemplate = "%0/%1/%2/tiddlers/%3/revisions";
    	var host = context.host || this.fullHostName(tiddler.fields["server.host"]);
    	var workspace = adaptor.resolveWorkspace(context.workspace);
    	var uri = uriTemplate.format([host, workspace.type + "s",
    		adaptor.normalizeTitle(workspace.name),
    		adaptor.normalizeTitle(context.title)]);
    	if(workspace.type == "bag") { // generate ETag
    		var etag = [adaptor.normalizeTitle(workspace.name),
    			adaptor.normalizeTitle(context.title), 0].join("/"); //# zero-revision prevents overwriting existing contents
    		headers = { "If-Match": '"' + etag + '"' };
    	}
    	var payload = $.toJSON(revisions);
    	var req = httpReq("POST", uri, adaptor.putTiddlerChronicleCallback,
    		context, headers, payload, adaptor.mimeType, null, null, true);
    	return typeof req == "string" ? req : true;
    };

    adaptor.putTiddlerChronicleCallback = function(status, context, responseText, uri, xhr) {
    	context.status = [204, 1223].contains(xhr.status);
    	context.statusText = xhr.statusText;
    	context.httpStatus = xhr.status;
    	if(context.callback) {
    		context.callback(context, context.userParams);
    	}
    };

    // store a collection of tiddlers (import TiddlyWiki HTML store)
    adaptor.prototype.putTiddlerStore = function(store, context, userParams, callback) {
    	context = this.setContext(context, userParams, callback);
    	var uriTemplate = "%0/%1/%2/tiddlers";
    	var host = context.host;
    	var workspace = adaptor.resolveWorkspace(context.workspace);
    	var uri = uriTemplate.format([host, workspace.type + "s",
    		adaptor.normalizeTitle(workspace.name)]);
    	var req = httpReq("POST", uri, adaptor.putTiddlerStoreCallback,
    		context, null, store, "text/x-tiddlywiki", null, null, true);
    	return typeof req == "string" ? req : true;
    };

    adaptor.putTiddlerStoreCallback = function(status, context, responseText, uri, xhr) {
    	context.status = [204, 1223].contains(xhr.status);
    	context.statusText = xhr.statusText;
    	context.httpStatus = xhr.status;
    	if(context.callback) {
    		context.callback(context, context.userParams);
    	}
    };

    // rename an individual tiddler or move it to a different workspace -- TODO: make {from|to}.title optional
    //# from and to are objects with members title and workspace (bag; optional),
    //# representing source and target tiddler, respectively
    adaptor.prototype.moveTiddler = function(from, to, context, userParams, callback) { // XXX: rename parameters (old/new)?
    	var self = this;
    	var newTiddler = store.getTiddler(from.title) || store.getTiddler(to.title); //# local rename might already have occurred
    	var oldTiddler = $.extend(true, {}, newTiddler); //# required for eventual deletion
    	oldTiddler.title = from.title; //# required for original tiddler's ETag
    	var _getTiddlerChronicle = function(title, context, userParams, callback) {
    		return self.getTiddlerChronicle(title, context, userParams, callback);
    	};
    	var _putTiddlerChronicle = function(context, userParams) {
    		if(!context.status) {
    			return callback(context, userParams);
    		}
    		var revisions = $.evalJSON(context.responseText); // XXX: error handling?
    		// change current title while retaining previous location
    		for(var i = 0; i < revisions.length; i++) {
    			delete revisions[i].revision;
    			if(!revisions[i].fields.origin) { // NB: origin = "<workspace>/<title>"
    				revisions[i].fields.origin = ["bags", revisions[i].bag, revisions[i].title].join("/");
    			}
    			revisions[i].title = to.title;
    		}
    		// add new revision
    		var rev = $.extend({}, revisions[0]);
    		$.each(newTiddler, function(i, item) {
    			if(!$.isFunction(item)) {
    				rev[i] = item;
    			}
    		});
    		rev.title = to.title;
    		rev.created = rev.created.convertToYYYYMMDDHHMM();
    		rev.modified = new Date().convertToYYYYMMDDHHMM();
    		delete rev.fields.changecount;
    		revisions.unshift(rev);
    		if(to.workspace) {
    			context.workspace = to.workspace;
    		} else if(context.workspace.substring(0, 4) != "bags") { // NB: target workspace must be a bag
    			context.workspace = "bags/" + rev.bag;
    		}
    		var subCallback = function(context, userParams) {
    			if(!context.status) {
    				return callback(context, userParams);
    			}
    			context.adaptor.getTiddler(newTiddler.title, context, userParams, _deleteTiddler);
    		};
    		return self.putTiddlerChronicle(revisions, context, context.userParams, subCallback);
    	};
    	var _deleteTiddler = function(context, userParams) {
    		if(!context.status) {
    			return callback(context, userParams);
    		}
    		$.extend(true, newTiddler, context.tiddler);
    		context.callback = null;
    		return self.deleteTiddler(oldTiddler, context, context.userParams, callback);
    	};
    	callback = callback || function() {};
    	context = this.setContext(context, userParams);
    	context.host = context.host || oldTiddler.fields["server.host"];
    	context.workspace = from.workspace || oldTiddler.fields["server.workspace"];
    	return _getTiddlerChronicle(from.title, context, userParams, _putTiddlerChronicle);
    };

    // delete an individual tiddler
    adaptor.prototype.deleteTiddler = function(tiddler, context, userParams, callback) {
    	context = this.setContext(context, userParams, callback);
    	context.title = tiddler.title; // XXX: not required!?
    	var uriTemplate = "%0/bags/%1/tiddlers/%2";
    	var host = context.host || this.fullHostName(tiddler.fields["server.host"]);
    	var bag = tiddler.fields["server.bag"];
    	if(!bag) {
    		return adaptor.noBagErrorMessage;
    	}
    	var uri = uriTemplate.format([host, adaptor.normalizeTitle(bag),
    		adaptor.normalizeTitle(tiddler.title)]);
    	var etag = adaptor.generateETag({ type: "bag", name: bag }, tiddler);
    	var headers = etag ? { "If-Match": etag } : null;
    	var req = httpReq("DELETE", uri, adaptor.deleteTiddlerCallback, context, headers,
    		null, null, null, null, true);
    	return typeof req == "string" ? req : true;
    };

    adaptor.deleteTiddlerCallback = function(status, context, responseText, uri, xhr) {
    	context.status = [204, 1223].contains(xhr.status);
    	context.statusText = xhr.statusText;
    	context.httpStatus = xhr.status;
    	if(context.callback) {
    		context.callback(context, context.userParams);
    	}
    };

    // compare two revisions of a tiddler (requires TiddlyWeb differ plugin)
    //# if context.rev1 is not specified, the latest revision will be used for comparison
    //# if context.rev2 is not specified, the local revision will be sent for comparison
    //# context.format is a string as determined by the TiddlyWeb differ plugin
    adaptor.prototype.getTiddlerDiff = function(title, context, userParams, callback) {
    	context = this.setContext(context, userParams, callback);
    	context.title = title;

    	var tiddler = store.getTiddler(title);
    	try {
    		var workspace = adaptor.resolveWorkspace(tiddler.fields["server.workspace"]);
    	} catch(ex) {
    		return adaptor.locationIDErrorMessage;
    	}
    	var tiddlerRef = [workspace.type + "s", workspace.name, tiddler.title].join("/");

    	var rev1 = context.rev1 ? [tiddlerRef, context.rev1].join("/") : tiddlerRef;
    	var rev2 = context.rev2 ? [tiddlerRef, context.rev2].join("/") : null;

    	var uriTemplate = "%0/diff?rev1=%1";
    	if(rev2) {
    		uriTemplate += "&rev2=%2";
    	}
    	if(context.format) {
    		uriTemplate += "&format=%3";
    	}
    	var host = context.host || this.fullHostName(tiddler.fields["server.host"]);
    	var uri = uriTemplate.format([host, adaptor.normalizeTitle(rev1),
    		adaptor.normalizeTitle(rev2), context.format]);

    	if(rev2) {
    		var req = httpReq("GET", uri, adaptor.getTiddlerDiffCallback, context, null,
    			null, null, null, null, true);
    	} else {
    		var payload = {
    			title: tiddler.title,
    			text: tiddler.text,
    			modifier: tiddler.modifier,
    			tags: tiddler.tags,
    			fields: $.extend({}, tiddler.fields)
    		}; // XXX: missing attributes!?
    		payload = $.toJSON(payload);
    		req = httpReq("POST", uri, adaptor.getTiddlerDiffCallback, context,
    			null, payload, adaptor.mimeType, null, null, true);
    	}
    	return typeof req == "string" ? req : true;
    };

    adaptor.getTiddlerDiffCallback = function(status, context, responseText, uri, xhr) {
    	context.status = status;
    	context.statusText = xhr.statusText;
    	context.httpStatus = xhr.status;
    	context.uri = uri;
    	if(status) {
    		context.diff = responseText;
    	}
    	if(context.callback) {
    		context.callback(context, context.userParams);
    	}
    };

    // generate tiddler information
    adaptor.prototype.generateTiddlerInfo = function(tiddler) {
    	var info = {};
    	var uriTemplate = "%0/%1/%2/tiddlers/%3";
    	var host = this.host || tiddler.fields["server.host"]; // XXX: this.host obsolete?
    	host = this.fullHostName(host);
    	var workspace = adaptor.resolveWorkspace(tiddler.fields["server.workspace"]);
    	info.uri = uriTemplate.format([host, workspace.type + "s",
    		adaptor.normalizeTitle(workspace.name),
    		adaptor.normalizeTitle(tiddler.title)]);
    	return info;
    };

    // create Tiddler instance from TiddlyWeb tiddler JSON
    adaptor.toTiddler = function(json, host) {
    	var created = Date.convertFromYYYYMMDDHHMM(json.created);
    	var modified = Date.convertFromYYYYMMDDHHMM(json.modified);
    	var fields = json.fields;
    	fields["server.type"] = adaptor.serverType;
    	fields["server.host"] = AdaptorBase.minHostName(host);
    	fields["server.bag"] = json.bag;
    	fields["server.title"] = json.title;
    	if(json.recipe) {
    		fields["server.recipe"] = json.recipe;
    	}
    	if(json.type && json.type != "None") {
    		fields["server.content-type"] = json.type;
    	}
    	fields["server.permissions"] = json.permissions.join(", ");
    	fields["server.page.revision"] = json.revision;
    	fields["server.workspace"] = "bags/" + json.bag;
    	var tiddler = new Tiddler(json.title);
    	tiddler.assign(tiddler.title, json.text, json.modifier, modified, json.tags,
    		created, json.fields, json.creator);
    	return tiddler;
    };

    adaptor.resolveWorkspace = function(workspace) {
    	var components = workspace.split("/");
    	return {
    		type: components[0] == "bags" ? "bag" : "recipe",
    		name: components[1] || components[0]
    	};
    };

    adaptor.generateETag = function(workspace, tiddler) {
    	var revision = tiddler.fields["server.page.revision"];
    	var etag = revision == "false" ? null : tiddler.fields["server.etag"];
    	if(!etag && workspace.type == "bag") {
    		if(typeof revision == "undefined") {
    			revision = "0";
    		} else if(revision == "false") {
    			return null;
    		}
    		etag = [adaptor.normalizeTitle(workspace.name),
    			adaptor.normalizeTitle(tiddler.title), revision].join("/");
    		etag = '"' + etag + '"';
    	}
    	return etag;
    };

    adaptor.normalizeTitle = function(title) {
    	return encodeURIComponent(title);
    };

    })(jQuery);

    /*
     * jQuery JSON Plugin
     * version: 1.3
     * source: http://code.google.com/p/jquery-json/
     * license: MIT (http://www.opensource.org/licenses/mit-license.php)
     */
    (function($){function toIntegersAtLease(n)
    {return n<10?'0'+n:n;}
    Date.prototype.toJSON=function(date)
    {return this.getUTCFullYear()+'-'+
    toIntegersAtLease(this.getUTCMonth())+'-'+
    toIntegersAtLease(this.getUTCDate());};var escapeable=/["\\\x00-\x1f\x7f-\x9f]/g;var meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'};$.quoteString=function(string)
    {if(escapeable.test(string))
    {return'"'+string.replace(escapeable,function(a)
    {var c=meta[a];if(typeof c==='string'){return c;}
    c=a.charCodeAt();return'\\u00'+Math.floor(c/16).toString(16)+(c%16).toString(16);})+'"';}
    return'"'+string+'"';};$.toJSON=function(o,compact)
    {var type=typeof(o);if(type=="undefined")
    return"undefined";else if(type=="number"||type=="boolean")
    return o+"";else if(o===null)
    return"null";if(type=="string")
    {return $.quoteString(o);}
    if(type=="object"&&typeof o.toJSON=="function")
    return o.toJSON(compact);if(type!="function"&&typeof(o.length)=="number")
    {var ret=[];for(var i=0;i<o.length;i++){ret.push($.toJSON(o[i],compact));}
    if(compact)
    return"["+ret.join(",")+"]";else
    return"["+ret.join(", ")+"]";}
    if(type=="function"){throw new TypeError("Unable to convert object of type 'function' to json.");}
    var ret=[];for(var k in o){var name;type=typeof(k);if(type=="number")
    name='"'+k+'"';else if(type=="string")
    name=$.quoteString(k);else
    continue;var val=$.toJSON(o[k],compact);if(typeof(val)!="string"){continue;}
    if(compact)
    ret.push(name+":"+val);else
    ret.push(name+": "+val);}
    return"{"+ret.join(", ")+"}";};$.compactJSON=function(o)
    {return $.toJSON(o,true);};$.evalJSON=function(src)
    {return eval("("+src+")");};$.secureEvalJSON=function(src)
    {var filtered=src;filtered=filtered.replace(/\\["\\\/bfnrtu]/g,'@');filtered=filtered.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']');filtered=filtered.replace(/(?:^|:|,)(?:\s*\[)+/g,'');if(/^[\],:{}\s]*$/.test(filtered))
    return eval("("+src+")");else
    throw new SyntaxError("Error parsing JSON, source is not valid.");};})(jQuery);
    //}}}

    /*{{{*/
    .tiddler .originButton div {
    	display: inline-block;
    }

    .tiddler .spaceSiteIcon .siteIcon {
    	_display: inline; /* IE doesn't like inline-block */
    }

    .tiddler .originButton {
    	display: block;
    }

    .selected .tagging,
    .selected .tagging:hover {
    	border: none;
    	background: none;
    }

    .tagging {
    	float: none;
    	background: none;
    	border: none;
    }

    .tagging li.listTitle {
    	margin-left: 0px;
    }
    .tagging li {
    	margin: 0 8px;
    }

    .tagging .tiddlyLink {
    	-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
    	-o-border-radius: 3px;
    	border-radius: 3px;
    	padding: 1px 2px;
    	line-height: 1.2em;
    }

    /* for following */
    #popup .siteIcon {
    	float: left;
    	height: 25px;
    }

    .content {
    	width: 100%; /* IE */
    	font-size: 0.9em;
    }

    .editorHeading {
    	height: 48px;
    }

    .heading {
    	left: 0;
    	margin-bottom: 40px;
    	position: relative;
    	top: 32px;
    }

    .followButton a {
    	display: block;
    	margin-top: -20px;
    }

    .tiddler .followPlaceHolder {
    	display: block;
    	position: absolute;
    	top: 16px;
    	right: 64px;
    	_right: 138px; // add width of modifierIcon
    }

    .tiddler .followButton {
    	position: relative;
    	height: 24px;
    	text-align: left;
    	color: #fff;
    	background: [[ColorPalette::PrimaryMid]];
    	padding: 10px 0px 0px 10px;
    	width: 38px;
    	margin: -16px -8px 24px 0;
    }

    /* creates the larger triangle */
    .followButton:before {
    	content: "\00a0";
    	display: block; /* reduce the damage in FF3.0 */
    	position: relative;
    	bottom: -20px;
    	right: 0;
    	width: 0;
    	height: 0;
    	border-width: 0 0 20px 20px;
    	border-style: solid;
    	border-color: transparent [[ColorPalette::PrimaryMid]];
    }

    .toolbar svg {
    	height: 16px;
    	width: 16px;
    }

    .toolbar svg .glyph {
    	fill: #ccc;
    }

    .toolbar a:hover .glyph {
    	fill: black;
    }

    .toolbar a:active .glyph {
    	fill: [[ColorPalette::Background]];
    }

    .originButton,
    .followPlaceHolder,
    .tiddler .subtitle {
    	cursor: pointer;
    }

    .editSpaceSiteIcon .originButton {
    	cursor: auto;
    }

    .tiddler .subtitle:hover {
    	font-weight: bold;
    	background: none;
    }

    .originButton img,
    .originButton svg {
    	margin-left: 0px;
    }

    .modifierIcon {
    	position: absolute;
    	width: 74px;
    	top: 0px;
    	right: 0px;
    	_right: 74px; /* in IE6 positioning works incorrectly so use -width instead */
    	text-align: right;
    }

    .modifierIcon img,
    .modifierIcon svg {
    	margin-right: 8px;
    }

    .tiddler .viewer {
    	padding-bottom: 16px;
    	margin: 0 0 0 56px;
    	line-height: 1.4em;
    }

    .viewer pre {
    	margin-left: 0;
    }

    .siteIcon .label {
    	color: [[ColorPalette::TertiaryDark]];
    }

    .tiddler .spaceSiteIcon {
    	float: left;
    	margin-right: 0;
    	margin-top: 0;
    	position: relative;
    	display: block;
    }

    .tiddler .titleBar {
    	display: block;
    	margin-right: 136px;
    	margin-left: 56px;
    }

    .followButton a {
    	color: [[ColorPalette::Background]];
    }

    .tiddler {
    	position: relative;
    	padding: 0;
    	margin-bottom: 3em;
    	border-top: 3px solid [[ColorPalette::PrimaryMid]];
    	background: #fff;
    }

    .tiddler .editor {
    	padding: 0px 8px;
    }

    .tiddler .heading .title {
    	position: relative;
    	display: block;
    	word-wrap: break-word;
    	font-size: 32px;
    	line-height: 32px;
    }
    .tiddler .heading .editor.title {
    	font-size: 1.7em;
    	line-height: normal;
    }

    .tiddler .headingClear {
    	clear: both;
    }

    .tiddler .subtitle {
    	font-style: italic;
    	font-size: 0.9em;
    	color: #a6a59e;
    	margin-top: 0;
    }

    .toolbar {
    	position: absolute;
    	padding: 0;
    	top: 8px;
    	right: -8px;
    }

    .toolbar .moreCommand.highlight {
    	background: none;
    }

    .tiddler .toolbar .button {
    	border: none;
    	display: inline;
    	padding: 0px;
    	margin-right: 16px;
    }

    .tiddler .toolbar a:hover {
    	background: none;
    }

    .tiddler .tagged .listTitle {
    	display: none;
    }

    .revButton {
    	float: right;
    }

    /*! EditTemplate specific*/
    .tiddler .privacySettings {
    	text-align: center;
    }
    .tiddler .privacySettings .originButton {
    	display: inline;
    }

    .editSpaceSiteIcon, .privacyEdit {
    	float: left;
    }

    .editSpaceSiteIcon svg,
    .editSpaceSiteIcon img,
    .editSpaceSiteIcon .roundelLabel {
    	float: left;
    }

    .tagTitle {
    	position: absolute;
    	text-align: center;
    	width: 48px;
    	top: 0px;
    	left: -56px;
    }

    .editSpaceSiteIcon .originButton img,
    .editSpaceSiteIcon .originButton svg {
    	height: 16px;
    	margin-left: 24px;
    	margin-right: 32px;
    	width: 16px;
    }

    .tagAnnotation {
    	margin-top: 8px;
    	padding-bottom: 8px;
    }
    .annotationsBox {
    	margin-top: 8px;
    }

    .editorFooter {
    	position: relative;
    	padding: 0;
    	margin-top: 16px;
    	margin-left: 64px;
    }

    .tiddler .editorFooter .editor {
    	padding-left: 0px;
    }

    .heading .editor input {
    	width: 100%;
    	font-size: 1.5em;
    }

    .spaceSiteIcon .externalImage .image a:hover,
    .modifierIcon .externalImage .image a:hover {
    	background: none;
    }

    div.toolbar {
    	visibility:hidden;
    	right:-16px;
    }

    .selected div.toolbar {
    	visibility: visible;
    }

    .followButton a:hover {
    	background: [[ColorPalette::PrimaryMid]];
    	text-decoration: underline;
    }

    a.image:hover {
    	background: transparent;
    }

    @media all and (max-device-width: 480px) {
    	div.toolbar {
    		visibility:visible;
    	}
    }
    @media only screen and (device-width: 768px) {
    	div.toolbar {
    		visibility:visible;
    	}
    }
    @media all and (max-width: 960px) {
    	.tiddler .titleBar {
    		margin-left: 36px;
    		margin-right: 80px;
    	}

    	.tiddler .heading {
    		margin-bottom: 48px;
    	}

    	.tiddler .heading .title {
    		font-size: 32px;
    		line-height: 32px;
    	}

    	.tiddler .modifierIcon img,
    	.tiddler .modifierIcon svg,
    	.tiddler .spaceSiteIcon .originButton img,
    	.originButton svg {
    		width: 32px;
    		height: 32px;
    		margin-left: 0px;
    		margin-right: 0px;
    	}

    	.tiddler .followPlaceHolder {
    		right: 48px;
    	}

    	.tiddler .followButton {
    		width: 24px;
    	}

    	.tiddler .viewer {
    		margin: 0px 0px 0px 36px;
    		padding-top: 0;
    	}

    	br {
    		line-height: 0.5em;
    	}
    }
    /*}}}*/

    ColorPalette
    StyleSheet
    SiteSubtitle
    GettingStarted
    SiteTitle
    MainMenu
    SiteIcon
    DefaultTiddlers
    ViewTemplate
    PageTemplate
    SideBarOptions
    EditTemplate
    SiteInfo
    SideBarTabs
    ToolbarCommands

    The title and subtitle of your space are visible to visitors and are also displayed in your browser's tabs. Click on the SiteTitle and SiteSubtitle tiddler links below to make changes.
    * [[SiteTitle]]
    * [[SiteSubtitle]]

    Added [[TaggedTemplatePlugin]] to your TiddlySpace to be able to apply a view/edit template based on a tag.
    A tiddler tagged with foo will be passed through fooViewTemplate or fooEditTemplate if they exist rather than ViewTemplate / EditTemplate.

    /***
    |''Name:''|TaggedTemplatePlugin|
    |''Description:''|Apply a view/edit template based on a tag |
    |''Author:''|PaulDowney (psd (at) osmosoft (dot) com)|
    |''CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/PaulDowney/plugins/TaggedTemplatePlugin |
    |''Version:''|1.0|
    |''License:''|[[BSD License|http://www.opensource.org/licenses/bsd-license.php]] |
    |''Comments:''|Please make comments at http://groups.google.co.uk/group/TiddlyWikiDev |
    |''~CoreVersion:''|2.4|
    |''Overrides''|Story.prototype.chooseTemplateForTiddler() |
    !!Documentation
    This plugin enables the application of a view or edit template based on a tag name.

    The priority of searching for duplicate templates has been designed to allow partially defined themes, in which missing templates are defaulted to ones defined as tiddlers.  Collation sequence is used to disambiguate collisions when a tiddler it tagged with more than one tag with an associated template. For example, tiddler tagged "Foo Bar" will result in a hunt for a template as follows:
    # in the current theme by tag:
    ##[[CurrentTheme]]##barViewTemplate
    ##[[CurrentTheme]]##fooViewTemplate
    # in a template for the tag:
    ##[[barViewTemplate]]
    ##[[fooViewTemplate]]
    # global in the current theme
    ##[[CurrentTheme]]##ViewTemplate
    # in the global tiddler
    ##[[ViewTemplate]]
    This plugin is used by RippleRap, TiddlyResume and a number of other verticals which use nested themes was based on Eric Shulman's [[TaggedTemplateTweak|http://www.TiddlyTools.com/#TaggedTemplateTweak]] plugin which at the time didn't support themes and searches in a different order.
    !!Code
    ***/
    //{{{
    /*jslint onevar: false nomen: false plusplus: false */
    /*global Story, store, config */
    if (!version.extensions.TaggedTemplatePlugin) {
        version.extensions.TaggedTemplatePlugin = {installed: true};

        Story.prototype._chooseTemplateForTiddler = Story.prototype.chooseTemplateForTiddler;
        Story.prototype.chooseTemplateForTiddler = function (title, n)
        {
            var slice, i, tags = [], tagTiddler;
            var tiddler = store.getTiddler(title);

            // translate number into template name
            var template = ["ViewTemplate", "EditTemplate"][n ? n - 1 : 0];

            // canonicalise tags
            if (tiddler) {
                for (i = 0; i < tiddler.tags.length; i++) {
                    tags.push(tiddler.tags[i].toLowerCase());
                }
                tags.sort();
            }

            // search theme for tagged template in the current theme
            if (tags.length && store.tiddlerExists(config.options.txtTheme)) {
                for (i = 0; i < tags.length; i++) {
                    slice = config.options.txtTheme + '##' + tags[i] + template;
                    if (store.getTiddlerText(slice)) {
                        return slice;
                    }
                }
            }

            // search theme for tagged template tiddler
            for (i = 0; i < tags.length; i++) {
                tagTiddler = tags[i] + template;
                if (store.tiddlerExists(tagTiddler)) {
                    return tagTiddler;
                }
            }

            // search theme for template
            if (store.tiddlerExists(config.options.txtTheme)) {
                slice = config.options.txtTheme + '##' + template;
                if (store.getTiddlerText(slice)) {
                    return slice;
                }
            }

            return this._chooseTemplateForTiddler.apply(this, arguments);
        };
    }
    //}}}

    <!DOCTYPE HTML>
    <html>
    <body style="display:none">
    topics: <ul id="topics"></ul>
    <button id='addtopic'>add topic</button>
    stream:
    <ul id="stream"></ul>
    <script type='text/javascript' src='/bags/common/tiddlers/jquery.js'></script>
    <script type='text/javascript' src='/bags/tiddlyspace/tiddlers/chrjs'></script>
    <script src="/twikifier.js" type="text/javascript" charset="utf-8"></script>
    <script type='text/javascript'>
    	$.ajaxSetup({
    		beforeSend: function(xhr) {
    			xhr.setRequestHeader("X-ControlView", "false");
    		}
    	});
    	function renderTopic(topic) {
    		var item = $("<li />").appendTo("#topics");
    		$("<button class='show' />").text(topic).appendTo(item);
    		$("<button class='delete'>x</button>").appendTo(item);
    		return item[0];
    	}
    	var host =  '/';
    	var space = "jon";
    	var active_topics = [];
    	var current_topic, offset;
    	function renderTopics() {
    		var topics = active_topics;
    		$("#topics").empty();
    		for(var i = 0; i < topics.length; i++) {
    			var topic = topics[i];
    			if(topic) {
    				renderTopic(topic);
    			}
    		}
    		$("body").show();
    	}
    	// Array Remove - By John Resig (MIT Licensed)
    	Array.prototype.remove = function(from, to) {
    		var rest = this.slice((to || from) + 1 || this.length);
    		this.length = from < 0 ? this.length + from : from;
    		return this.push.apply(this, rest);
    	};

    	var topicList = new tiddlyweb.Tiddler("Topics", new tiddlyweb.Bag(space + "_public", host));
    	topicList.get(function(tid) {
    			active_topics = tid.text.split("\n");
    			renderTopics(active_topics);
    			$("#topics .show:first").trigger("click");
    		},
    		function() {
    			active_topics = ["tiddlyspace"];
    			renderTopics(active_topics)
    		}
    	);
    	$("#addtopic").click(function(ev) {
    		var text = prompt("What topic would you like to watch?");
    		if(active_topics.indexOf(text) === -1) {
    			active_topics.push(text);
    		}
    		var el = renderTopic(text);
    		topicList.text = active_topics.join("\n");
    		topicList.put(function() {
    			$("button.show", el).trigger("click");
    		}, function() {
    			alert("eek!")
    		});
    	});
    	$("#topics .delete").live("click",function(ev) {
    		var topic = $(".show", this.parentNode).text();
    		active_topics.remove(active_topics.indexOf(topic));
    		renderTopics();
    		topicList.text = active_topics.join("\n");
    		topicList.put(function() {}, function() {
    			alert("eek!")
    		});
    	});
    	w = createWikifier(window, jQuery, { host: host, container: "recipes/" + space + "_public" });
    	$("#topics .show").live("click",function(ev) {
    		var tag = $(this).text();
    		current_topic = tag;
    		offset = 0;
    		$("#stream").empty();
    		var search = new tiddlyweb.Search('tag:"' + tag + '" &fat=y', host);
    		search.get(function(tiddlers) {
    			for(var i = 0; i < tiddlers.length; i++) {
    				var tiddler = tiddlers[i];
    				var item = $("<li />").appendTo("#stream")[0];
    				$("<h2 />").text(tiddler.title + ": ").appendTo(item);

    				$("<div class='text' />").text(tiddler.text).appendTo(item);
    				$("<div class='author' />").text(tiddler.modifier).appendTo(item);
    			}
    		}, function() {
    			$("<li>no topics :-(</li>").appendTo("#stream");
    		});
    	});
    	$(window).scroll(function(){
    		if($(window).scrollTop() == $(document).height() - $(window).height()) {
    			offset += 10;
    			// find a way to get all tiddlers created before the ones above
    			console.log("loadMore();");
    		}
    	});
    </script>
    </body>
    </html>

    HelloThere
    [[How did you first discover TiddlyWiki?]]
    [[What was it about TiddlyWiki that captured your interest?]]
    [[Which aspects of TiddlyWiki do you find most valuable?]]
    [[How many TiddlyWikis have you created and do you use regularly?]]
    [[Do you keep adding new features to your existing TiddlyWiki(s)?]]
    [[Who is the target audience for your TiddlyWiki(s)?]]
    [[What features of TiddlyWiki made it suitable for your target audience?]]
    [[How have you found training novice users to use and understand TiddlyWiki?]]
    [[How many tiddlers and how many megabytes in your largest TiddlyWiki?]]
    [[How has TiddlyWiki saved time for you as an information publisher?]]
    [[How has TiddlyWiki saved time for your target audience?]]
    [[How has the TiddlyWiki community helped you?]]
    [[How have you been able to contribute back to the TiddlyWiki community?]]
    [[How many other people have you introduced to TiddlyWiki?]]
    [[What is the most challenging thing about using TiddlyWiki?]]
    [[Which plugins do you rely on the most?]]
    [[What do you think of the name TiddlyWiki and the term "tiddler"?]]
    [[How might you use TiddlyWiki in the future?]]

    <!--{{{-->
    <div macro='slideRevision'></div>
    <div class='heading'>
    	<span class="titleBar">
    		<div class='title' macro='view title text'></div>
    	</span>
    	<span class='modifierIcon'
    		macro='view modifier SiteIcon label:no height:48 width:48 preserveAspectRatio:yes'>
    	</span>
    	<div class='toolbar'
    		macro='toolbar [[ToolbarCommands::RevisionToolbar]] icons:yes height:48 width:48 more:popup'>
    	</div>
    	<div class='tagClear'></div>
    </div>
    <div class='content'>
    	<div class='viewer' macro='view text wikified'></div>
    </div>
    <div class='tagInfo'>
    	<div class='tidTags' macro='tags'></div>
    	<div class='tagging' macro='tagging'></div>
    </div>
    <!--}}}-->

    /%

    Hello,

    If you choose to change this GettingStarted tiddler, you may wish to add the following to your new content if you expect you space to be included:

    <<<
    ----
    Hello,
    ''This ~GettingStarted tiddler has been customized.''
    If you want to see the original system tiddler just click the following link: GettingStarted@system-info at system-info.
    <<<
    %/

    Welcome to your brand new [[TiddlySpace|http://docs.tiddlyspace.com/TiddlySpace]].

    You're almost ready to go, there are just a couple of things left to do.

    !Customise your space
    Go to [[SpaceSettings]] to finish customising  your space. When you're done, come back here (just scroll up). Don't worry though, this will still be open when you've finished.

    !Further Customisation

    For advanced options, the [[ServerSettings]] tiddler is used to enable the following features:

    #index: The value is the name of a tiddler that will be presented when loading the space.  For example, when set to {{{Hello}}} for the space hello.tiddlyspace.com, navigating to that URL will present the Hello tiddler. If there is no {{{Hello}}} you will get an error.
    #editor: The name of an [[editor application|http://docs.tiddlyspace.com/Example%20Tiddler%20Editors]] to edit tiddlers with.  Applications come from [[included spaces|http://docs.tiddlyspace.com/How%20do%20I%20include%2Fexclude%20spaces%3F]]

    //If you do not need or understand these features there is no need to create a ServerSettings tiddler.//

    To edit these options:

    * click [[here|ServerSettings]] to open the [[ServerSettings]] tiddler
    * click on the edit button (the pencil icon)
    * add the options you wish to set
    * click on the save button (the tick icon).

    An example [[ServerSettings]] tiddler:
    {{{
    index: HelloThere
    editor: /edit#{tiddler}
    }}}

    The additional text after /edit allows a tiddler to be opened in edit mode e.g:
    {{{http://hello.tiddlyspace.com/edit#MyTiddler}}}

    !!See Also

    * [[ServerSettings shadow tiddler|http://docs.tiddlyspace.com/ServerSettings%20shadow%20tiddler]]
    * [[Choosing a non-TiddlyWiki Default Application for your Space|http://docs.tiddlyspace.com/Choosing%20a%20non-TiddlyWiki%20Default%20Application%20for%20your%20Space]]

    !Finished customising?
    You can [[Start writing]] some [[tiddlers|http://docs.tiddlyspace.com/Tiddler]].
    If you're not done tweaking yet though, you can always [[Customise this space|SpaceSettings]] a bit more.

    You can also [[access and read other tiddlers in various ways|http://docs.tiddlyspace.com/Viewing%20Tiddlers]].

    !Administration
    If you'd like to change your password or create another space, visit "Your Account" from the [[Universal Backstage|http://docs.tiddlyspace.com/UniversalBackstage]] (the blue dot in the upper right of the page). If you'd like to add a member or [[include a space|http://docs.tiddlyspace.com/How%20do%20I%20include%2Fexclude%20spaces%3F]] visit "This Space" from the [[Universal Backstage|http://docs.tiddlyspace.com/UniversalBackstage]].

    You can have as many spaces as you like and each space can have as many members as you or your group need.

    !Stuck?
    If you're stuck, and would like some help, please visit the [[help|http://help.tiddlyspace.com]] space, which can point you in the right direction.

    /***
    |''Name''|ActivityStreamPlugin|
    |''Version''|0.5.4|
    |''Description''|Provides a following macro|
    |''Author''|Jon Robson|
    |''Requires''|TiddlySpaceFollowingPlugin|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    |''Source''|https://github.com/jdlrobson/TiddlyWiki/raw/master/plugins/TiddlySpaceInstaller/ActivityStreamPlugin.js|
    !Usage
    {{{<<activity>>}}}
    !!Supressing activity
    You can supress notifications by  id:
    "plugin", "shadow", "standard", "follow", "followYou", "siteInfo", "siteIcon", "ownSiteIcon", "notify", "reply"
    e.g. {{{ <<activity supress:siteIcon>> }}} will hide siteIcon activity from you.

    !!Supressing people
    {{{<<activity ignore:person}}} will ignore all activity where person is the subject of the activity. eg. person followed other-person will not appear in the feed.
    !!Controlling displayed dates.
    {{{<<activity timestampFormat:"<0hh o' clock>" headingFormat:"0DD/0MM" >>}}} will display date headings as date/month eg.
    3rd of January would be displayed as 03/01. This particular timestamp example gives you the hour of the activity.

    !!Even more content
    {{{<<activity limit:no>>}}} will show you all possible activity in the last X days where X is set at a macro level (advanced developers should see config.macros.activity.RECENTNESS).
    !StyleSheet

    .activityStream .externalImage, .activityStream .image {
    	display: inline;
    }

    .feedItem .siteIcon {
    	display: inline;
    }

    .activityStream .error {
    	background-color: red;
    	color: white;
    	font-weight: bold;
    }

    .activityStream .feedItem {
    list-style: none;
    }

    .activityStream .notification {
    	background-color: yellow;
    	color: black;
    }

    .activityStream .activityGroupTitle {
    	font-weight: bold;
    	margin-top: 8px;
    }
    .activityStream .feedItem {
    	margin-left: 8px;
    }
    !Code
    ***/
    //{{{
    (function($) {
    var name = "StyleSheetActivityStream";
    config.shadowTiddlers[name] = store.getTiddlerText(tiddler.title +
         "##StyleSheet");
    store.addNotification(name, refreshStyles);

    var followMacro = config.macros.followTiddlers;
    var tweb = config.extensions.tiddlyweb;
    var tiddlyspace = config.extensions.tiddlyspace;
    var scanMacro = config.macros.tsScan;

    var modifierSpaceLink = "<<view modifier spaceLink>>";
    var spaceTiddlyLink = "<<view server.bag spaceLink server.title>>";
    var bagSpaceLink = "<<view server.bag spaceLink>>";
    var bagSiteIcon = "<<view server.bag SiteIcon width:24 height:24 label:no preserveAspectRatio:yes>>";
    var modifierSiteIcon = "<<view modifier SiteIcon width:24 height:24 label:no preserveAspectRatio:yes>>";
    var timestamp = "[<<view modified date '0hh:0mm'>>]";
    var replyLink = "<<view server.title replyLink>>";
    config.shadowTiddlers.ActivityStreamTemplates = [
    	"!notify\n%3 {{notification{%0 %1 has modified %2 in %0 %1 and flagged it for your attention!}}} %8\n",
    	"!reply\n%3 {{notification{%0 %1 replied with %2 to your %4 %5 post.}}} %8\n",
    	"!userSiteIcon\n%3 %6 %7 has a new ~SiteIcon.\n",
    	"!spaceSiteIcon\n%3 %6 %7 updated the SiteIcon for the %0 %1 space.\n",
    	"!image\n%3 %6 %7 drew the image %2 in the %1 space.\n",
    	"!plugin\n%3 %6 %7 modified a plugin called %2 in the %0 %1 space.\n",
    	"!shadow\n%3 %6 %7 modified a shadow tiddler %2 in the %0 %1 space.\n",
    	"!geo\n%3 %6 %7 modified a geo tiddler called %2 in the %0 %1 space <<view title maplink 'view on map'>>. %8\n",
    	"!followYou\n%3 %0 %1 is now following you.\n",
    	"!follow\n%3 %0 %1 is now following %4 %5 <<view server.title link follow>>\n",
    	"!siteInfo\n%3 %6 %7 <<view server.bag spaceLink server.title label:described>> the %0 %1 space.\n",
    	"!video\n%3 %6 %7 modified a video entitled %2 in the %0 %1 space. %8\n",
    	"!standard\n%3 %6 %7 modified %2 in the %0 %1 space. %8\n"
    	].join("").format(bagSiteIcon, bagSpaceLink, spaceTiddlyLink, timestamp,
    		"<<view server.title SiteIcon width:24 height:24 label:no preserveAspectRatio:yes>>", "<<view server.title spaceLink>>",
    		modifierSiteIcon, modifierSpaceLink, replyLink);
    story.refreshTiddler("ActivityStreamTemplates", null, true);
    config.annotations.ActivityStreamTemplates = "This is a special tiddler used by the ActivityStreamPlugin. It is used for templating notifications. Templates at the top have preference over templates at the bottom.";

    var macro = config.macros.activity = {
    	default_limit: 50,
    	templates: [],
    	init: function() {
    		var templates = [];
    		var regex = new RegExp(/^!(.*)\n/gm);
    		var text = store.getTiddlerText("ActivityStreamTemplates");
    		var match = regex.exec(text);
    		while(match) {
    			templates.push(match[1]);
    			match = regex.exec(text);
    		}
    		macro.templates = templates;
    	},
    	// order matters - earlier templates override older ones
    	RECENTNESS: 2, // in days
    	TIMESTAMP_FORMAT: "<0hh:0mm>",
    	info: {},
    	locale: {
    		pleaseWait: "please wait while we load your stream...",
    		errorLoading: "The activity stream failed to load. Please make sure you have an internet connection and try again.",
    		userHeading: "Below is the activity stream for spaces that this space follows with the follow tag. (%0/%1 spaces have been loaded)",
    		emptyStream: "Activity stream currently empty. (%0/%1 loaded)"
    	},
    	getTimeStamp: function() {
    		var today = new Date();
    		macro._lastRun = today.getTime();
    		var previous = new Date(today.setDate(today.getDate() - macro.RECENTNESS));
    		return previous.convertToYYYYMMDDHHMM();
    	},
    	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    		var container = $("<div />").text(macro.locale.pleaseWait).appendTo(place).
    			attr("refresh", "macro").attr("macroName", macroName).attr("paramString", paramString);
    		var space = tiddlyspace.currentSpace.name;
    		var options = macro.getOptions(paramString);
    		$(container).attr("activity-limit", options.limit);
    		macro._session = Math.random();
    		var activityType;
    		var sourceActivity = function(user) {
    			macro.CURRENT_USER = user.name;
    			macro.USER_AT_TAG = "@%0".format(user.name);
    			followMacro.getFollowers(function(users) {
    				macro.getActivity(container, users, activityType, options);
    			}, macro.CURRENT_USER);
    			container.attr("activity-type", activityType);
    			macro._renderStream(container, activityType, options);
    		};

    		if(options.user) {
    			sourceActivity({name: options.user});
    		} else {
    			sourceActivity({ name: tiddlyspace.currentSpace.name });
    		}
    	},
    	getOptions: function(paramString) {
    		var options = {};
    		var args = paramString.parseParams("name")[0];
    		var toMap = ["timestampFormat", "headingFormat", "limit", "user"];
    		var i;
    		for(i = 0; i < toMap.length; i++) {
    			var map = toMap[i];
    			options[map] = args[map] ? args[map][0] : false;
    		}
    		var supress = args.supress || [];
    		var templates = [];
    		var show = args.show ? args.show : macro.templates;
    		for(i = 0; i < show.length; i++) {
    			var template = show[i];
    			if(supress.indexOf(template) === -1) {
    				templates.push(template);
    			}
    		}
    		options.ignore = args.ignore || [];
    		options.templates = templates;
    		return options;
    	},
    	_getActivityQuery: function(user, timestamp) {
    		timestamp = timestamp || macro.getTimeStamp();
    		if(user) {
    			return "/bags/%0_public/tiddlers?select=modified:>%1".format(user, timestamp);
    		} else {
    			return false;
    		}
    	},
    	refresh: function(container) {
    		var type = $(container).attr("activity-type");
    		var limit = $(container).attr("activity-limit");
    		var options = macro.getOptions($(container).attr("paramString"));
    		options.limit = parseInt(limit, 10);
    		macro.renderStream(container, type, options);
    	},
    	getActivity: function(place, users, type, options) {
    		var i;
    		var timestamp = macro.activityTimestamp;
    		var firstRun =  timestamp ? false : true;
    		macro.info.loaded = firstRun ? 0 : macro.info.loaded;
    		var afterAjax = function(tiddlers) {
    			if(firstRun) {
    				macro.info.loaded += 1;
    			}
    			macro.updateStream(tiddlers, type, options);
    			macro.renderStream(place, type, options);
    		};
    		var success = function(tiddlers) {
    			afterAjax(tiddlers);
    		};
    		var error = function() {
    			afterAjax([]);
    		};
    		if(macro._lastRun > new Date().getTime() - 300000) { // leave 5 minutes between calls
    			afterAjax([]);
    			return;
    		}
    		macro.info.queries = users.length;
    		for(i = 0; i < users.length; i++) {
    			var user = users[i];
    			ajaxReq({
    				url: macro._getActivityQuery(user, timestamp),
    				dataType: "json", success: success, error: error
    			});
    		}
    		macro.activityTimestamp = new Date().convertToYYYYMMDDHHMM();
    	},
    	reportError: function(place) {
    		var error = $("<div />").addClass("error").text(locale.errorLoading);
    		$(place).empty().append(error);
    	},
    	createFeedEntry: function(container, tiddler, options) {
    		var item = $("<li />").addClass("feedItem");
    		var content = $("<div />").appendTo(item);
    		var wikifyPlace = $("<span />").appendTo(content)[0];
    		var author = tiddler.modifier;
    		if(author && !options.ignore.contains(author)) {
    			$(container).append(item);
    			config.macros.view.views.activityItem(null, wikifyPlace, null, null, null, tiddler);
    			return item;
    		}
    		return false;
    	},
    	renderStream: function(place, type, options) {
    		window.clearTimeout(macro._renderTimeout);
    		macro._renderTimeout = window.setTimeout(function() {
    			macro._renderStream(place, type, options);
    		}, 100);
    	},
    	_renderStream: function(place, type, options) {
    		$(place).empty();
    		var limit = options.limit;
    		var container = $("<ul />").addClass("activityStream").appendTo(place);
    		var textHeading = macro.locale.userHeading.format(macro.info.loaded, macro.info.queries);
    		$("<li />").addClass("listTitle").text(textHeading).appendTo(container);
    		var tiddlers = store.sortTiddlers(store.filterTiddlers("[server.activity[true]]"), "-modified"); // TODO: sort headings instead if possible (conflicts with limit)
    		var headings = [];
    		var groups = {};
    		var processed = 0, i, j;
    		var atEndOfActivityFeed = true;
    		for(i = 0; i < tiddlers.length; i++) {
    			var tiddler = tiddlers[i];
    			if(options.templates.contains(tiddler.fields["server.activity.type"])) {
    				if(!limit || processed < limit) {
    					var modified = tiddler.modified;
    					if(modified) {
    						// format date.
    						var modifiedString = modified.formatString(options.headingFormat || config.macros.timeline.dateFormat);
    						if(headings.contains(modifiedString)) {
    							groups[modifiedString].push(tiddler);
    						} else {
    							headings.push(modifiedString);
    							groups[modifiedString] = [ tiddler ];
    						}
    					}
    					processed += 1;
    				} else {
    					atEndOfActivityFeed = false;
    				}
    			}
    		}
    		var somethingRendered;
    		for(i = 0; i < headings.length; i++) {
    			var heading = headings[i];
    			var _tiddlers = store.sortTiddlers(groups[heading], "-modified");
    			var headingEl;
    			if(_tiddlers.length > 0) {
    				headingEl = $("<li />").addClass("listTitle activityGroupTitle").text(heading).appendTo(container);
    			}
    			var rendered = [];
    			for(j = 0; j < _tiddlers.length; j++) {
    				var item = macro.createFeedEntry(container, _tiddlers[j], options);
    				if(item) {
    					rendered.push(item);
    				}
    			}
    			if(rendered.length === 0) {
    				headingEl.remove();
    			} else {
    				somethingRendered = true;
    			}
    		}
    		if(!somethingRendered) {
    			var msg;
    			if(macro.gotActivity) { // it has been run before
    				msg = macro.locale.emptyStream.format(macro.info.loaded, macro.info.queries);
    			} else {
    				msg = macro.locale.pleaseWait;
    			}
    			$(container).text(msg);
    		}
    		if(!atEndOfActivityFeed) { // show more button
    			$("<input />").attr("type", "button").val("more").click(function(ev) {
    				var currentLimit = $(place).attr("activity-limit");
    				var newLimit = parseInt(currentLimit, 10) + 50;
    				macro.default_limit = newLimit;
    				$(place).attr("activity-limit", newLimit);
    				macro.refresh(place);
    			}).appendTo(place);
    		}
    		this.gotActivity = true;
    	},
    	updateStream: function(jstiddlers, type, options) {
    		// assume already sorted.
    		var tiddlers = scanMacro._tiddlerfy(jstiddlers, options);
    		var _dirty = store.isDirty();
    		$.each(tiddlers, function(i, tid) {
    			var info = config.macros.view.activity.getActivityInfo(tid, options);
    			tid.fields["server.activity.type"] = info.type;
    			tid.fields["server.activity"] = "true";
    			if(!tid.tags.contains("excludeLists")) {
    				tid.title = tiddlyspace.getLocalTitle(tid.title, tid.fields["server.workspace"]);
    				tid.tags = tid.tags.concat(["excludeLists", "excludeMissing", "excludeSearch"]);
    				tid.fields.doNotSave = "true";
    				store.addTiddler(tid); // save caused unsaved changes alert and slowdown
    			}
    		});
    		store.setDirty(_dirty);
    	}
    };

    config.macros.view.views.activityItem = function(value, place, params, wikifier,
    	paramString, tiddler) {
    	var info = config.macros.view.activity.getActivityInfo(tiddler, {});
    	wikify(info.template, place, null, tiddler);
    };

    var helper = config.macros.view.activity = {
    	_isNotification: function(tiddler) {
    		return tiddler.tags.contains(macro.USER_AT_TAG) || tiddler.tags.contains("@all");
    	},
    	_repliesOn: function() {
    		return tiddlyspace.currentSpace.name === macro.CURRENT_USER;
    	},
    	types: {
    		video: function(tiddler) {
    			return tiddler.tags.contains("video");
    		},
    		geo: function(tiddler) {
    			return tiddler.fields["geo.lat"] && tiddler.fields["geo.long"];
    		},
    		siteInfo: function(tiddler) {
    			var title = tiddler.fields["server.title"];
    			return title === "SiteInfo";
    		},
    		userSiteIcon: function(tiddler) {
    			var modifierBag = "%0_public".format(tiddler.modifier);
    			var title = tiddler.fields["server.title"];
    			return title === "SiteIcon" && modifierBag === tiddler.fields["server.bag"];
    		},
    		spaceSiteIcon: function(tiddler) {
    			var title = tiddler.fields["server.title"];
    			return title === "SiteIcon"; // note userSiteIcon above does the bag check
    		},
    		shadow: function(tiddler) {
    			var title = tiddler.fields["server.title"];
    			return title in config.shadowTiddlers;
    		},
    		plugin: function(tiddler) {
    			return tiddler.tags.contains("systemConfig");
    		},
    		followYou: function(tiddler) {
    			var title = tiddler.fields["server.title"];
    			title = title.indexOf("@") === 0 ? title.substr(1) : title;
    			return tiddler.tags.contains("follow") && title === macro.USER_AT_TAG;
    		},
    		follow: function(tiddler) {
    			return tiddler.tags.contains("follow");
    		},
    		reply: function(tiddler) {
    			var title = tiddler.fields["server.title"];
    			var myTiddler = store.getTiddler(tiddler.title);
    			var myTiddlerIsOlder = myTiddler && myTiddler.modified < tiddler.modified;
    			return store.tiddlerExists(title) && myTiddlerIsOlder && helper._repliesOn(tiddler);
    		},
    		notify: function(tiddler) {
    			var title = tiddler.fields["server.title"];
    			var myTiddler = store.getTiddler(title);
    			var myTiddlerIsNewer = myTiddler && myTiddler.modified > tiddler.modified;
    			return helper._isNotification(tiddler) && helper._repliesOn(tiddler) && !myTiddlerIsNewer;
    		},
    		standard: function(tiddler) {
    			return true;
    		},
    		image: function(tiddler) {
    			return config.macros.image.isImageTiddler(tiddler);
    		}
    	},
    	// each type should point to a slice in ActivityStreamTemplates tiddler
    	getActivityInfo: function(tiddler, options) {
    		var repliesOn = tiddlyspace.currentSpace.name === macro.CURRENT_USER;
    		var activityType, i;
    		if(tiddler) {
    			for(i = 0; i < macro.templates.length; i++) {
    				var type = macro.templates[i];
    				if(!activityType && helper.types[type]) {
    					if(helper.types[type](tiddler)) {
    						activityType = type;
    					}
    				}
    			}
    		}
    		template = store.getTiddlerText("ActivityStreamTemplates##" + activityType) || locale.standardTemplate;
    		return activityType ? { template: template, type: activityType } : false;
    	}
    };

    config.macros.view.views.link = function(value, place, params, wikifier,
    		paramString, tiddler) {
    		var el = createTiddlyLink(place,value,true);
    		if(params[2]) {
    			$(el).text(params[2]);
    		}
    };

    config.macros.view.views.maplink = function(value, place, params, wikifier,
    		paramString, tiddler) {
    		var lat = tiddler.fields["geo.lat"];
    		var lng = tiddler.fields["geo.long"];
    		var label  = params[2] || value;
    		if(lat && lng) {
    			$("<a />").attr("href", "http://maps.google.com/maps?saddr=%0,%1".format(lat, lng)).text(label).appendTo(place);
    		}
    };

    var _displayS = tiddlyspace.displayServerTiddler;
    tiddlyspace.displayServerTiddler = function(src, title, workspace, callback) {
    	var localTitle = tiddlyspace.getLocalTitle(title, workspace);
    	var localTiddler = store.getTiddler(localTitle);

    	var _callback = function(src, tiddler) {
    		if(callback) {
    			callback(src, tiddler);
    		}
    		if(localTiddler) {
    			tiddler.fields["server.activity"] = "true";
    			tiddler.fields["server.activity.type"] = localTiddler.fields["server.activity.type"];
    		}
    	};
    	return _displayS.apply(this, [ src, title, workspace, _callback ]);
    };
    }(jQuery));
    //}}}

    /***
    |''Name''|TiddlySpacePublishingCommands|
    |''Version''|0.8.5|
    |''Status''|@@beta@@|
    |''Description''|toolbar commands for drafting and publishing|
    |''Author''|Jon Robson|
    |''Source''|http://github.com/TiddlySpace/tiddlyspace/raw/master/src/plugins/TiddlySpacePublishingCommands.js|
    |''CoreVersion''|2.6.1|
    |''Requires''|TiddlySpaceConfig TiddlySpaceFilters|
    !Usage
    Provides changeToPrivate, changeToPublic and saveDraft commands
    Provides TiddlySpacePublisher macro.
    {{{<<TiddlySpacePublisher type:private>>}}} make lots of private tiddlers public.
    {{{<<TiddlySpacePublisher type:public>>}}} make lots of public tiddlers public.
    !TODO
    * add public argument?
    !Code
    ***/
    //{{{
    (function($) {

    var tiddlyspace = config.extensions.tiddlyspace;
    var originMacro = config.macros.tiddlerOrigin;

    tiddlyspace.getTiddlerStatusType = function(tiddler) {
    	var isShadow = store.isShadowTiddler(tiddler.title);
    	var exists = store.tiddlerExists(tiddler.title);
    	if(isShadow && !exists) {
    		return "shadow";
    	} else if(!exists) {
    		return "missing";
    	} else {
    		var types = ["private", "public"];
    		var type = "external";
    		for(var i = 0; i < types.length; i++) {
    			var t = types[i];
    			type = config.filterHelpers.is[t](tiddler) ? t : type;
    		}
    		if(config.filterHelpers.is.unsynced(tiddler)) {
    			type = type == "private" ? "unsyncedPrivate" : "unsyncedPublic";
    		}
    		return type;
    	}
    };

    var cmd = config.commands.publishTiddler = {
    	text: "make public",
    	tooltip: "Change this private tiddler into a public tiddler",
    	errorMsg: "Error publishing %0: %1",

    	isEnabled: function(tiddler) {
    		return !readOnly && config.filterHelpers.is["private"](tiddler);
    	},
    	handler: function(ev, src, title) {
    		var tiddler = store.getTiddler(title);
    		if(tiddler) {
    			var newBag = cmd.toggleBag(tiddler.fields["server.bag"]);
    			this.moveTiddler(tiddler, {
    				title: tiddler.fields["publish.name"] || tiddler.title,
    				fields: { "server.bag": newBag }
    			});
    		}
    	},
    	toggleBag: function(bag, to) {
    		var newBag;
    		if(typeof bag != typeof "") {
    			var tiddler = bag;
    			bag = tiddler.fields["server.bag"];
    		}
    		if(bag.indexOf("_private") > -1) { // should make use of endsWith
    			to = to ? to : "public";
    			newBag = bag.replace("_private", "_" + to);
    		} else {
    			to = to ? to : "private";
    			newBag = bag.replace("_public", "_" + to);
    		}
    		return newBag;
    	},
    	copyTiddler: function(title, newTitle, newBag, callback) {
    		var original = store.getTiddler(title);
    		newTitle = newTitle ? newTitle : title;
    		var adaptor = original.getAdaptor();
    		var publish = function(original, callback) {
    			var tiddler = $.extend(new Tiddler(newTitle), original);
    			tiddler.fields = $.extend({}, original.fields, {
    				"server.bag": newBag,
    				"server.workspace": "bags/%0".format(newBag),
    				"server.page.revision": "false"
    			});
    			delete tiddler.fields["server.title"];
    			tiddler.title = newTitle;
    			adaptor.putTiddler(tiddler, null, null, callback);
    		};
    		publish(original, callback);
    	},
    	moveTiddler: function(tiddler, newTiddler, callback) {
    			var info = {
    			copyContext: {},
    			deleteContext: {}
    		};
    		var _dirty = store.isDirty();
    		var adaptor = tiddler.getAdaptor();
    		var newTitle = newTiddler.title;
    		var oldTitle = tiddler.title;
    		delete tiddler.fields["server.workspace"];
    		var oldBag = tiddler.fields["server.bag"];
    		var newBag = newTiddler.fields["server.bag"];
    		var newWorkspace = "bags/%0".format(newBag);
    		cmd.copyTiddler(oldTitle, newTitle, newBag, function(ctx) {
    				info.copyContext = ctx;
    				var context = {
    					tiddler: tiddler,
    					workspace: newWorkspace
    				};
    				store.addTiddler(ctx.tiddler);
    				tiddler.title = oldTitle; // for cases where a rename occurs
    				if(ctx.status) { // only do if a success
    					if(oldBag != newBag) {
    						adaptor.deleteTiddler(tiddler, context, {}, function(ctx) {
    							info.deleteContext = ctx;
    							var el;
    							if(tiddler) {
    								tiddler.fields["server.workspace"] = newWorkspace;
    								tiddler.fields["server.bag"] = newBag;
    							}
    							el = el ? el : story.refreshTiddler(oldTitle, null, true);
    							if(oldTitle != newTitle) {
    								store.deleteTiddler(oldTitle);
    								store.notify(oldTitle, true);
    							}
    							if(el) {
    								story.displayTiddler(el, newTitle);
    							}
    							if(oldTitle != newTitle) {
    								story.closeTiddler(oldTitle);
    							}
    							if(callback) {
    								callback(info);
    							}
    							store.setDirty(_dirty);
    						});
    					} else {
    						if(callback) {
    							callback(info);
    						}
    					}
    					refreshDisplay();
    				}
    		});
    	}
    };

    var changeToPrivate = config.commands.changeToPrivate = {
    	text: "make private",
    	tooltip: "turn this public tiddler into a private tiddler",
    	isEnabled: function(tiddler) {
    		return !readOnly && config.filterHelpers.is["public"](tiddler);
    	},
    	handler: function(event, src, title) {
    		var tiddler = store.getTiddler(title);
    		var newBag = cmd.toggleBag(tiddler, "private");
    		var newTiddler = { title: title, fields: { "server.bag": newBag }};
    		cmd.moveTiddler(tiddler, newTiddler);
    	}
    };
    config.commands.changeToPublic = cmd;

    /* Save as draft command */
    var saveDraftCmd = config.commands.saveDraft = {
    	text: "save draft",
    	tooltip: "Save as a private draft",
    	isEnabled: function(tiddler) {
    		return changeToPrivate.isEnabled(tiddler);
    	},
    	getDraftTitle: function(title) {
    		var draftTitle;
    		var draftNum = "";
    		while(!draftTitle) {
    			var suggestedTitle = "%0 [draft%1]".format(title, draftNum);
    			if(store.getTiddler(suggestedTitle)) {
    				draftNum = !draftNum ? 2 : draftNum + 1;
    			} else {
    				draftTitle = suggestedTitle;
    			}
    		}
    		return draftTitle;
    	},
    	createDraftTiddler: function(title, gatheredFields) {
    		var tiddler = store.getTiddler(title);
    		var draftTitle = saveDraftCmd.getDraftTitle(title);
    		var draftTiddler = new Tiddler(draftTitle);
    		if(tiddler) {
    			$.extend(true, draftTiddler, tiddler);
    		} else {
    			$.extend(draftTiddler.fields, config.defaultCustomFields);
    		}
    		for(var fieldName in gatheredFields) {
    			if(TiddlyWiki.isStandardField(fieldName)) {
    				draftTiddler[fieldName] = gatheredFields[fieldName];
    			} else {
    				draftTiddler.fields[fieldName] = gatheredFields[fieldName];
    			}
    		}
    		var privateBag = tiddlyspace.getCurrentBag("private");
    		var privateWorkspace = tiddlyspace.getCurrentWorkspace("private");
    		draftTiddler.title = draftTitle;
    		draftTiddler.fields["publish.name"] = title;
    		draftTiddler.fields["server.workspace"] = privateWorkspace;
    		draftTiddler.fields["server.bag"] = privateBag;
    		draftTiddler.fields["server.title"] = draftTitle;
    		draftTiddler.fields["server.page.revision"] = "false";
    		delete draftTiddler.fields["server.etag"];
    		return draftTiddler;
    	},
    	handler: function(ev, src, title) {
    		var tiddler = store.getTiddler(title); // original tiddler
    		var tidEl = story.getTiddler(title);
    		var uiFields = {};
    		story.gatherSaveFields(tidEl, uiFields);
    		var tid = saveDraftCmd.createDraftTiddler(title, uiFields);
    		tid = store.saveTiddler(tid.title, tid.title, tid.text, tid.modifier,
    			new Date(), tid.tags, tid.fields);
    		autoSaveChanges(null, [tid]);
    		story.closeTiddler(title);
    		story.displayTiddler(src, title);
    		story.displayTiddler(src, tid.title);
    	}
    };

    var macro = config.macros.TiddlySpacePublisher = {
    	locale: {
    		title: "Batch Publisher",
    		changeStatusLabel: "Make %0",
    		noTiddlersText: "No tiddlers to publish",
    		changeStatusPrompt: "Make all the selected tiddlers %0.",
    		description: "Change tiddlers from %0 to %1 in this space"
    	},

    	listViewTemplate: {
    		columns: [
    			{ name: "Selected", field: "Selected", rowName: "title", type: "Selector" },
    			{ name: "Tiddler", field: "tiddler", title: "Tiddler", type: "Tiddler" },
    			{ name: "Status", field: "status", title: "Status", type: "WikiText" }
    		],
    		rowClasses: []
    	},

    	changeStatus: function(tiddlers, status, callback) { // this is what is called when you click the publish button
    		var publicBag;
    		for(var i = 0; i < tiddlers.length; i++) {
    			var tiddler = tiddlers[i];
    			var newTiddler = {
    				title: tiddler.title,
    				fields: { "server.bag": cmd.toggleBag(tiddler, status) }
    			};
    			cmd.moveTiddler(tiddler, newTiddler, callback);
    		}
    	},
    	getMode: function(paramString) {
    		var params = paramString.parseParams("anon")[0];
    		var status = params.type ?
    			(["public", "private"].contains(params.type[0]) ? params.type[0] : "private") :
    			"private";
    		var newStatus = status == "public" ? "private" : "public";
    		return [status, newStatus];
    	},
    	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    		var wizard = new Wizard();
    		var locale = macro.locale;
    		var status = macro.getMode(paramString);
    		wizard.createWizard(place, locale.title);
    		wizard.addStep(macro.locale.description.format(status[0], status[1]),
    			'<input type="hidden" name="markList" />');
    		var markList = wizard.getElement("markList");
    		var listWrapper = $("<div />").addClass("batchPublisher").
    			attr("refresh", "macro").attr("macroName", macroName).
    			attr("params", paramString)[0];
    		markList.parentNode.insertBefore(listWrapper, markList);
    		$.data(listWrapper, "wizard", wizard);
    		macro.refresh(listWrapper);
    	},
    	getCheckedTiddlers: function(listWrapper, titlesOnly) {
    		var tiddlers = [];
    		$(".chkOptionInput[rowName]:checked", listWrapper).each(function(i, el) {
    			var title = $(el).attr("rowName");
    			if(titlesOnly) {
    				tiddlers.push(title);
    			} else {
    				tiddlers.push(store.getTiddler(title));
    			}
    		});
    		return tiddlers;
    	},
    	refresh: function(listWrapper) {
    		var checked = macro.getCheckedTiddlers(listWrapper, true);
    		var paramString = $(listWrapper).empty().attr("params");
    		var wizard = $.data(listWrapper, "wizard");
    		var locale = macro.locale;
    		var params = paramString.parseParams("anon")[0];
    		var publishCandidates = [];
    		var status = macro.getMode(paramString);
    		var pubType = status[0];
    		var newPubType = status[1];
    		var tiddlers = params.filter ? store.filterTiddlers(params.filter[0]) :
    			store.filterTiddlers("[is[%0]]".format(pubType));
    		var enabled = [];
    		for(var i = 0; i < tiddlers.length; i++) {
    			var tiddler = tiddlers[i];
    			var title = tiddler.title;
    			if(!tiddler.tags.contains("excludePublisher") && title !== "SystemSettings") {
    				publishCandidates.push({ title: title, tiddler: tiddler, status: pubType});
    			}
    			if(checked.contains(title)) {
    				enabled.push("[rowname=%0]".format(title));
    			}
    		}

    		if(publishCandidates.length === 0) {
    			createTiddlyElement(listWrapper, "em", null, null, locale.noTiddlersText);
    		} else {
    			var listView = ListView.create(listWrapper, publishCandidates, macro.listViewTemplate);
    			wizard.setValue("listView", listView);
    			var btnHandler = function(ev) {
    				var tiddlers = macro.getCheckedTiddlers(listWrapper);
    				var callback = function(status) {
    					$(".batchPublisher").each(function(i, el) {
    						macro.refresh(el);
    					});
    				};
    				macro.changeStatus(tiddlers, newPubType, callback);
    			};
    			wizard.setButtons([{
    				caption: locale.changeStatusLabel.format(newPubType),
    				tooltip: locale.changeStatusPrompt.format(newPubType),
    				onClick: btnHandler
    			}]);
    			$(enabled.join(",")).attr("checked", true); // retain what was checked before
    		}
    	}
    };

    })(jQuery);
    //}}}

    !Spaces
    <<groupBy server.bag>>

    !Private
    <<list filter [is[private]]>>

    !Public
    <<list filter [is[public]]>>

    !Drafts
    <<list filter [is[draft]]>>

    /***
    |''Name''|TiddlySpaceBackstage|
    |''Version''|0.8.0|
    |''Description''|Provides a TiddlySpace version of the backstage and a homeLink macro|
    |''Status''|@@beta@@|
    |''Contributors''|Jon Lister, Jon Robson, Colm Britton|
    |''Source''|http://github.com/TiddlySpace/tiddlyspace/raw/master/src/plugins/TiddlySpaceBackstage.js|
    |''Requires''|TiddlySpaceConfig ImageMacroPlugin TiddlySpaceViewTypes|
    !StyleSheet
    .tiddler .error.annotation .button{
    	display: inline-block;
    }

    #backstageArea {
    	z-index: 49;
    	color: white;
    	background-color: black;
    	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #222),color-stop(0.5, #333),color-stop(1, #555));
    	background: -moz-linear-gradient(center bottom,#222 0%, #333 50%, #555 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff555555, endColorstr=#ff222222);
    	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff555555, endColorstr=#ff222222)";
    	height: 25px;
    	padding: 0;
    }

    #backstageButton {
    	overflow: hidden;
    }

    #backstageButton #backstageShow,
    #backstageButton #backstageHide {
    	margin: 0px;
    	padding: 0px;
    }

    #backstageButton #backstageShow:hover,
    #backstageButton #backstageHide:hover {
    	background: none;
    	color: none;
    }

    #backstageButton img,
    #backstageButton svg {
    	width: 24px;
    	height: 24px;
    }

    #messageArea {
    	top: 50px;
    }

    #backstageToolbar {
    	position: relative;
    }

    #backstageArea a {
    	padding: 0px;
    	margin-left: 0px;
    	color: white;
    	background: none;
    }

    #backstageArea a:hover {
    	background-color: white;
    }

    #backstage ol,
    #backstage ul {
    	padding: auto;
    }

    #backstageButton a {
    	margin: 0;
    }

    .backstagePanelBody ul {
    	padding: 5px;
    	margin: 5px;
    }

    #backstage #backstagePanel {
    	margin-left: 5%;
    	padding: 0em;
    	margin-right: 5%;
    }

    #backstageToolbar a {
    	position: relative;
    }

    #backstageArea a.backstageSelTab,
    #backstageToolbar .backstageTask {
    	line-height: 25px;
    	color: #767676;
    }

    .backstageTask .externalImage,
    .backstageTask .image {
    	display: inline;
    }

    #backstageToolbar a span {
    	z-index: 2;
    }

    a.backstageTask {
    	display: inline;
            margin-left: 1em !important;
    }

    .backstagePanelBody .button {
    	display: inline-block;
    	margin-right: 10px;
    }

    .backstagePanelBody {
    	margin: 0 0 0 0.6em;
    	padding: 0.4em 0.5em 1px 0.5em;
    }

    #backstage table {
    	margin: auto;
    }

    #backstage .wizard table {
    	border: 0px;
    	margin: 0;
    }

    #backstage div  li.listLink {
    	border: 0px;
    	width: 78%;
    	font-size: 0.7em;
    }

    #backstage div li.listTitle {
    	font-weight: bold;
    	text-decoration: underline;
    	font-size: 1em;
    	background: #ccc;
    	width: 100%;
    }

    #backstage fieldset {
    	border: solid 1px [[ColorPalette::Background]];
    }

    #backstage .viewer table,#backstage table.twtable {
    	border: 0px;
    }

    #backstageToolbar img {
    	padding: 0;
    }

    #backstage .wizard,
    #backstage .wizardFooter {
    	background: none;
    }

    .viewer td, .viewer tr, .twtable td, .twtable tr {
    	border: 1px solid #eee;
    }

    #backstage .inlineList ul li {
    	background-color: [[ColorPalette::Background]];
    	border: solid 1px [[ColorPalette::TertiaryMid]];
    	display: block;
    	float: left;
    	list-style: none;
    	margin-right: 1em;
    	padding: 0.5em;
    }

    .backstageClear, .inlineList form {
    	clear: both;
    	display: block;
    	margin-top: 3em;
    }

    .tiddlyspaceMenu {
    	text-align: center;
    }

    span.chunkyButton {
    	display: inline-block;
    	padding: 0;
    	margin: 0;
    	border: solid 2px #000;
    	background-color: #04b;
    }

    span.chunkyButton a.button, span.chunkyButton a:active.button {
    	white-space: nowrap;
    	font-weight: bold;
    	font-size: 1.8em;
    	color: #fff;
    	text-align: center;
    	padding: 0.5em 0.5em;
    	margin: 0;
    	border-style: none;
    	display: block;
    }

    span.chunkyButton:hover {
    	background-color: #014;
    }

    span.chunkyButton a.button:hover {
    	border-style: none;
    	background: none;
    	color: #fff;
    }

    #backstage .unpluggedSpaceTab .wizard,
    .unpluggedSpaceTab .wizard {
    	background: white;
    	border: 2px solid #CCC;
    	padding: 5px;
    }

    .syncKey .keyItem {
    	border: 1px solid black;
    	display: inline-block;
    	margin: 0.2em;
    	padding: 0.1em 0.1em 0.1em 0.1em;
    }

    .keyHeading {
    	font-size: 2em;
    	font-weight: bold;
    	margin: 0.4em 0em -0.2em;
    }

    .unpluggedSpaceTab .putToServer,
    .unpluggedSpaceTab .notChanged {
    	display: none;
    }

    .tiddlyspaceMenu ul {
    	margin: 0;
    	padding: 0;
    }

    .tiddlyspaceMenu ul li {
    	list-style: none;
    }

    .unsyncedChanges .unsyncedList {
    	display: block;
    }

    .unsyncedList {
    	display: none;
    }
    !Code
    ***/
    //{{{
    (function ($) {
        var name = "StyleSheet" + tiddler.title;
        config.shadowTiddlers[name] = "/*{{{*/\n%0\n/*}}}*/".
            format(store.getTiddlerText(tiddler.title + "##StyleSheet")); // this accesses the StyleSheet section of the current tiddler (the plugin that contains it)
        store.addNotification(name, refreshStyles);

        if (!config.extensions.tiddlyweb.status.tiddlyspace_version) { // unplugged
            config.extensions.tiddlyweb.status.tiddlyspace_version = "<unknown>";
            config.extensions.tiddlyweb.status.server_host = {
                url:config.extensions.tiddlyweb.host }; // TiddlySpaceLinkPlugin expects this
        }
        var disabled_tasks_for_nonmembers = ["tiddlers", "plugins", "batch", "sync"];

        var tweb = config.extensions.tiddlyweb;
        var tiddlyspace = config.extensions.tiddlyspace;
        var currentSpace = tiddlyspace.currentSpace.name;
        var imageMacro = config.macros.image;

        if (config.options.chkBackstage === undefined) {
            config.options.chkBackstage = false;
        }

    // Set up Backstage
        config.tasks = {};
        config.tasks.status = {
            text:"status",
            tooltip:"TiddlySpace Info",
            content:"<<tiddler Backstage##Menu>>"
        };
        config.tasks.tiddlers = {
            text:"tiddlers",
            tooltip:"tiddlers control panel",
            content:"<<tiddler Backstage##BackstageTiddlers>>"
        };
        config.tasks.plugins = {
            text:"plugins",
            tooltip:"Manage installed plugins",
            content:"<<tiddler Backstage##Plugins>>"
        };
        config.tasks.batch = {
            text:"batch",
            tooltip:"Batch manage public/private tiddlers",
            content:"<<tiddler Backstage##BatchOps>>"
        };
        config.tasks.tweaks = {
            text:"tweaks",
            tooltip:"Tweak TiddlyWiki behaviors",
            content:"<<tiddler Backstage##Tweaks>>"
        };
        config.tasks.exportTiddlers = {
            text:"import/export",
            tooltip:"Import/export tiddlers from/to a TiddlyWiki",
            content:"<<tiddler Backstage##ImportExport>>"
        };
        config.tasks.sync = {
            text:"sync",
            tooltip:"Check Sync status",
            content:"<<tiddler Backstage##SpaceUnplugged>>"
        };

        if (window.location.protocol === "file:") {
            config.unplugged = true;
        }

        config.backstageTasks = ["status", "tiddlers", "plugins",
            "batch", "tweaks", "exportTiddlers", "sync"];

        config.messages.backstage.prompt = "";
    // initialize state
        var _show = backstage.show;
        backstage.show = function () {
            // selectively hide backstage tasks and tabs based on user status
            var tasks = $("#backstageToolbar .backstageTask").show();
            var bs = backstage.tiddlyspace;
            if (!config.unplugged) {
                tweb.getUserInfo(function (user) {
                    if (user.anon) {
                        jQuery.each(disabled_tasks_for_nonmembers, function (i, task) {
                            var taskIndex = config.backstageTasks.indexOf(task);
                            if (taskIndex !== -1) {
                                config.backstageTasks.splice(taskIndex, 1);
                            }
                        });
                        config.messages.memberStatus = bs.locale.loggedout;
                    } else {
                        config.messages.memberStatus = readOnly ?
                            bs.locale.nonmember : bs.locale.member;
                    }
                });
            } else {
                config.messages.memberStatus = bs.locale.unplugged;
            }

            // display backstage
            return _show.apply(this, arguments);
        };
        if (readOnly) {
            jQuery.each(disabled_tasks_for_nonmembers, function (i, task) {
                var taskIndex = config.backstageTasks.indexOf(task);
                if (taskIndex !== -1) {
                    config.backstageTasks.splice(taskIndex, 1);
                }
            });
        }

        var tasks = config.tasks;
        var commonUrl = "/bags/common/tiddlers/%0";

        backstage.tiddlyspace = {
            locale:{
                member:"You are a member of this space.",
                nonmember:"You are not a member of this space.",
                loggedout:"You are currently logged out of TiddlySpace.",
                unplugged:"You are unplugged."
            },
            showButton:function () {
                var showBtn = $("#backstageShow")[0];
                var altText = $(showBtn).text();
                $(showBtn).empty();
                imageMacro.renderImage(showBtn, "backstage.svg",
                    { altImage:commonUrl.format("backstage.png"), alt:altText});
            },
            hideButton:function () {
                var hideBtn = $("#backstageHide")[0];
                var altText = $(hideBtn).text();
                $(hideBtn).empty();
                imageMacro.renderImage(hideBtn, "close.svg",
                    { altImage:commonUrl.format("close.png"), alt:altText, width:24, height:24 });
            }
        };

        var _init = backstage.init;
        backstage.init = function () {
            _init.apply(this, arguments);
            var init = function (user) {
                var bs = backstage.tiddlyspace;
                bs.showButton();
                bs.hideButton();
            };
            tweb.getUserInfo(init);
        };

        var home = config.macros.homeLink = {
            locale:{
                linkText:"your home space"
            },
            handler:function (place) {
                var container = $("<span />").appendTo(place)[0];
                tweb.getUserInfo(function (user) {
                    if (!user.anon && user.name !== currentSpace) {
                        createSpaceLink(container, user.name, null, home.locale.linkText);
                    }
                });
            }
        };

        config.macros.exportSpace = {
            handler:function (place, macroName, params) {
                var filename = params[0] ||
                    "/tiddlers.wiki?download=%0.html".format(currentSpace);
                $('<a class="button">download</a>').// XXX: i18n
                    attr("href", filename).appendTo(place);
            }
        };

    }(jQuery));
    //}}}

    /***
    |''Name''|RevisionsCommandPlugin|
    |''Description''|provides access to tiddler revisions|
    |''Author''|FND|
    |''Contributors''|Martin Budden|
    |''Version''|0.3.3|
    |''Status''|@@beta@@|
    |''Source''|http://svn.tiddlywiki.org/Trunk/association/plugins/RevisionsCommandPlugin.js|
    |''CodeRepository''|http://svn.tiddlywiki.org/Trunk/association/plugins/|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    |''CoreVersion''|2.6.0|
    |''Keywords''|serverSide|
    !Usage
    Extend [[ToolbarCommands]] with {{{revisions}}}.
    !Revision History
    !!v0.1 (2009-07-23)
    * initial release (renamed from experimental ServerCommandsPlugin)
    !!v0.2 (2010-03-04)
    * suppressed wikification in diff view
    !!v0.3 (2010-04-07)
    * restored wikification in diff view
    * added link to side-by-side diff view
    !To Do
    * strip server.* fields from revision tiddlers
    * resolve naming conflicts
    * i18n, l10n
    * code sanitizing
    * documentation
    !Code
    ***/
    //{{{
    (function($) {

    jQuery.twStylesheet(".diff { white-space: pre, font-family: monospace }",
    	{ id: "diff" });

    var cmd = config.commands.revisions = {
    	type: "popup",
    	hideShadow: true,
    	text: "revisions",
    	tooltip: "display tiddler revisions",
    	revTooltip: "", // TODO: populate dynamically?
    	loadLabel: "loading...",
    	loadTooltip: "loading revision list",
    	selectLabel: "select",
    	selectTooltip: "select revision for comparison",
    	selectedLabel: "selected",
    	compareLabel: "compare",
    	linkLabel: "side-by-side view",
    	revSuffix: " [rev. #%0]",
    	diffSuffix: " [diff: #%0 #%1]",
    	dateFormat: "YYYY-0MM-0DD 0hh:0mm",
    	listError: "revisions could not be retrieved",

    	handlePopup: function(popup, title) {
    		title = this.stripSuffix("rev", title);
    		title = this.stripSuffix("diff", title);
    		var tiddler = store.getTiddler(title);
    		var type = _getField("server.type", tiddler);
    		var adaptor = new config.adaptors[type]();
    		var limit = null; // TODO: customizable
    		var context = {
    			host: _getField("server.host", tiddler),
    			workspace: _getField("server.workspace", tiddler)
    		};
    		var loading = createTiddlyButton(popup, cmd.loadLabel, cmd.loadTooltip);
    		var params = { popup: popup, loading: loading, origin: title };
    		adaptor.getTiddlerRevisionList(title, limit, context, params, this.displayRevisions);
    	},

    	displayRevisions: function(context, userParams) {
    		removeNode(userParams.loading);
    		if(context.status) {
    			var callback = function(ev) {
    				var e = ev || window.event;
    				var revision = resolveTarget(e).getAttribute("revision");
    				context.adaptor.getTiddlerRevision(tiddler.title, revision, context,
    					userParams, cmd.displayTiddlerRevision);
    			};
    			var table = createTiddlyElement(userParams.popup, "table");
    			for(var i = 0; i < context.revisions.length; i++) {
    				var tiddler = context.revisions[i];
    				var row = createTiddlyElement(table, "tr");
    				var timestamp = tiddler.modified.formatString(cmd.dateFormat);
    				var revision = tiddler.fields["server.page.revision"];
    				var cell = createTiddlyElement(row, "td");
    				createTiddlyButton(cell, timestamp, cmd.revTooltip, callback, null,
    					null, null, { revision: revision });
    				cell = createTiddlyElement(row, "td", null, null, tiddler.modifier);
    				cell = createTiddlyElement(row, "td");
    				createTiddlyButton(cell, cmd.selectLabel, cmd.selectTooltip,
    					cmd.revisionSelected, null, null, null,
    					{ index:i, revision: revision, col: 2 });
    				cmd.context = context; // XXX: unsafe (singleton)!?
    			}
    		} else {
    			$("<li />").text(cmd.listError).appendTo(userParams.popup);
    		}
    	},

    	revisionSelected: function(ev) {
    		var e = ev || window.event;
    		e.cancelBubble = true;
    		if(e.stopPropagation) {
    			e.stopPropagation();
    		}
    		var n = resolveTarget(e);
    		var index = n.getAttribute("index");
    		var col = n.getAttribute("col");
    		while(!index || !col) {
    			n = n.parentNode;
    			index = n.getAttribute("index");
    			col = n.getAttribute("col");
    		}
    		cmd.revision = n.getAttribute("revision");
    		var table = n.parentNode.parentNode.parentNode;
    		var rows = table.childNodes;
    		for(var i = 0; i < rows.length; i++) {
    			var c = rows[i].childNodes[col].firstChild;
    			if(i == index) {
    				if(c.textContent) {
    					c.textContent = cmd.selectedLabel;
    				} else {
    					c.text = cmd.selectedLabel;
    				}
    			} else {
    				if(c.textContent) {
    					c.textContent = cmd.compareLabel;
    				} else {
    					c.text = cmd.compareLabel;
    				}
    				c.onclick = cmd.compareSelected;
    			}
    		}
    	},

    	compareSelected: function(ev) {
    		var e = ev || window.event;
    		var n = resolveTarget(e);
    		var context = cmd.context;
    		context.rev1 = n.getAttribute("revision");
    		context.rev2 = cmd.revision;
    		context.tiddler = context.revisions[n.getAttribute("index")];
    		context.format = "unified";
    		context.adaptor.getTiddlerDiff(context.tiddler.title, context,
    			context.userParams, cmd.displayTiddlerDiffs);
    	},

    	displayTiddlerDiffs: function(context, userParams) {
    		var tiddler = context.tiddler;
    		tiddler.title += cmd.diffSuffix.format([context.rev1, context.rev2]);
    		tiddler.text = "{{diff{\n" + context.diff + "\n}}}";
    		tiddler.tags = ["diff"];
    		tiddler.fields.doNotSave = "true"; // XXX: correct?
    		if(!store.getTiddler(tiddler.title)) {
    			store.addTiddler(tiddler);
    		}
    		var src = story.getTiddler(userParams.origin);
    		var tiddlerEl = story.displayTiddler(src, tiddler);
    		var uri = context.uri.replace("format=unified", "format=horizontal");
    		var link = $('<a target="_blank" />').attr("href", uri).text(cmd.linkLabel);
    		$(".viewer", tiddlerEl).prepend(link);
    	},

    	displayTiddlerRevision: function(context, userParams) {
    		var tiddler = context.tiddler;
    		tiddler.title += cmd.revSuffix.format([tiddler.fields["server.page.revision"]]);
    		tiddler.fields.doNotSave = "true"; // XXX: correct?
    		if(!store.getTiddler(tiddler.title)) {
    			store.addTiddler(tiddler);
    		}
    		var src = story.getTiddler(userParams.origin);
    		story.displayTiddler(src, tiddler);
    	},

    	stripSuffix: function(type, title) {
    		var str = cmd[type + "Suffix"];
    		var i = str.indexOf("%0");
    		i = title.indexOf(str.substr(0, i));
    		if(i != -1) {
    			title = title.substr(0, i);
    		}
    		return title;
    	}
    };

    var _getField = function(name, tiddler) {
    	return tiddler.fields[name] || config.defaultCustomFields[name];
    };

    })(jQuery);
    //}}}

    /***
    |''Description''|Sanitisation for dynamically pulling tiddlers into your space and displaying them|
    !Notes
    Works both inside and outside TiddlyWiki. Uses the HTML Sanitizer provided by the Google Caja project
    (see http://code.google.com/p/google-caja/wiki/JsHtmlSanitizer for more on this), which is licensed under
    an Apache License (see http://www.apache.org/licenses/LICENSE-2.0).
    !Code
    ***/
    //{{{
    (function($) {

    var cleanURL = function(url) {
    	var regexp = /^(?:http|https|mailto|ftp|irc|news):\/\//;
    	return (regexp.test(url)) ? url : null;
    };

    $.sanitize = function(html) {
    	return html_sanitize(html, cleanURL);
    };

    /*
     * HTML Sanitizer, provided by Google Caja
     */

    /* Copyright Google Inc.
     * Licensed under the Apache Licence Version 2.0
     * Autogenerated at Tue May 17 17:39:24 BST 2011
     * @provides html4
     */var html4={};html4.atype={NONE:0,URI:1,URI_FRAGMENT:11,SCRIPT:2,STYLE:3,ID:4,IDREF:5,IDREFS:6,GLOBAL_NAME:7,LOCAL_NAME:8,CLASSES:9,FRAME_TARGET:10},html4.ATTRIBS={"*::class":9,"*::dir":0,"*::id":4,"*::lang":0,"*::onclick":2,"*::ondblclick":2,"*::onkeydown":2,"*::onkeypress":2,"*::onkeyup":2,"*::onload":2,"*::onmousedown":2,"*::onmousemove":2,"*::onmouseout":2,"*::onmouseover":2,"*::onmouseup":2,"*::style":3,"*::title":0,"a::accesskey":0,"a::coords":0,"a::href":1,"a::hreflang":0,"a::name":7,"a::onblur":2,"a::onfocus":2,"a::rel":0,"a::rev":0,"a::shape":0,"a::tabindex":0,"a::target":10,"a::type":0,"area::accesskey":0,"area::alt":0,"area::coords":0,"area::href":1,"area::nohref":0,"area::onblur":2,"area::onfocus":2,"area::shape":0,"area::tabindex":0,"area::target":10,"bdo::dir":0,"blockquote::cite":1,"br::clear":0,"button::accesskey":0,"button::disabled":0,"button::name":8,"button::onblur":2,"button::onfocus":2,"button::tabindex":0,"button::type":0,"button::value":0,"canvas::height":0,"canvas::width":0,"caption::align":0,"col::align":0,"col::char":0,"col::charoff":0,"col::span":0,"col::valign":0,"col::width":0,"colgroup::align":0,"colgroup::char":0,"colgroup::charoff":0,"colgroup::span":0,"colgroup::valign":0,"colgroup::width":0,"del::cite":1,"del::datetime":0,"dir::compact":0,"div::align":0,"dl::compact":0,"font::color":0,"font::face":0,"font::size":0,"form::accept":0,"form::action":1,"form::autocomplete":0,"form::enctype":0,"form::method":0,"form::name":7,"form::onreset":2,"form::onsubmit":2,"form::target":10,"h1::align":0,"h2::align":0,"h3::align":0,"h4::align":0,"h5::align":0,"h6::align":0,"hr::align":0,"hr::noshade":0,"hr::size":0,"hr::width":0,"iframe::align":0,"iframe::frameborder":0,"iframe::height":0,"iframe::marginheight":0,"iframe::marginwidth":0,"iframe::width":0,"img::align":0,"img::alt":0,"img::border":0,"img::height":0,"img::hspace":0,"img::ismap":0,"img::name":7,"img::src":1,"img::usemap":11,"img::vspace":0,"img::width":0,"input::accept":0,"input::accesskey":0,"input::align":0,"input::alt":0,"input::autocomplete":0,"input::checked":0,"input::disabled":0,"input::ismap":0,"input::maxlength":0,"input::name":8,"input::onblur":2,"input::onchange":2,"input::onfocus":2,"input::onselect":2,"input::readonly":0,"input::size":0,"input::src":1,"input::tabindex":0,"input::type":0,"input::usemap":11,"input::value":0,"ins::cite":1,"ins::datetime":0,"label::accesskey":0,"label::for":5,"label::onblur":2,"label::onfocus":2,"legend::accesskey":0,"legend::align":0,"li::type":0,"li::value":0,"map::name":7,"menu::compact":0,"ol::compact":0,"ol::start":0,"ol::type":0,"optgroup::disabled":0,"optgroup::label":0,"option::disabled":0,"option::label":0,"option::selected":0,"option::value":0,"p::align":0,"pre::width":0,"q::cite":1,"select::disabled":0,"select::multiple":0,"select::name":8,"select::onblur":2,"select::onchange":2,"select::onfocus":2,"select::size":0,"select::tabindex":0,"table::align":0,"table::bgcolor":0,"table::border":0,"table::cellpadding":0,"table::cellspacing":0,"table::frame":0,"table::rules":0,"table::summary":0,"table::width":0,"tbody::align":0,"tbody::char":0,"tbody::charoff":0,"tbody::valign":0,"td::abbr":0,"td::align":0,"td::axis":0,"td::bgcolor":0,"td::char":0,"td::charoff":0,"td::colspan":0,"td::headers":6,"td::height":0,"td::nowrap":0,"td::rowspan":0,"td::scope":0,"td::valign":0,"td::width":0,"textarea::accesskey":0,"textarea::cols":0,"textarea::disabled":0,"textarea::name":8,"textarea::onblur":2,"textarea::onchange":2,"textarea::onfocus":2,"textarea::onselect":2,"textarea::readonly":0,"textarea::rows":0,"textarea::tabindex":0,"tfoot::align":0,"tfoot::char":0,"tfoot::charoff":0,"tfoot::valign":0,"th::abbr":0,"th::align":0,"th::axis":0,"th::bgcolor":0,"th::char":0,"th::charoff":0,"th::colspan":0,"th::headers":6,"th::height":0,"th::nowrap":0,"th::rowspan":0,"th::scope":0,"th::valign":0,"th::width":0,"thead::align":0,"thead::char":0,"thead::charoff":0,"thead::valign":0,"tr::align":0,"tr::bgcolor":0,"tr::char":0,"tr::charoff":0,"tr::valign":0,"ul::compact":0,"ul::type":0},html4.eflags={OPTIONAL_ENDTAG:1,EMPTY:2,CDATA:4,RCDATA:8,UNSAFE:16,FOLDABLE:32,SCRIPT:64,STYLE:128},html4.ELEMENTS={a:0,abbr:0,acronym:0,address:0,applet:16,area:2,b:0,base:18,basefont:18,bdo:0,big:0,blockquote:0,body:49,br:2,button:0,canvas:0,caption:0,center:0,cite:0,code:0,col:2,colgroup:1,dd:1,del:0,dfn:0,dir:0,div:0,dl:0,dt:1,em:0,fieldset:0,font:0,form:0,frame:18,frameset:16,h1:0,h2:0,h3:0,h4:0,h5:0,h6:0,head:49,hr:2,html:49,i:0,iframe:4,img:2,input:2,ins:0,isindex:18,kbd:0,label:0,legend:0,li:1,link:18,map:0,menu:0,meta:18,nobr:0,noframes:20,noscript:20,object:16,ol:0,optgroup:0,option:1,p:1,param:18,pre:0,q:0,s:0,samp:0,script:84,select:0,small:0,span:0,strike:0,strong:0,style:148,sub:0,sup:0,table:0,tbody:1,td:1,textarea:8,tfoot:1,th:1,thead:1,title:24,tr:1,tt:0,u:0,ul:0,"var":0},html4.ueffects={NOT_LOADED:0,SAME_DOCUMENT:1,NEW_DOCUMENT:2},html4.URIEFFECTS={"a::href":2,"area::href":2,"blockquote::cite":0,"body::background":1,"del::cite":0,"form::action":2,"img::src":1,"input::src":1,"ins::cite":0,"q::cite":0},html4.ltypes={UNSANDBOXED:2,SANDBOXED:1,DATA:0},html4.LOADERTYPES={"a::href":2,"area::href":2,"blockquote::cite":2,"body::background":1,"del::cite":2,"form::action":2,"img::src":1,"input::src":1,"ins::cite":2,"q::cite":2};var html=function(a){function x(b,c,d){var e=[];w(function(b,e){for(var f=0;f<e.length;f+=2){var g=e[f],h=e[f+1],i=null,j;if((j=b+"::"+g,a.ATTRIBS.hasOwnProperty(j))||(j="*::"+g,a.ATTRIBS.hasOwnProperty(j)))i=a.ATTRIBS[j];if(i!==null)switch(i){case a.atype.NONE:break;case a.atype.SCRIPT:case a.atype.STYLE:h=null;break;case a.atype.ID:case a.atype.IDREF:case a.atype.IDREFS:case a.atype.GLOBAL_NAME:case a.atype.LOCAL_NAME:case a.atype.CLASSES:h=d?d(h):h;break;case a.atype.URI:h=c&&c(h);break;case a.atype.URI_FRAGMENT:h&&"#"===h.charAt(0)?(h=d?d(h):h,h&&(h="#"+h)):h=null;break;default:h=null}else h=null;e[f+1]=h}return e})(b,e);return e.join("")}function w(b){var c,d;return v({startDoc:function(a){c=[],d=!1},startTag:function(e,f,g){if(!d){if(!a.ELEMENTS.hasOwnProperty(e))return;var h=a.ELEMENTS[e];if(h&a.eflags.FOLDABLE)return;if(h&a.eflags.UNSAFE){d=!(h&a.eflags.EMPTY);return}f=b(e,f);if(f){h&a.eflags.EMPTY||c.push(e),g.push("<",e);for(var i=0,j=f.length;i<j;i+=2){var k=f[i],l=f[i+1];l!==null&&l!==void 0&&g.push(" ",k,'="',r(l),'"')}g.push(">")}}},endTag:function(b,e){if(d)d=!1;else{if(!a.ELEMENTS.hasOwnProperty(b))return;var f=a.ELEMENTS[b];if(!(f&(a.eflags.UNSAFE|a.eflags.EMPTY|a.eflags.FOLDABLE))){var g;if(f&a.eflags.OPTIONAL_ENDTAG)for(g=c.length;--g>=0;){var h=c[g];if(h===b)break;if(!(a.ELEMENTS[h]&a.eflags.OPTIONAL_ENDTAG))return}else for(g=c.length;--g>=0;)if(c[g]===b)break;if(g<0)return;for(var i=c.length;--i>g;){var h=c[i];a.ELEMENTS[h]&a.eflags.OPTIONAL_ENDTAG||e.push("</",h,">")}c.length=g,e.push("</",b,">")}}},pcdata:function(a,b){d||b.push(a)},rcdata:function(a,b){d||b.push(a)},cdata:function(a,b){d||b.push(a)},endDoc:function(a){for(var b=c.length;--b>=0;)a.push("</",c[b],">");c.length=0}})}function v(c){return function(d,e){d=String(d);var f=null,g=!1,h=[],j=void 0,l=void 0,m=void 0;c.startDoc&&c.startDoc(e);while(d){var n=d.match(g?t:u);d=d.substring(n[0].length);if(g){if(n[1]){var o=b(n[1]),p;if(n[2]){var q=n[3];switch(q.charCodeAt(0)){case 34:case 39:q=q.substring(1,q.length-1)}p=k(i(q))}else p=o;h.push(o,p)}else if(n[4]){l!==void 0&&(m?c.startTag&&c.startTag(j,h,e):c.endTag&&c.endTag(j,e));if(m&&l&(a.eflags.CDATA|a.eflags.RCDATA)){f===null?f=b(d):f=f.substring(f.length-d.length);var r=f.indexOf("</"+j);r<0&&(r=d.length),l&a.eflags.CDATA?c.cdata&&c.cdata(d.substring(0,r),e):c.rcdata&&c.rcdata(s(d.substring(0,r)),e),d=d.substring(r)}j=l=m=void 0,h.length=0,g=!1}}else if(n[1])c.pcdata&&c.pcdata(n[0],e);else if(n[3])m=!n[2],g=!0,j=b(n[3]),l=a.ELEMENTS.hasOwnProperty(j)?a.ELEMENTS[j]:void 0;else if(n[4])c.pcdata&&c.pcdata(n[4],e);else if(n[5]&&c.pcdata)switch(n[5]){case"<":c.pcdata("&lt;",e);break;case">":c.pcdata("&gt;",e);break;default:c.pcdata("&amp;",e)}}c.endDoc&&c.endDoc(e)}}function s(a){return a.replace(m,"&amp;$1").replace(n,"&lt;").replace(o,"&gt;")}function r(a){return a.replace(l,"&amp;").replace(n,"&lt;").replace(o,"&gt;").replace(p,"&#34;").replace(q,"&#61;")}function k(a){return a.replace(j,g)}function i(a){return a.replace(h,"")}function g(a,b){return f(b)}function f(a){a=b(a);if(c.hasOwnProperty(a))return c[a];var f=a.match(d);if(f)return String.fromCharCode(parseInt(f[1],10));if(!!(f=a.match(e)))return String.fromCharCode(parseInt(f[1],16));return""}var b;"script"==="SCRIPT".toLowerCase()?b=function(a){return a.toLowerCase()}:b=function(a){return a.replace(/[A-Z]/g,function(a){return String.fromCharCode(a.charCodeAt(0)|32)})};var c={lt:"<",gt:">",amp:"&",nbsp:"240",quot:'"',apos:"'"},d=/^#(\d+)$/,e=/^#x([0-9A-Fa-f]+)$/,h=/\0/g,j=/&(#\d+|#x[0-9A-Fa-f]+|\w+);/g,l=/&/g,m=/&([^a-z#]|#(?:[^0-9x]|x(?:[^0-9a-f]|$)|$)|$)/gi,n=/</g,o=/>/g,p=/\"/g,q=/\=/g,t=new RegExp("^\\s*(?:(?:([a-z][a-z-]*)(\\s*=\\s*(\"[^\"]*\"|'[^']*'|(?=[a-z][a-z-]*\\s*=)|[^>\"'\\s]*))?)|(/?>)|[\\s\\S][^a-z\\s>]*)","i"),u=new RegExp("^(?:&(\\#[0-9]+|\\#[x][0-9a-f]+|\\w+);|<!--[\\s\\S]*?-->|<!\\w[^>]*>|<\\?[^>*]*>|<(/)?([a-z][a-z0-9]*)|([^<&>]+)|([<&>]))","i");return{escapeAttrib:r,makeHtmlSanitizer:w,makeSaxParser:v,normalizeRCData:s,sanitize:x,unescapeEntities:k}}(html4),html_sanitize=html.sanitize

    // stop here if we're not in TiddlyWiki
    // XXX: is this the correct way of checking for TiddlyWiki?
    if (!window.TiddlyWiki || !window.store || !store instanceof TiddlyWiki) {
    	return;
    }

    var tiddlyspace = config.extensions.tiddlyspace;

    var _subWikify = Wikifier.prototype.subWikify;

    var cleanedTitle = 'This section has been cleaned of any potentially harmful code';

    var replaceFunctions = {
    	html: function(w) {
    		var sanitizedHTML, spanEl;
    		this.lookaheadRegExp.lastIndex = w.matchStart;
    		var lookaheadMatch = this.lookaheadRegExp.exec(w.source);
    		if(lookaheadMatch && lookaheadMatch.index == w.matchStart) {
    			sanitizedHTML = $.sanitize(lookaheadMatch[1]);
    			spanEl = createTiddlyElement(w.output, 'span', null, 'sanitized');
    			spanEl.innerHTML = sanitizedHTML;
    			spanEl.setAttribute('title', cleanedTitle);
    			w.nextMatch = this.lookaheadRegExp.lastIndex;
    		}
    	},
    	customFormat: function(w) {
    		switch(w.matchText) {
    			case '@@':
    				var e = createTiddlyElement(w.output, 'span');
    				var styles = config.formatterHelpers.inlineCssHelper(w);
    				if (styles.length === 0) {
    					e.className = 'marked';
    				}
    				w.subWikifyTerm(e, /(@@)/mg);
    				break;
    			case '{{':
    				var lookaheadRegExp = /\{\{[\s]*([\w]+[\s\w]*)[\s]*\{(\n?)/mg;
    				lookaheadRegExp.lastIndex = w.matchStart;
    				var lookaheadMatch = lookaheadRegExp.exec(w.source);
    				if(lookaheadMatch) {
    					w.nextMatch = lookaheadRegExp.lastIndex;
    					e = createTiddlyElement(w.output,lookaheadMatch[2] == "\n" ? "div" : "span",null,lookaheadMatch[1]);
    					w.subWikifyTerm(e,/(\}\}\})/mg);
    				}
    				break;
    		}
    	}
    };

    Wikifier.prototype.subWikify = function(output, terminator) {
    	var tid = this.tiddler,
    		spaceName = tiddlyspace.currentSpace.name,
    		tidSpace, recipeName, stripped;
    	try {
    		recipeName = tid.fields['server.recipe'] ||
    			tid.fields['server.workspace'];
    		tidSpace = tiddlyspace.resolveSpaceName(recipeName);
    		if (tidSpace !== spaceName) {
    			// external tiddler, so replace dangerous formatters
    			stripped = stripHTML(tid, this.formatter);
    		}
    	} catch(e) {
    		// do nothing. There's no tiddler, so assume it's safe (?!?!?)
    	}

    	_subWikify.apply(this, arguments);

    	if (stripped) {
    		// change back to the original function
    		unstripHTML(stripped, this.formatter);
    	}
    };

    // replace potentially unsafe formatters with versions that strip bad HTML/CSS
    var stripHTML = function(tid, formatter) {
    	var popped = {}, _handler;
    	for (var i = 0; i < formatter.formatters.length; i++) {
    		var f = formatter.formatters[i];
    		if (replaceFunctions[f.name]) {
    			_handler = f.handler;
    			popped[f.name] = _handler;
    			f.handler = replaceFunctions[f.name];
    		}
    	};

    	return popped;
    };

    // put the original formatters back where they belong
    var unstripHTML = function(stripped, formatter) {
    	for (var i = 0; i < formatter.formatters.length; i++) {
    		var f = formatter.formatters[i];
    		if (stripped[f.name]) {
    			f.handler = stripped[f.name];
    		}
    	};
    };

    })(jQuery);
    //}}}

    <!--{{{-->
    <link rel="shortcut icon" href="/recipes/interview_public/tiddlers/favicon.ico" />
    <link href="/bags/interview_public/tiddlers.atom" rel="alternate"
    	type="application/atom+xml" title="interview's public feed" />
    <!--}}}-->

    /***
    |''Name''|BinaryTiddlersPlugin|
    |''Description''|renders base64-encoded binary tiddlers as images or links|
    |''Author''|FND|
    |''Version''|0.3.2|
    |''Status''|@@beta@@|
    |''Source''|http://svn.tiddlywiki.org/Trunk/association/plugins/BinaryTiddlersPlugin.js|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    |''CoreVersion''|2.5|
    !Code
    ***/
    //{{{
    (function($) {

    "use strict";

    var ctfield = "server.content-type";

    var plugin = config.extensions.BinaryTiddlersPlugin = {
    	isWikiText: function(tiddler) {
    		var ctype = tiddler.fields[ctfield];
    		if(ctype) {
    			if (ctype === 'text/x-tiddlywiki') {
    				return true;
    			}
    			return !this.isBinary(tiddler) && !this.isTextual(ctype);
    		} else {
    			return true;
    		}
    	},
    	// NB: pseudo-binaries are considered non-binary here
    	isBinary: function(tiddler) {
    		var ctype = tiddler.fields[ctfield];
    		return ctype ? !this.isTextual(ctype) : false;
    	},
    	isTextual: function(ctype) {
    		return ctype.indexOf("text/") === 0
    			|| this.endsWith(ctype, "+xml")
    			|| ctype === 'application/json'
    			|| ctype === 'application/javascript';
    	},
    	endsWith: function(str, suffix) {
    		return str.length >= suffix.length &&
    			str.substr(str.length - suffix.length) === suffix;
    	},
    	isLink: function(tiddler) {
    		return this.isBinary(tiddler) && tiddler.text.indexOf("<html>") !== -1;
    	}
    };

    // Disable edit for linked tiddlers (for now)
    // This will be changed to a GET then PUT
    config.commands.editTiddler.isEnabled = function(tiddler) {
        var existingTest = config.commands.editTiddler.isEnabled;
        if (existingTest) {
            return existingTest && !plugin.isLink(tiddler);
        } else {
            return !plugin.isLink(tiddler);
        }
    };

    // hijack text viewer to add special handling for binary tiddlers
    var _view = config.macros.view.views.wikified;
    config.macros.view.views.wikified = function(value, place, params, wikifier,
    		paramString, tiddler) {
    	var ctype = tiddler.fields["server.content-type"];
    	if(params[0] === "text" && ctype && ctype !== 'text/x-tiddlywiki' &&
    			!tiddler.tags.contains("systemConfig") && !plugin.isLink(tiddler)) {
    		var el;
    		if(plugin.isBinary(tiddler)) {
    			var uri = "data:%0;base64,%1".format([ctype, tiddler.text]); // TODO: fallback for legacy browsers
    			if(ctype.indexOf("image/") === 0) {
    				el = $("<img />").attr("alt", tiddler.title).attr("src", uri);
    			} else {
    				el = $("<a />").attr("href", uri).text(tiddler.title);
    			}
    		} else {
    			el = $("<pre />").text(tiddler.text);
    		}
    		el.appendTo(place);
    	} else {
    		_view.apply(this, arguments);
    	}
    };

    // hijack edit macro to disable editing of binary tiddlers' body
    var _editHandler = config.macros.edit.handler;
    config.macros.edit.handler = function(place, macroName, params, wikifier,
    		paramString, tiddler) {
    	if(params[0] === "text" && plugin.isBinary(tiddler)) {
    		return false;
    	} else {
    		_editHandler.apply(this, arguments);
    	}
    };

    // hijack autoLinkWikiWords to ignore binary tiddlers
    var _autoLink = Tiddler.prototype.autoLinkWikiWords;
    Tiddler.prototype.autoLinkWikiWords = function() {
    	return plugin.isWikiText(this) ? _autoLink.apply(this, arguments) : false;
    };

    }(jQuery));
    //}}}

    /***
    |''Name''|ImageMacroPlugin|
    |''Version''|0.9.4|
    |''Description''|Allows the rendering of svg images in a TiddlyWiki|
    |''Author''|Osmosoft|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    |''Notes''|Currently only works in modern browsers (not IE)|
    |''Requires''|BinaryTiddlersPlugin|
    !Usage
    {{{<<image SVG>>}}} will render the text of the tiddler with title SVG as an SVG image (but not in ie where it will fail silently)
    !!Parameters
    width/height: specify width/height parameters
    link: make the image link to a given location
    tiddlyLink: link to a tiddler

    !Notes
    Binary tiddlers in TiddlyWeb when passed through the wikifier will be shown as images.
    eg. {{{<<view text wikified>>}}} on a binary tiddler will show the image.
    {{{<<view fieldname image>>}}}
    will render the value of the tiddler field 'fieldname' as an image. This field can contain a tid
    {{{<<image SiteIcon>>}}}
    will create an image tag where the tiddler has content type beginning image and not ending +xml
    will attempt to create svg object in other scenarios
    {{{<<image /photos/x.jpg>>}}}
    will create an image tag with src /photos/x.jpg as long as there is not a tiddler called /photos/x.jpg in
    which case it will render that tiddler as an image. Note for the case of svg files it will attempt to render as an svg if possible via the image
    tag. It doesn't embed the svg in the dom for security reasons as svg code can contain javascript.
    !Code
    ***/
    //{{{
    (function($) {

    var macro = config.macros.image = {
    	shim: "/bags/common/tiddlers/shim",
    	ieVersion: config.browser.isIE ? parseInt(config.browser.ieVersion[1], 10) : false,
    	svgns: "http://www.w3.org/2000/svg",
    	xlinkns: "http://www.w3.org/1999/xlink",
    	svgAvailable: document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1"),
    	_fixPrefix: 1,
    	_external_cache: {},
    	_image_tag_cache: {},
    	_image_dimensions: {},
    	locale: {
    		badImage: "This image cannot be displayed."
    	},
    	handler: function(place, macroName, params, wikifier, paramString, tiddler){
    		var imageSource = params[0];
    		// collect named arguments
    		var args = macro.getArguments(paramString, params);
    		this.renderImage(place, imageSource, args);
    	},
    	init: function() {
    		var startupImages = store.getTaggedTiddlers("systemImage");
    		var place = $("<div />").attr("id", "systemImageArea").appendTo("body").hide()[0];
    		for(var i = 0; i < startupImages.length; i++) {
    			var image = startupImages[i];
    			macro.renderImage(place, image.title, { idPrefix: "" });
    		}
    		var data = new Image();
    		data.onload = function() {
    			// note ie 8 only supports data uris up to 32k so cannot be relied on
    			macro.supportsDataUris = this.width != 1 || this.height != 1 ? false : true;
    			macro.supportsDataUris = macro.ieVersion && macro.ieVersion < 9 ? false : macro.supportsDataUris;
    		};
    		data.onerror = data.onload;
    		data.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
    	},
    	refreshImage: function(src) {
    		var elements = macro._image_tag_cache[src] ? macro._image_tag_cache[src] : [];
    		if(macro._image_dimensions[src]) {
    			macro._image_dimensions[src] = false;
    		}
    		for(var i = 0; i < elements.length; i++) {
    			var el = $(elements[i]);
    			var newSrc = "%0?nocache=%1".format(src, Math.random());
    			el.attr("src", newSrc); // force reload
    		}
    	},
    	isBinaryImageType: function(contentType) {
    		return (contentType && contentType.indexOf("image") === 0 &&
    			contentType.indexOf("+xml") != contentType.length - 4) ? true : false;
    	},
    	isImageTiddler: function(tiddler) {
    		return macro.isSVGTiddler(tiddler) || macro.isBinaryImageTiddler(tiddler);
    	},
    	isSVGTiddler: function(tiddler) {
    		var type = tiddler ? tiddler.fields['server.content-type'] : false;
    		return type == "image/svg+xml";
    	},
    	isBinaryImageTiddler: function(tiddler) {
    		return macro.isBinaryImageType(tiddler.fields['server.content-type']);
    	},
    	renderImage: function(place, imageSource, options) {
    		var imageTiddler = store.getTiddler(imageSource);
    		var container;
    		var classes = ["image"];
    		if(options.link) {
    			classes = classes.concat(["imageLink", "externalLink"]);
    			container = $("<a />").attr("href", options.link).appendTo(place)[0];
    		} else if(options.tiddlyLink) {
    			classes.push("imageLink");
    			container = createTiddlyLink(place, options.tiddlyLink, false);
    		} else {
    			container = $("<span />").appendTo(place)[0];
    		}
    		$(container).addClass(classes.join(" "));

    		options = options ? options : {};
    		if(imageTiddler && macro.isBinaryImageTiddler(imageTiddler)) { // handle the case where we have an image url
    			return macro._renderBinaryImageTiddler(container, imageTiddler, options);
    		} else if(imageTiddler){ // handle the case where we have a tiddler
    			return macro._renderSVGTiddler(container, imageTiddler, options);
    		} else { // we have a string representing a url
    			return macro._renderBinaryImageUrl(container, imageSource, options);
    		}
    	},
    	_renderAlternateText: function(container, options) {
    		var img;
    		var src = options.src || "";
    		if(options.width && options.height) {
    			img = $("<img />").attr("src", src).addClass("svgImageText").attr("width", options.width).
    				attr("height", options.height).appendTo(container);
    		}
    		var alt = options.alt;
    		if(img && alt) {
    			img.attr("alt", alt).attr("title", alt);
    		} else if(alt) {
    			$(container).addClass("svgImageText").text(alt);
    		}
    		macro._image_tag_cache[src] = img;
    	},
    	_renderSVGTiddler: function(place, tiddler, options) {
    		if(!options) {
    			options = {};
    		}
    		merge(options, { tiddler: tiddler, fix: true});

    		if(macro.svgAvailable) {
    			this._importSVG(place, options); // display the svg
    		} else if(options.altImage) {
    			var image = options.altImage;
    			delete options.altImage;
    			this._renderBinaryImageUrl(place, image, options);
    		} else {
    			this._renderAlternateText(place, options); // instead of showing the image show the alternate text.
    		}
    	},
    	_renderBinaryImageTiddler: function(place, tiddler, options) {
    		var resourceURI;
    		var fields = tiddler.fields;
    		if(fields["server.type"] == "tiddlyweb") { // construct an accurate url for the resource
    			resourceURI = "%0/%1/tiddlers/%2".format(config.defaultCustomFields["server.host"],
    				fields["server.workspace"], encodeURI(fields["server.title"]));
    		} else { // guess the url for the resource
    			resourceURI = tiddler.title;
    		}
    		var ctype = fields["server.content-type"] || tiddler.type;
    		var text = tiddler.text;
    		if(macro.supportsDataUris && ctype && text.indexOf("<html") == -1) {
    			var uri = "data:%0;base64,%1".format(ctype, text);
    			options.src = resourceURI;
    			return macro._renderBinaryImageUrl(place, uri, options);
    		} else if(options.src) {
    			return macro._renderBinaryImageUrl(place, options.src, options);
    		} else {
    			return macro._renderBinaryImageUrl(place, resourceURI, options);
    		}
    	},
    	_renderImageTag: function(container, src, width, height, options) {
    		var img;
    		img = $("<img />").appendTo(container);
    		if(height) {
    			img.attr("height", height);
    		}
    		if(width) {
    			img.attr("width", width);
    		}
    		if(macro.ieVersion && macro.ieVersion < 7 && macro.shim && options.ie6png) {
    			$(img).css({width: userW, height: userH,
    					filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='%0', sizingMethod='scale')".format(src)
    				}).attr("src", macro.shim);
    		} else {
    			img.attr("src", src);
    		}
    		if(!macro._image_tag_cache[options.srcUrl]) {
    			macro._image_tag_cache[options.srcUrl] = [];
    		}
    		img = $(img).addClass(options.imageClass)[0];
    		macro._image_tag_cache[options.srcUrl].push(img);
    		return img;
    	},
    	_getDimensions: function(realDimensions, reqDimensions, preserve) {
    		var w = realDimensions.width;
    		var h = realDimensions.height;
    		var reqh = reqDimensions.height;
    		var reqw = reqDimensions.width;
    		var finalw = w, finalh = h;
    		var ratiow = reqw / w, ratioh = reqh / h;
    		var scaledw = ratioh * w;
    		var scaledh = ratiow * h;
    		if(!reqw && reqh) {
    			finalw = scaledw;
    			finalh = reqh;
    		} else if(reqw && !reqh) {
    			finalw = reqw;
    			finalh = scaledh;
    		} else if(reqh && reqw) {
    			var preserveWidth = w > h ? true : false;
    			if(preserve) {
    				if(preserveWidth && scaledh < reqh) {
    					finalh = scaledh;
    					finalw = reqw;
    				} else {
    					finalh = reqh;
    					finalw = scaledw;
    				}
    			} else {
    				finalw = reqw;
    				finalh = reqh;
    			}
    		}
    		return { width: parseInt(finalw, 10), height: parseInt(finalh, 10) };
    	},
    	_renderBinaryImageUrl: function(container, src, options) {
    		var srcUrl = options.src ? options.src : src;
    		srcUrl = srcUrl.indexOf("/") === -1 ? "/%0".format(srcUrl) : srcUrl; // for IE.
    		var image_dimensions = macro._image_dimensions[srcUrl];
    		var image = new Image(); // due to weird scaling issues where you use just a width or just a height
    		var createImageTag = function(dimensions, error) {
    			if(error) {
    				var altImage = options.altImage;
    				if(altImage) {
    					delete options.altImage;
    					macro._renderBinaryImageUrl(container, altImage, options);
    				} else {
    					options.src = src;
    					macro._renderAlternateText(container, options);
    				}
    			} else {
    				var dim = macro._getDimensions(dimensions, {
    					width: options.width, height: options.height }, options.preserveAspectRatio);
    				options.srcUrl = srcUrl;
    				macro._renderImageTag(container, src, dim.width, dim.height, options);
    			}
    		};

    		if(!image_dimensions) {
    			image.onload = function() {
    				var dimensions = { width: image.width, height: image.height};
    				macro._image_dimensions[srcUrl] = dimensions;
    				createImageTag(dimensions);
    			};
    			image.onerror = function() {
    				createImageTag(null, true);
    			};
    			image.src = src;
    		} else {
    			createImageTag(image_dimensions);
    		}
    	},
    	_generateIdPrefix: function(){
    		return "twsvgfix_" + (this._fixPrefix++).toString() + "_";
    	},
    	_fixSVG: function(childNodes, idPrefix) {
    		var urlPattern = /url\(\#([^\)]*)\)*/ig;
    		var fixes = [
    		{ attr: "id", pattern: /^(.*)$/ig },
    		{ attr: "href", namespace: macro.xlinkns, pattern: /^#(.*)$/ig }
    		];
    		var url_fixes = ["filter", "fill", "mask", "stroke", "style"];
    		for(var i = 0; i < url_fixes.length; i++) {
    			fixes.push({ attr: url_fixes[i], pattern: urlPattern });
    		}
    		for(var t = 0; t < childNodes.length; t++) {
    			var node = childNodes[t];
    			for(var a = 0; a < fixes.length; a++) {
    				var fix = fixes[a];
    				var attr = fix.attr;
    				var ns = fix.namespace || "";
    				if(node.hasAttributeNS && node.hasAttributeNS(ns, attr)) {
    					var v = node.getAttributeNS(ns, attr);
    					fix.pattern.lastIndex = 0;
    					var match = fix.pattern.exec(v);
    					if(match) {
    						// Make sure replacement string doesn't contain any single dollar signs
    						var toReplace = match[1];
    						if(toReplace.indexOf(idPrefix) !== 0 && toReplace.indexOf("twglobal_") !== 0) {
    							var replacement = (idPrefix + toReplace).replace("$", "$$$$");
    							v = v.replace(match[1], replacement);
    						}
    						node.setAttributeNS(ns, attr,v);
    					}
    				}
    			}
    			var children = node.childNodes;
    			if(children.length > 0) {
    				this._fixSVG(children, idPrefix);
    			}
    		}
    	},
    	_importSVG: function(place, options){
    		options = options ? options : {};
    		var svgDoc, tiddlerText = options.tiddler.text;
    		if (window.DOMParser) {
    			svgDoc = new DOMParser().parseFromString(tiddlerText, "application/xml").documentElement;
    			var idPrefix = options.idPrefix || this._generateIdPrefix();
    			this._fixSVG([svgDoc], idPrefix);
    			var el = document.importNode(svgDoc, true);
    			var svgHolder = document.createElementNS(macro.svgns,"svg");
    			var width = options.width;
    			var height = options.height;
    			if(width || height) {
    				if(width && height) { // set view box of containing svg element based on the svg viewbox and width and height.
    					var viewBox = el.getAttribute("viewBox");
    					var topLeft = "0 0";
    					if(viewBox) {
    						topLeft = viewBox.replace(/([0-9]*) +([0-9]*) +([0-9]*) +([0-9]*) */gi,"$1 $2");
    					}
    					svgHolder.setAttributeNS(macro.svgns, "viewBox", "0 0 %0 %1".format(width, height));
    				} else {
    					if(!width) {
    						width = el.getAttribute("width");
    					}
    					if(!height) {
    						height = el.getAttribute("height");
    					}
    				}
    				svgHolder.setAttribute("width", width);
    				svgHolder.setAttribute("height", height);

    				el.setAttribute("width", "100%");
    				el.setAttribute("height", "100%");
    				svgHolder.setAttribute("class", "svgImage svgIcon %0".format(options.imageClass || ""));
    				svgHolder.appendChild(el);
    				place.appendChild(svgHolder);
    			}
    			else {
    				var existing = el.className ? el.className.baseVal : "";
    				el.setAttribute("class","svgImage %0".format(existing));
    				place.appendChild(el);
    			}
    			// if a tiddler attribute is set this is read as a link
    			$("[tiddler], [tiddlyLink]", place).attr("refresh", "link").click(function(ev) {
    				var tiddler = $(ev.target).attr("tiddlyLink");
    				if(tiddler) {
    					story.displayTiddler(ev.target, tiddler);
    				}
    			});
    		}
    	},
    	getArguments: function(paramString, params) {
    		var args = paramString.parseParams("name", null, true, false, true)[0];
    		var options = {};
    		for(var id in args) {
    			if(true) {
    				var p = args[id];
    				if(id == "def") {
    					options[id] = p;
    				} else {
    					options[id] = p[0];
    				}
    			}
    		}
    		var width = isNaN(params[1]) ? false : parseInt(params[1], 10);
    		var height = isNaN(params[2]) ? false : parseInt(params[2], 10);

    		options.width = macro.lookupArgument(options, "width", width);
    		options.height = macro.lookupArgument(options, "height", height);
    		options.preserveAspectRatio = args.preserveAspectRatio &&
    			args.preserveAspectRatio[0] == "yes" ? true : false;
    		options.tiddlyLink = macro.lookupArgument(options, "tiddlyLink", false);
    		options.link = macro.lookupArgument(options, "link", false);
    		return options;
    	},
    	lookupArgument: function(args, id, ifEmpty) {
    		return args[id] ? args[id] : ifEmpty;
    	}
    };

    // update views
    var _oldwikifiedview = config.macros.view.views.wikified;
    // update wikifier to check tiddler type before rendering
    merge(config.macros.view.views, {
    	wikified: function(value, place, params, wikifier, paramString, tiddler) {
    		if(macro.isImageTiddler(tiddler) && params[0] == "text") {
    			var newplace = $("<div />").addClass("wikifiedImage").appendTo(place)[0];
    			macro.renderImage(newplace, tiddler.title, { alt: macro.locale.badImage });
    		} else {
    			_oldwikifiedview.apply(this, arguments);
    		}
    	},
    	image: function(value, place, params, wikifier, paramString, tiddler) {
    		// a field can point to another tiddler whereas text is the current tiddler.
    		var title = params[0] == "text" ? tiddler.title : value;
    		var args = macro.getArguments(paramString, params);
    		macro.renderImage(place, title, args);
    	}
    });
    config.shadowTiddlers.StyleSheetImageMacro = [".wikifiedImage svg, .wikifiedImage .image { width: 80%; }",
    	".svgImageText { background-color:[[ColorPalette::Error]]; color:#ddd; display: inline-block; }",
    	"span.svgImageText { display: inline-block; overflow: hidden; }"
    ].join("");
    store.addNotification("StyleSheetImageMacro", refreshStyles);

    })(jQuery);
    //}}}

    /*{{{*/
    Background: #e1e5f4
    Foreground: #0a0f1d
    PrimaryPale: #7d8fcf
    PrimaryLight: #445db9
    PrimaryMid: #2e407f
    PrimaryDark: #04050b
    SecondaryPale: #aecf7d
    SecondaryLight: #8ab944
    SecondaryMid: #5f7f2e
    SecondaryDark: #080b04
    TertiaryPale: #cf8a7d
    TertiaryLight: #b95744
    TertiaryMid: #7f3c2e
    TertiaryDark: #0b0504
    Error: #f88
    ColorPaletteParameters: HSL([227|37], [0.46274978783912957],[0.03051278553903103|0.652059527579695])
    /*}}}*/

    Unless you're delighted with the default theme you can make some quick changes by generating a new random color palette, hit this button to cycle through some alternatives.

    <<RandomColorPaletteButton saturation_pale:0.67 saturation_light:0.53
    saturation_mid:0.43 saturation_dark:0.06 pale:0.99 light:0.85 mid:0.5 dark:0.31>>

    You can also change the look and feel completely by installing a new theme. To do this, find one you like in the @themes space, note down the name, and include it in this space by going to the space menu. You can reach the space menu by clicking on the blue and pink circle at the top-right of the page and chooshing "THIS SPACE". Here are a few to check out:
    * @pip
    * @caspian-ii
    * @basalt
    * @simplicity
    * @cheesecake
    * @jelly-doughnut

    (//Note that if you are using a custom TiddlySpace install, these themes may not be present.//)

    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <!-- Created with Inkscape (http://www.inkscape.org/) -->

    <svg
       xmlns:dc="http://purl.org/dc/elements/1.1/"
       xmlns:cc="http://creativecommons.org/ns#"
       xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
       xmlns:svg="http://www.w3.org/2000/svg"
       xmlns="http://www.w3.org/2000/svg"
       xmlns:xlink="http://www.w3.org/1999/xlink"
       version="1.1"
       width="14pt"
       height="14pt"
       viewBox="918 510 14 14"
       id="svg3070">
      <metadata
         id="metadata3089">
        <rdf:RDF>
          <cc:Work
             rdf:about="">
            <dc:format>image/svg+xml</dc:format>
            <dc:type
               rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
            <dc:title></dc:title>
          </cc:Work>
        </rdf:RDF>
      </metadata>
      <defs
         id="defs3072">
        <radialGradient
           cx="0"
           cy="0"
           r="1"
           id="Gradient"
           gradientUnits="userSpaceOnUse">
          <stop
             id="stop3075"
             style="stop-color:#ffffff;stop-opacity:1"
             offset="0" />
          <stop
             id="stop3077"
             style="stop-color:#2b2b2b;stop-opacity:1"
             offset="1" />
        </radialGradient>
        <radialGradient
           id="Obj_Gradient"
           xlink:href="#Gradient"
           gradientTransform="matrix(11.473944,0,0,11.473944,922.3752,513.7837)" />
      </defs>
      <g
         id="g3080"
         style="fill:none;stroke:none">
        <g
           id="g3082">
          <path
             d="m 929.6952,512.9018 c -2.5384,-2.53843 -6.654,-2.53843 -9.1924,0 -2.5384,2.5384 -2.5384,6.654 0,9.19238 2.5384,2.53839 6.654,2.53839 9.1924,0 2.5384,-2.53838 2.5384,-6.65398 0,-9.19238 m -4.5962,2.8407 2.07733,-2.07734 1.75547,1.75549 -2.0773,2.07735 2.0773,2.07732 -1.75547,1.75548 -2.07733,-2.07732 -2.07733,2.07732 -1.75547,-1.75548 2.0773,-2.07732 -2.0773,-2.07735 1.75547,-1.75549 z"
             id="path3084"
             style="fill:url(#Obj_Gradient)" />
          <path
             d="m 927.61447,515.38354 a 4.51205,4.2590378 0 1 1 -9.0241,0 4.51205,4.2590378 0 1 1 9.0241,0 z"
             transform="matrix(1.0218069,0,0,1.0462046,-18.063694,-21.648443)"
             id="path2394"
             style="fill:#000000;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:5;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
        </g>
      </g>
    </svg>

    <svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 40 40"><metadata><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><defs><linearGradient id="lG3826" x1="7.0996" gradientUnits="userSpaceOnUse" y1="18.829" gradientTransform="matrix(1.5858347,0,0,1.8078238,1098.1851,351.13716)" x2="1.5461" y2="-0.95166"><stop stop-color="#000" offset="0"/><stop stop-color="#9c9b99" offset="1"/></linearGradient><linearGradient id="lG3828" y2="372.44" gradientUnits="userSpaceOnUse" y1="375.7" x2="1111.7" x1="1097.7"><stop style="stop-color:#ac9393;" offset="0"/><stop style="stop-color:#c8b7b7;" offset="1"/></linearGradient></defs><g transform="translate(-1080.9375,-357.3329)"><path style="stroke-width:0;stroke-miterlimit:4;fill:url(#lG3826);" d="m1080.9,357.32,39.996-0.0426-0.01,40.008c-15.507-25.519-15.36-25.95-39.988-39.965z"/><path style="stroke-dashoffset:0;stroke:#7aa3be;stroke-linecap:round;stroke-miterlimit:4;stroke-width:1.49999988;fill:#c1e6fd;" d="m1091.9,363.55c6.5716-6.4925,16.576-7.3925,23.147-0.90003,6.5717,6.4925,6.5717,17.019,0,23.511-4.4424-8.6113-12.288-15.713-23.147-22.611z"/><path style="stroke-dashoffset:0;stroke:#ce81b0;stroke-linecap:round;stroke-miterlimit:4;stroke-width:1.5;fill:#f4c4e2;" d="m1110.2,367.62c3.217,3.2168,3.217,8.4323,0,11.649-3.8194-4.2357-8.3307-8.1824-11.649-11.649,3.217-3.2168,8.4325-3.2168,11.649-0.00002z"/><path style="stroke-linejoin:bevel;stroke:#000000;stroke-linecap:round;stroke-dasharray:none;stroke-miterlimit:4;stroke-width:0.80000001;fill:url(#lG3828);" d="m1081,357.34c18.79,6.4752,32.53,16.56,39.894,39.892-11.19-17.028-14.878-19.19-27.352-14.96,6.2984-12.098,3.9371-13.19-12.542-24.932z"/></g></svg>

    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="506 234 68 36" width="30" height="30"><metadata xmlns:dc="http://purl.org/dc/elements/1.1/"><dc:date>2010-09-16 14:51Z</dc:date><!-- Produced by OmniGraffle Professional 5.2.3 --></metadata><defs></defs><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><rect width="1118" height="783"/><g><path d="M 538.68195 244.31807 C 540.43927 246.07547 540.43927 248.9247 538.68195 250.68204 C 536.92456 252.4394 534.07532 252.4394 532.318 250.68204 C 530.5606 248.9247 530.5606 246.07547 532.318 244.31807 C 534.07532 242.56075 536.92456 242.56075 538.68195 244.31807 M 511.12607 257.99356 C 511.26108 258.13019 511.39728 258.26608 511.53473 258.40121 C 527.2556 273.86606 552.74414 273.86606 568.46515 258.40121 C 568.60248 258.26617 568.73853 258.13037 568.87354 257.9938 C 568.8736 257.99374 568.8736 257.99371 568.8736 257.99362 C 568.87366 257.99371 568.87366 257.9938 568.87372 257.9939 C 570.72504 256.12051 572.35046 254.11153 573.74994 252 C 573.74994 251.99997 573.74994 251.99994 573.74994 251.99992 C 572.35046 249.8884 570.72504 247.87938 568.87372 246.00606 C 568.87366 246.00613 568.87366 246.00621 568.8736 246.00627 C 568.73865 245.86966 568.60254 245.73383 568.46515 245.5987 C 552.74414 230.13387 527.2556 230.13387 511.53473 245.5987 C 511.39728 245.73383 511.26108 245.86974 511.12613 246.00635 C 511.126 246.00624 511.126 246.00616 511.12595 246.00606 C 509.2748 247.87938 507.64954 249.88837 506.24994 251.9998 L 506.24994 251.99983 C 506.24994 251.9999 506.25 251.99992 506.25 251.99997 C 506.25 252 506.24994 252.00005 506.24994 252.00009 L 506.24994 252.00012 C 507.64954 254.11157 509.2748 256.12051 511.12595 257.9939 C 511.126 257.99377 511.126 257.99365 511.12607 257.99359 Z M 515.44916 252 C 515.8548 251.55469 516.27502 251.11778 516.71014 250.68985 C 522.16632 245.32257 529.06055 242.23206 536.17273 241.41824 C 534.6662 241.96199 533.2525 242.83762 532.04498 244.04512 C 527.65155 248.43852 527.65155 255.56163 532.04498 259.95502 C 533.2522 261.16226 534.6656 262.03778 536.17175 262.58154 C 529.05988 261.76761 522.16608 258.6771 516.71014 253.31009 C 516.2751 252.88219 515.85486 252.44528 515.44922 252 Z M 564.55054 251.99995 C 564.14502 252.44525 563.7248 252.88217 563.28973 253.31009 C 557.83368 258.67712 550.93988 261.76764 543.828 262.58157 C 545.33423 262.03781 546.74756 261.1623 547.9549 259.95502 C 552.34833 255.56163 552.34833 248.43852 547.9549 244.04512 C 546.74744 242.83765 545.33374 241.96202 543.82715 241.41824 C 550.9394 242.23206 557.83356 245.3226 563.28973 250.68985 C 563.7248 251.11775 564.14502 251.55467 564.55054 251.99995 Z M 568.8736 257.99362 C 570.7249 256.12033 572.35028 254.11139 573.74988 252.00002" fill="black" class="glyph"/></g></g></svg>

    There are a lot of interesting people using ~TiddlySpace that you might like to keep track of and interact with. There are a number of ways of doing this.

    If you see a number in the speech bubble in one of your tiddlers, it means that someone is writing about the same thing as you. You can find out what they're saying by clicking on it. Likewise, if you see something interesting in someone else's space, you can respond to it and write up your own thoughts on the subject by clicking "Reply to this tiddler".

    Additionally, if you find anyone interesting, or you find an interesting looking space and you'd like to know when it's changed, you can "follow" that space. To do this, simply create a tiddler with the title: {{{@space-name}}} and tag it {{{follow}}}. If you want, you can store some notes about that space in the body of the tiddler.

    If you then want to know what happening, simply [[include|How do I include/exclude spaces?]]@docs the @tivity space and then visit your activity stream at [[/activity|/activity]], or just visit the @tapas space directly.

    !Not sure who to follow?
    Here's a few suggestions:
    * @fnd
    * @cdent
    * @pmario
    * @bengillies
    * @dickon

    /***
    |''Name''|TiddlySpaceFollowingPlugin|
    |''Version''|0.7.1|
    |''Description''|Provides a following macro|
    |''Author''|Jon Robson|
    |''Requires''|TiddlySpaceConfig TiddlySpaceTiddlerIconsPlugin ErrorHandler|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    !Usage
    Tag a tiddler with "follow" to express a list of followers.
    Using the {{{<<followTiddlers X>>}}}
    will reveal the number of tiddlers with name X in the set of spaces the *current* user viewing your space follows.
    {{{<<following jon>>}}} will list all the users following Jon.
    {{{<<followers jon>>}}} will list all the followers of jon.
    {{{<linkedTiddlers>>}}} will list all tiddlers across TiddlySpace linked to the current tiddler
    {{{<linkedTiddlers follow:yes>>}}} will list all tiddlers across TiddlySpace that come from your list of followers
    adds spaceLink view type {{{<<view server.bag spaceLink>>}}} creates a link to the space described in server.bag
    {{{<<view server.bag spaceLink title>>}}} makes a link to the tiddler with title expressed in the field title in space server.bag
    If no name is given eg. {{{<<following>>}}} or {{{<<follow>>}}} it will default the current user.
    !StyleSheet
    .followTiddlersList li {
    	list-style:none;
    }

    .followButton {
    	width: 2em;
    }

    .followTiddlersList li .siteIcon {
    	height:48px;
    	width: 48px;
    }

    #sidebarTabs .followers li a,
    .followers .siteIcon,
    .followers .siteIcon div {
    	display: inline;
    }

    .followTiddlersList li .externalImage, .followTiddlersList li .image {
    	display: inline;
    }

    .scanResults li {
    	list-style: none;
    }
    !Code
    ***/
    //{{{
    (function($) {
    var LIMIT_FOLLOWING = 100;

    var tweb = config.extensions.tiddlyweb;
    var tiddlyspace = config.extensions.tiddlyspace;
    var currentSpace = tiddlyspace.currentSpace.name;

    var shadows = config.shadowTiddlers;
    config.annotations.ScanTemplate = "This tiddler is the default template used in the display of tiddlers founding using the tsScan macro. To access attributes use the view macro e.g. {{{<<view title text>>}}}";
    shadows.ScanTemplate = "<<view modifier SiteIcon width:24 height:24 spaceLink:yes label:no>> <<view title link>>";
    shadows.FollowersTemplate = "<<view server.bag SiteIcon width:24 height:24 spaceLink:yes label:no>> <<view server.bag spaceLink>>";
    shadows.FollowingTemplate = "<<view title SiteIcon width:24 height:24 spaceLink:yes label:no>> <<view title spaceLink>>";
    shadows.FollowTiddlersBlackList = "";
    shadows.FollowTiddlersHeading = "There are tiddlers in spaces you follow using the follow tag which use the title <<view title text>>";
    shadows.FollowTiddlersTemplate = ["* <<view server.space SiteIcon width:24 height:24 spaceLink:yes label:no>> ",
    	"<<view server.space spaceLink title external:no>> modified by <<view modifier spaceLink>> ",
    	"in the <<view server.space spaceLink>> space (<<view modified date>> @ <<view modified date 0hh:0mm>>).\n"].join("");

    var name = "StyleSheetFollowing";
    shadows[name] = "/*{{{*/\n%0\n/*}}}*/".
    	format(store.getTiddlerText(tiddler.title + "##StyleSheet"));
    store.addNotification(name, refreshStyles);

    // provide support for sucking in tiddlers from the server
    tiddlyspace.displayServerTiddler = function(src, title, workspace, callback) {
    	var adaptor = store.getTiddlers()[0].getAdaptor();
    	var localTitle = tiddlyspace.getLocalTitle(title, workspace);
    	var tiddler = new Tiddler(localTitle);
    	tiddler.text = "Please wait while this tiddler is retrieved...";
    	tiddler.fields.doNotSave = "true";
    	store.addTiddler(tiddler);
    	src = story.displayTiddler(src || null, tiddler.title);
    	tweb.getStatus(function(status) {
    		var context = {
    			host: tweb.host, // TODO: inherit from source tiddler?
    			workspace: workspace,
    			headers: { "X-ControlView": "false" }
    		};
    		var getCallback = function(context, userParams) {
    			var tiddler = context.tiddler;
    			tiddler.title = localTitle;
    			store.addTiddler(tiddler);
    			story.refreshTiddler(localTitle, null, true); // overriding existing allows updating
    			if(callback) {
    				callback(src, tiddler);
    			}
    		};
    		adaptor.getTiddler(title, context, null, getCallback);
    	});
    };

    tiddlyspace.scroller = {
    	runHandler: function(title, top, bottom, height) {
    		var i;
    		var handlers = tiddlyspace.scroller.handlers;
    		var tidEl = story.getTiddler(title);
    		if(tidEl) {
    			var topEl = $(tidEl).offset().top + 20;
    			if(top === false || (topEl > top && topEl < bottom)) {
    				var h = handlers[title];
    				for(i = 0; i < h.length; i++) {
    					h[i]();
    				}
    				tiddlyspace.scroller.clearHandlers(title);
    			}
    		} else {
    			tiddlyspace.scroller.clearHandlers(title);
    		}
    	},
    	clearHandlers: function(title) {
    		tiddlyspace.scroller.handlers[title] = [];
    	},
    	registerIsVisibleEvent: function(title, handler) {
    		tiddlyspace.scroller.handlers[title] = tiddlyspace.scroller.handlers[title] || [];
    		tiddlyspace.scroller.handlers[title].push(handler);
    	},
    	init: function() {
    		this.handlers = {};
    		this.interval = window.setInterval(function() {
    			var top = $(window).scrollTop();
    			var height = $(window).height();
    			var bottom = top + height;
    			var title;
    			for(title in tiddlyspace.scroller.handlers) {
    				if(title) {
    					tiddlyspace.scroller.runHandler(title, top, bottom, height);
    				}
    			}
    		}, 2000); // every 2 seconds check scroll position
    	}
    };
    tiddlyspace.scroller.init();

    var followMacro = config.macros.followTiddlers = {
    	locale: {
    		followListHeader: "Here are tiddlers from spaces you follow using the follow tag which use this title.",
    		noTiddlersFromFollowers: "None of the spaces you follow contain a tiddler with this name.",
    		errorMessage: "There was a problem retrieving tiddlers from the server. Please try again later."
    	},
    	init: function() {
    		followMacro.lookup = {};
    	},
    	followTag: "follow",
    	getHosts: function(callback) {
    		tweb.getStatus(function(status) {
    			callback(tweb.host, tiddlyspace.getHost(status.server_host, "%0"));
    		});
    	},
    	getBlacklist: function() {
    		return store.getTiddlerText("FollowTiddlersBlackList").split("\n");
    	},
    	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    		var args = paramString.parseParams("anon")[0];
    		var containingTiddler = story.findContainingTiddler(place).getAttribute('tiddler');
    		var title = (args.anon && args.anon[0]) || tiddler.fields["server.title"] || tiddler.title;
    		var tid = store.getTiddler(title);
    		var user = params[1] || false;
    		if(tid) {
    			followMacro.makeButton(place, {
    				url: "/search?q=title:%22" + encodeURIComponent(title) + "%22",
    				containingTiddler: containingTiddler,
    				blacklisted: followMacro.getBlacklist(), title: title, user: user,
    				consultFollowRelationship: (args.follow &&
    					args.follow[0] === 'false') ? false : true });
    		}
    	},
    	makeButton: function(place, options) { // this is essentially the same code in TiddlySpaceFollowingPlugin
    		var title = options.title;
    		var blacklisted = options.blacklisted;
    		var tiddler = store.getTiddler(title);
    		var btn = $('<div class="followButton" />').addClass("notLoaded").appendTo(place)[0];
    		if(blacklisted.contains(title)) {
    			$(btn).remove();
    			return;
    		} else {
    			var user = options.user;
    			window.setTimeout(function() { // prevent multiple calls due to refresh
    				tiddlyspace.scroller.registerIsVisibleEvent(options.containingTiddler, function() {
    					var mkButton = function(followers, ignore) {
    						if(!followers && !ignore) {
    							$(btn).remove();
    						} else {
    							$("<a />").appendTo(btn);
    							var scanOptions = { url: options.url,
    								spaceField: options.spaceField || "bag", template: null, sort: "-modified",
    								callback: function(tiddlers) {
    									$(btn).removeClass("notLoaded");
    									followMacro.constructInterface(btn, tiddlers);
    								}
    							};
    							if(!ignore) {
    								scanOptions.showBags = followMacro._getFollowerBags(followers);
    							}
    							scanOptions.hideBags = [tiddler.fields["server.bag"]];
    							scanMacro.scan(null, scanOptions, user);
    						}
    					};
    					if(options.consultFollowRelationship) {
    						followMacro.getFollowers(mkButton);
    					} else {
    						mkButton([], true);
    					}
    				});
    			}, 1000);
    		}
    	},
    	constructInterface: function(container, tiddlers) {
    		var txt = tiddlers.length;
    		var className = txt > 0 ? "hasReplies" : "noReplies";
    		var el = $(story.findContainingTiddler(container));
    		$(container).empty().addClass(className);
    		var btn = $("<a />").addClass("followedTiddlers").text(txt).
    			click(function(ev) {
    				followMacro.followingOnClick(ev);
    			}).appendTo('<div class="followedTiddlers" />').appendTo(container)[0];
    		$.data(btn, "tiddlers", tiddlers);
    	},
    	followingOnClick: function(ev) {
    		var target = ev.target;
    		var locale = followMacro.locale;
    		var el = $('<div class="followTiddlersList" />')[0];
    		var popup = Popup.create(target,"div");
    		$(popup).addClass("taggedTiddlerList followList").click(function(ev) { // make it so only clicking on the document outside the popup removes the popup
    			if(ev.target.parentNode != document) {
    				ev.stopPropagation();
    			}
    		}).append(el);
    		var tiddlers = $.data(target, "tiddlers") || [];
    		scanMacro.template(el, tiddlers.slice(0,1), "FollowTiddlersHeading");
    		scanMacro.template(el, tiddlers, "FollowTiddlersTemplate");
    		if(tiddlers.length === 0) {
    			$("<li />").text(locale.noTiddlersFromFollowers).appendTo(el);
    		}
    		Popup.show();
    		ev.stopPropagation();
    		return popup;
    	},
    	_getFollowerBags: function(followers) { // XXX: private or not?
    		return $.map(followers, function(name, i) {
    			return name != currentSpace ? "%0_public".format(name) : null;
    		});
    	},
    	getFollowers: function(callback, username) {
    		// returns a list of spaces being followed by the existing space
    		var followersCallback = function(user) {
    			if(!user.anon) {
    				scanMacro.scan(null, {
    					url: "/search?q=bag:%0_public tag:%1 _limit:%2".format(user.name, followMacro.followTag, LIMIT_FOLLOWING),
    					spaceField: "title", template: null, cache: true,
    					callback: function(tiddlers) {
    						var followers = [];
    						for(var i = 0; i < tiddlers.length; i++) {
    							followers.push(tiddlyspace.resolveSpaceName(tiddlers[i].title));
    						}
    						callback(followers);
    					}
    				});
    			} else {
    				callback(false);
    			}
    		};
    		return !username ? tweb.getUserInfo(followersCallback) : followersCallback({ name: username });
    	}
    };

    var scanMacro = config.macros.tsScan = {
    	init: function () {
    		this.scanned = {};
    	},
    	_tiddlerfy: function(jsontiddlers, options) {
    		var tiddlers = [];
    		var spaceField = options.spaceField || "bag"; // TODO: phase out use view types instead
    		$.each(jsontiddlers, function(i, t) {
    			var use = false;
    			if(!options.showBags || (options.showBags && options.showBags.contains(t.bag))) {
    				use = true;
    			}
    			if(options.hideBags && options.hideBags.contains(t.bag)) {
    				use = false;
    			}
    			if(use) {
    				var spaceName = t[spaceField];
    				var tiddler = config.adaptors.tiddlyweb.toTiddler(t, tweb.host);
    				tiddler.fields["server.space"] = tiddlyspace.resolveSpaceName(spaceName);
    				tiddlers.push(tiddler);
    			}
    		});
    		return tiddlers;
    	},
    	_scanCallback: function(place, jsontiddlers, options) {
    		var locale = followersMacro.locale;
    		var tiddlers = scanMacro._tiddlerfy(jsontiddlers, options);

    		if(options.sort) {
    			tiddlers = store.sortTiddlers(tiddlers, options.sort);
    		}
    		if(options.filter) {
    			var _store = new TiddlyWiki();
    			config.lastStore = _store;
    			for(var i = 0; i < tiddlers.length; i++) {
    				var clone = tiddlers[i];
    				clone.title = tiddlyspace.getLocalTitle(clone.title, clone.fields['server.workspace']);
    				_store.addTiddler(clone);
    			}
    			tiddlers = _store.filterTiddlers(options.filter);
    		}
    		if(place) {
    			$(place).empty();
    			var list = $("<ul />").appendTo(place)[0];
    			scanMacro.template(list, tiddlers, options.template);
    			if(tiddlers.length === 0) {
    				$("<li />").text(options.emptyMessage || locale.noone).appendTo(list);
    				$(list).addClass("emptyList");
    			}
    		}
    		if(options.callback) {
    			options.callback(tiddlers);
    		}
    	},
    	constructSearchUrl: function(host, options) {
    		if(options.url) {
    			return options.url;
    		}
    		var inputs = options.searchValues;
    		var tag = options.tag;
    		var searchField = options.searchField || "title";
    		var searchQuery = [];
    		for(var i = 0; i < inputs.length; i++) {
    			searchQuery.push('%0:"%1"'.format(searchField, inputs[i]));
    		}
    		var query = searchQuery.join(" OR ");
    		query = tag ? "(%0) AND tag:%1".format(query, tag) : query;
    		query = options.query ? "%0;%1;".format(query, options.query) : query;
    		query = options.fat ? "%0&fat=1".format(query) : query;
    		return '%0/search?q=%1'.format(host, query);
    	},
    	scan: function(place, options) { // TODO: make use of list macro with url filter
    		var locale = followersMacro.locale;
    		options.template = options.template ? options.template : "ScanTemplate";
    		followMacro.getHosts(function(host, tsHost) {
    			$(place).text(followersMacro.locale.pleaseWait);
    			options = options ? options: {};
    			var url = scanMacro.constructSearchUrl(host, options);
    			if(options.cache && scanMacro.scanned[url]) {
    				var tiddlers = scanMacro.scanned[url].tiddlers;
    				var run = function(tiddlers) {
    					scanMacro._scanCallback(place, tiddlers, options);
    				};
    				if(tiddlers) {
    					run(tiddlers);
    				} else {
    					scanMacro.scanned[url].callbacks.push(run);
    				}
    			} else {
    				var callback = function(tiddlers) {
    					scanMacro._scanCallback(place, tiddlers, options);
    				};
    				if(scanMacro.scanned[url] && scanMacro.scanned[url].callbacks) {
    					scanMacro.scanned[url].callbacks.push(callback);
    				} else {
    					scanMacro.scanned[url] = {
    						callbacks: [callback]
    					};
    				}
    				ajaxReq({
    					url: url,
    					dataType: "json",
    					success: function(tiddlers) {
    						scanMacro.scanned[url].tiddlers = tiddlers;
    						var callbacks = scanMacro.scanned[url].callbacks;
    						while(callbacks.length > 0) {
    							callbacks.pop()(tiddlers);
    						}
    					},
    					error: function(xhr) {
    						$(place).empty();
    						$("<span />").addClass("annotation error").text(locale.error.format(xhr.status)).appendTo(place);
    					}
    				});
    			}
    		});
    	},
    	template: function(place, tiddlers, template) { // TODO: make use of list macro.
    		for(var i = 0; i < tiddlers.length; i++) {
    			var tiddler = tiddlers[i];
    			var item = $('<li class="spaceName" />').appendTo(place)[0];
    			var spaceName = tiddler.fields["server.space"] || "";
    			var templateText = store.getTiddlerText(template).replace(/\$1/mg, spaceName);
    			wikify(templateText, item, null, tiddler);
    		}
    	},
    	getOptions: function(paramString, tiddler) {
    		var args = paramString.parseParams("name", null, true, false, true)[0];
    		var options = { query: false, sort: false, tag: false, template: false, showBags: args.show || false,
    			hideBags: args.hide || false, filter: false, spaceField: "bag", searchField: "title", fat: false,
    			emptyMessage: false };
    		for(var name in args) {
    			if(name != "name") {
    				if(name == "fat") {
    					options[name] = true;
    				} else {
    					options[name] = args[name][0];
    				}
    			}
    		}
    		// if user has set searchField to modifier, then use the modifiers value if available otherwise use searchValues.
    		var searchField = options.searchField;
    		var searchValues = args[searchField] ? args[searchField] : args.searchValues;
    		// if neither of those were used use the first parameter
    		var defaultValues = tiddler ? [ tiddler.title ] : [];
    		options.searchValues = searchValues ? searchValues : ( args.name ? [args.name[0]] : defaultValues);
    		return options;
    	},
    	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    		var container = $("<div />").addClass("scanResults resultsArea").appendTo(place)[0];
    		var options = scanMacro.getOptions(paramString, tiddler);
    		scanMacro.scan(container, options);
    	}
    };

    var followersMacro = config.macros.followers = {
    	locale: {
    		loggedOut: "Please login to see the list of followers",
    		noSupport: "We were unable to retrieve followers as your browser does not support following.",
    		pleaseWait: "Please wait while we look this up...",
    		error: "Error %0 occurred whilst retrieving data from server",
    		noone: "None."
    	},
    	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    		var locale = followersMacro.locale;
    		var args = paramString.parseParams("name", null, true, false, true)[0];
    		var username = args.name ? args.name[0] : false;
    		var container = $('<div class="followers" />').text(locale.pleaseWait).
    			appendTo(place)[0];
    		var followersCallback = function(user) {
    			if(user.anon) {
    				$("<span />").text(locale.loggedOut).appendTo(container);
    			} else {
    				var options = scanMacro.getOptions(paramString);
    				$.extend(options, {
    					url: "/search?q=title:@%0 OR title:%0 tag:%1 _limit:%2".
    						format(user.name, followMacro.followTag, LIMIT_FOLLOWING),
    					spaceField: "bag",
    					template: options.template ? options.template : "FollowersTemplate"
    				});
    				scanMacro.scan(container, options);
    			}
    		};
    		return !username ? followersCallback({ name: currentSpace }) : followersCallback({ name: username });
    	}
    };

    var followingMacro = config.macros.following = {
    	locale: {
    		pleaseWait: followersMacro.locale.pleaseWait,
    		loggedOut: "Please login to see who you are following",
    		noSupport: followersMacro.locale.noSupport,
    		error: followersMacro.locale.error,
    		noone: followersMacro.locale.noone
    	},
    	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    		var locale = followingMacro.locale;
    		var args = paramString.parseParams("name", null, true, false, true)[0];
    		var fat = args.fat ? true : false;
    		var username = args.name ? args.name[0] : false;
    		var container = $('<div class="following" />').text(locale.pleaseWait).
    			appendTo(place)[0];
    		var followingCallback = function(user) {
    			if(user.anon) {
    				$("<span />").text(locale.loggedOut).appendTo(container);
    			} else {
    				var options = scanMacro.getOptions(paramString);
    				$.extend(options, {
    					url: "/search?q=bag:%0_public tag:%1 _limit:%2".format(user.name, followMacro.followTag, LIMIT_FOLLOWING),
    					spaceField: "title",
    					template: options.template ? options.template : "FollowingTemplate"
    				});
    				scanMacro.scan(container, options);
    			}
    		};
    		return !username ? followingCallback({ name: currentSpace }) : followingCallback({ name: username });
    	}
    };

    var linkedMacro = config.macros.linkedTiddlers = {
    	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    		var args = paramString.parseParams("anon")[0];
    		var title = params[0] || tiddler.fields["server.title"] || tiddler.title;
    		var tid = store.getTiddler(title);
    		var containingTiddler = story.findContainingTiddler(place).getAttribute('tiddler');
    		if(tid) {
    			followMacro.makeButton(place, {
    				spaceField: "recipe",
    				url: "/bags/%0/tiddlers/%1/backlinks".format(tid.fields['server.bag'],
    					encodeURIComponent(tid.title)),
    				blacklisted: followMacro.getBlacklist(),
    				title: title,
    				containingTiddler: containingTiddler,
    				user: params[1] || false,
    				consultFollowRelationship: args.follow ? true : false });
    		}
    	}
    };

    if(config.options.chkFollowTiddlersIsLinkedTiddlers) {
    	merge(config.macros.followTiddlers, config.macros.linkedTiddlers);
    	config.shadowTiddlers.FollowTiddlersHeading = "These are the other tiddlers that link to this tiddler.";
    }

    })(jQuery);
    //}}}

    chkPrivateMode: false

    ''Welcome to the great TiddlyWiki viral interview project.''

    For many people that use it there is a distinct [[discovery moment|http://tiddlywiki.com/#Raves]] when TiddlyWiki explodes in their brain. For others, it is a challenge to get their heads around TiddlyWiki at all.

    This project explores how people think about TiddlyWiki by collecting together responses to a set of questions about it.

    !To Add Your Own Response
    * Sign up for TiddlySpace if you haven't done so already
    * Click the "Reply to this tiddler" link on a question you wish to answer
    * Your home space will open in a new window or tab with the appropriate question tiddler presented
    * Double click on the question tiddler and add your answer (make sure to make it public)

    /*{{{*/
    body {
    	font-size: 1em;
    	font-family: helvetica, arial, sans-serif;
    	background-color: #fff;
    	color: [[ColorPalette::Foreground]];
    }

    body ul { margin: 0; }

    #popup {
    	background-color: [[ColorPalette::TertiaryPale]];
    }

    #popup.confirmationPopup, .followList {
    	font-size: 0.8em;
    	padding: 1em;
    	border: solid 1px [[ColorPalette::SecondaryMid]];
    	background-color: [[ColorPalette::SecondaryPale]];
    }

    .followList .listTitle {
    	text-decoration: underline;
    }

    #popup .followTiddlersList a {
    	display: inline;
    	padding: 0;
    }

    #popup li a {
    	color: [[ColorPalette::PrimaryMid]];
    	font-weight: bold;
    }

    #popup li a:hover {
    	color: [[ColorPalette::PrimaryPale]];
    	background: [[ColorPalette::PrimaryMid]];
    }

    #popup li.listTitle {
    	border-bottom: 1px solid #000;
    	font-weight: bold;
    	margin-bottom: 10px;
    }

    #popup.followList {
    	margin-left: 50px;
    	margin-top: -30px;
    }

    .followTiddlersList .label {
    	display: block;
    	left: 10px;
    	top: 0px;
    	line-height: 16px;
    	position: relative;
    }

    #popup .followTiddlersList .siteIcon{
    	height: auto;
    }

    #popup .followTiddlersList li{
    	clear: both;
    	display: block;
    	height: 48px;
    	margin-bottom: 8px;
    	position: relative;
    }

    #popup .followTiddlersList a{
    	display: inline;
    }

    #displayArea {
    	margin: 0;
    	top: 0px;
    	left: 0px;
    	width: 100%;
    	position: relative;
    }

    .revisionCloak {
    	position: absolute;
    	position: fixed !important;
    	height: 100%;
    	width: 100%;
    	top: 0;
    	left: 0;
    	border: 0;
    	margin: 0;
    	padding: 0;
    	opacity: 0.5;
    	filter: alpha(opacity=50);
    	background-color: #000;
    }

    /* *** Header *** */
    .header {
    	position: relative;
    	background-color: [[ColorPalette::PrimaryMid]];
    	_width: 100%; /* ie 6 demands */
    }

    .headerForeground {
    	background-color: [[ColorPalette::PrimaryMid]];
    	float: left;
    	margin: 24px 16px 0px 72px;
    	padding: 0;
    	position: relative;
    	top: 0;
    	_width: 70%; /*ie6: needed for the background to actually be transparent*/
    	_background-color: transparent; /*ie6: needed to show the search box*/
    }

    .clearFloat {
    	clear: both;
    }

    #contentWrapper {
    	position: relative;
    	padding-top: 1px;
    	top: -1px;
    }

    #tiddlerDisplay {
    	_position: relative; /* ie 6*/
    }

    .siteTitle {
    	clear: both;
    	display: block;
    	font-size: 32px;
    	font-weight: bold;
    	line-height: 32px;
    }

    .siteSubtitle {
    	display: block;
    	font-size: 14px;
    	height: 16px;
    	margin-bottom: 8px;
    }

    #sidebarSearch {
    	padding: 0;
    	position: absolute;
    	right: 80px;
    	top: 8px;
    	width: 176px;
    }

    #sidebarSearch .txtOptionInput {
    	width: 100%;
    	margin-top: 5px;
    	_color: #bbb; /* ie6 danger */
    }

    #sidebarSearch .txtOptionInput:focus {
    	color: #000;
    }

    #sidebarSearch .searchButton {
    	display: none;
    }

    /* *** Menu Bar *** */

    #mainMenu {
    	position: static;
    	text-align: left;
    	margin-left: 72px;
    	float: left;
    	width: auto;
    	padding: 0;
    	font-size: 1em;
    	line-height: normal;
    }

    #mainMenu a {
    	color: #fff;
    	padding: 8px;
    	font-size: 0.9em;
    	margin-right: 16px;
    }

    #mainMenu a:hover {
    	background-color: [[ColorPalette::PrimaryMid]];
    	color: [[ColorPalette::Background]]
    }

    #sidebarOptions {
    	margin-right: 72px;
    	float: right;
    	font-size: 1.1em;
    	line-height: 1.6em;
    	min-height: 1em;
    	padding-top: 0;
    }

    #sidebarOptions a {
    	margin-right: 8px;
    }

    .confirmationPopup .button,
    #sidebarOptions .button {
    	cursor: pointer;
    	line-height: 1.4em;
    	text-align: center;
    	margin-right: 8px;
    	margin-left:-2px;
    }

    .confirmationPopup .button {
    	font-size: 0.9em;
    	padding: 2px;
    }

    #sidebarOptions .button {
    	font-size: 0.7em;
    	float: left;
    	width: 80px;
    	padding: 0px;
            color: #fff;
    }

    .confirmationPopup a.button,
    #sidebarOptions a {
    	border: none;
    	margin: 0 0.2em;
    	padding: 0.6em 0.25em;
    	display: inline;
    	color: #666;
    }

    .confirmationPopup a.button:hover,
    #sidebarOptions a:hover {
    	color: #000;
    }

    .confirmationPopup a.button:active,
    #sidebarOptions a:active {
    	border: solid 1px [[ColorPalette::PrimaryMid]];
    	background-color: #fff;
    	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.1,rgb(200,200,200)), color-stop(1, rgb(100,100,100)));
    	background: -moz-linear-gradient(center bottom , rgb(200,200,200) 10%,rgb(100,100,100) 100%) repeat scroll 0 0 transparent;
    }
    /* *** Sidebar *** */

    #sidebar .wizard table {
    	margin: 0px;
    }

    .tabContents .listTitle:first-child {
    	margin-top: 0px;
    }

    #menuBar {
    	background: [[ColorPalette::PrimaryLight]];
    	left: 0;
    	right: 0;
    	position: relative;
    	margin: 0;
    	padding: 0.5em 0 0.5em 0;
    	min-height: 1em;
    	overflow: hidden;
    	_width: 100%; /* for ie 6 */
    }

    #sidebarOptions a.button:hover {
    	color: [[ColorPalette::PrimaryPale]];
        background: [[ColorPalette::PrimaryMid]];
    }

    #tiddlerDisplay, #searchResults {
    	margin: 16px 448px 0 72px;
    }

    #sidebarTabs {
    	position: absolute;
    	right: 72px;
    	width: 352px;
    	top: 0;
    }

    #sidebarTabs .tabsetWrapper .tabset {
    	width: 87px;
    	border-top: 1px solid [[ColorPalette::PrimaryPale]];
    	border-left: 1px solid [[ColorPalette::PrimaryPale]];
    	border-bottom: 1px solid [[ColorPalette::PrimaryPale]];
    	height: auto;
    	float: left;
    	word-wrap: break-word;
    	top: 0;
    	padding: 0;
    }

    #sidebarTabs .tabsetWrapper .tabContents {
    	background-color: [[ColorPalette::PrimaryPale]];
    	border: 3px solid [[ColorPalette::PrimaryMid]];
    	width: 242px;
    	_width: 238px;
    	left: -3px;
    	_left: -5px;
    	position: relative;
    	min-height: 34em;
    	padding: 8px;
    	font-size: 0.8em;
    }

    /* ---- Side style --- */

    #sidebarTabs .tabsetWrapper .tabset .tab {
    	font-size: 0.9em;
    	padding: 0.7em 8px 0.5em;
    	color: #fff;
    	background: [[ColorPalette::PrimaryLight]];
    	border: none;
    	line-height: 16px;
    	position: relative;
    	display: block;
    	margin: 0;
    }

    #sidebarTabs .tabsetWrapper .tabset .tabSelected {
    	color: [[ColorPalette::PrimaryMid]];
    	background: [[ColorPalette::PrimaryPale]];
    	border-top: 3px solid [[ColorPalette::PrimaryMid]];
    	border-bottom: 3px solid [[ColorPalette::PrimaryMid]];
    	border-left: 3px solid [[ColorPalette::PrimaryMid]];
    	z-index: 10;
    	margin-top: -1px;
    	font-weight: bold;
    }

    #sidebarTabs .tabContents li {
    	border: none;
    	margin-left: 0;
    	word-wrap: break-word;
    }

    .tabContents .timeline {
    	background: [[ColorPalette::PrimaryPale]];
    	margin-bottom: 8px;
    }

    #sidebarTabs .timeline li.listTitle {
    	color: #132E43;
    	margin-left: 8px 0;
    	padding: 0.3em 0.11em;
    	font-size: 1em;
    	border-bottom: none;
    }

    #sidebarTabs .tabContents li a {
    	display: block;
    	text-align: left;
    	margin: 0 0 1px 0;
    	padding: 0.3em 1em;
    	background: [[ColorPalette::PrimaryPale]];
    }

    #sidebarTabs .tabsetWrapper .tabset a:hover,
    #sidebarTabs .tabContents li a:hover {
    	color: [[ColorPalette::PrimaryPale]];
    	background: [[ColorPalette::PrimaryMid]];
    }

    /* Activity Stream */
    #sidebarTabs .tabContents .activityStream .feedItem a {
    	display: inline-block;
    	padding: 0;
    	background: none;
    }

    /* ---- Tagging box --- */
    .tagInfo {
    	border: 1px solid #cccccc;
    	padding: 10px 15px;
    	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    	color: [[ColorPalette::TertiaryMid]];
    	background: -moz-linear-gradient(100% 100% 90deg, #f4f4f4, #e5e5e5);
    	background: -webkit-gradient(linear, left top, right top, from(#e5e5e5), to(#f4f4f4));
    	margin-top: 1em;
    	font-size: 13px;
    	margin: 0 0 0 56px;
    }

    .tagInfo ul {
    	list-style: none;
    	padding-left: 2.2em;
    }

    .tagInfo ul li {
    	display: inline;
    }

    .tagInfo ul li.listTitle,
    .tagInfo .tagging ul li.listTitle {
    	color: [[ColorPalette::PrimaryMid]];
    	font-size: 13px;
    }

    .tagInfo ul li a {
    	border: none;
    }

    .tagInfo .tagging ul li {
    	float: none;
    	display: inline-block;
    }

    .tagInfo .tagging {
    	padding: 0;
    }

    .viewRevision .toolbar {
    	right: 48px;
    	top: 8px;
    }

    .viewRevision .modifierIcon img,
    .viewRevision .modifierIcon svg {
    	margin-right: 8px;
    }

    .viewRevision .toolbar svg {
    	width: 32px;
    	height: 32px;
    }

    /* --- IE hacks from lattice --- */

    /* ie hacks */
    * html #menuBar {
    	margin-bottom: 8px;
    }
    .toolbar .svgIconText {
    	*display: inline;
    }

    div.tiddler .toolbar a {
    	cursor: pointer;
    	float: left\9;
    	display: inline\9;
    }

    * html .toolbar {
    	right: 8px;
    }
    * html .followButton a {
    	margin-top: 0px;
    	margin-right: 8px;
    }
    * html #tiddlerDisplay {
    	margin-top: 0px;
    }

    /* for printing purposes */
    @media print {
    	#mainMenu,
    	#sidebar,
    	#messageArea,
    	.toolbar,
    	.followPlaceHolder,
    	#backstageButton,
    	#backstageArea,
    	#sidebarTabs,
    	#sidebarSearch .txtOptionInput,
    	#sidebarOptions {
    		display: none !important;
    	}
    	#displayArea {
    		margin: 1em 1em 0em;
    	}
    	noscript {
    		display:none; /* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
    	}
    	#tiddlerDisplay {
    		margin: 16px 16px;
    	}
    }

    @media all and (max-width: 960px){
    	#tiddlerDisplay,
    	#searchResults {
    		margin: 16px 366px 0 16px;
    	}

    	#mainMenu {
    		margin-left: 16px;
    	}

    	.headerForeground {
    		margin-left: 16px;
    	}

    	#sidebarSearch {
    		right: 16px;
    	}

    	#sidebarOptions {
    		margin-right: 16px;
    	}

    	#sidebarTabs {
    		right: 16px;
    		width: 326px;
    	}

    	#sidebarTabs .tabsetWrapper .tabset {
    		font-size: 0.9em;
    		width: 77px;
    	}

    	#sidebarTabs .tabsetWrapper .tabContents {
    		width: 226px;
    		_width: 222px;
    	}

    	#sidebarTabs .tabContents li a {
    		font-size: 0.9em;
    	}
    }
    /*}}}*/
    [[StyleSheetTiddler]]

    <<tsScan "Do you use TiddlyWiki more for personal things*" fat:y template:"AnswerTemplate##Template" hide:interview_public sort:-modified>>

    (function() {
    var getCSRFToken = function(window) {
    	// XXX: should not use RegEx - cf.
    	// http://www.quirksmode.org/js/cookies.html
    	// https://github.com/TiddlySpace/tiddlyspace/commit/5f4adbe009ed4bda3ce39058a3fb07de1420358d
    	var regex = /^(?:.*; )?csrf_token=([^(;|$)]*)(?:;|$)/;
    	var match = regex.exec(document.cookie);
    	var csrf_token = null;
    	if (match && (match.length === 2)) {
    		csrf_token = match[1];
    	}

    	return csrf_token;
    };

    if (typeof config !== 'undefined' && config.extensions &&
    		config.extensions.tiddlyspace &&
    		config.extensions.tiddlyspace.getCSRFToken === null) {
    	config.extensions.tiddlyspace.getCSRFToken = getCSRFToken;
    } else {
    	window.getCSRFToken = getCSRFToken;
    }
    })(window);

    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="434 218 68 68"
    width="30" height="30">
    <g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1">
    	<g>
    		<path d="M 478.39694 232.53705 L 478.39694 232.53705
    		C 477.1145 231.85132 475.77875 231.30147 474.41058 230.88734 L 474.41058 218.24994 L 461.58942 218.24994
    		L 461.58942 230.88734 C 460.22125 231.30147 458.8855 231.85132 457.60306 232.53705 L 448.66824 223.60214
    		L 439.6022 232.66814 L 448.53717 241.60304 C 447.8515 242.8854 447.30157 244.22116 446.88745 245.58936
    		L 434.25 245.58936 L 434.25 258.41052 L 446.88745 258.41052
    		C 447.30157 259.77869 447.8515 261.11447 448.53717 262.39688 L 439.6022 271.33173 L 448.66824 280.3978
    		L 457.60306 271.46283 C 458.8855 272.14862 460.22125 272.69846 461.58942 273.11252 L 461.58942 285.74988
    		L 474.41058 285.74988 L 474.41058 273.11252 C 475.77875 272.69846 477.1145 272.14862 478.39694 271.46283
    		L 487.33176 280.3978 L 496.39767 271.33173 L 487.46286 262.39688
    		C 488.14853 261.11447 488.69836 259.77869 489.11255 258.41052 L 501.74988 258.41052 L 501.74988 245.58936
    		L 489.11255 245.58936 C 488.69836 244.22116 488.14853 242.8854 487.46286 241.60304 L 496.39767 232.66814
    		L 487.33176 223.60214 Z M 475.3328 244.66714 C 479.3825 248.71698 479.3825 255.2829 475.3328 259.33273
    		C 471.28296 263.3826 464.71704 263.3826 460.66724 259.33273
    		C 456.61737 255.2829 456.61737 248.71698 460.66724 244.66714
    		C 464.71704 240.61734 471.28296 240.61734 475.3328 244.66714" fill="#111"
    		class="glyph"/>
    	</g>
    </g>
    </svg>

    /***
    |''Name''|TiddlySpaceFollowingWizard|
    |''Version''|0.7.0|
    |''Description''|Provides a following wizard macro and deleteButton view type|
    |''Author''|Jon Robson|
    |''Requires''|TiddlySpaceConfig TiddlySpaceFollowingPlugin TiddlySpaceTiddlerIconsPlugin|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    !Usage
    {{{ <<followWizard>> }}}
    !StyleSheet
    .followWizard ul,
    .followWizard li .siteIcon,
    .followWizard li {
    	list-style: none;
    	display: inline-block;
    }

    .followWizard li {
    	margin-right: 8px;
    	background-color: #eee;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	padding: 4px;
    }
    !Code
    ***/
    //{{{
    (function($) {

    var tweb = config.extensions.tiddlyweb;
    var tiddlyspace = config.extensions.tiddlyspace;
    var currentSpace = tiddlyspace.currentSpace.name;

    var shadows = config.shadowTiddlers;
    shadows.FollowersTemplate = "<<view server.bag SiteIcon width:24 height:24 spaceLink:yes label:no>> <<view server.bag spaceLink>>";
    shadows.FollowingTemplate = "<<view title SiteIcon width:24 height:24 spaceLink:yes label:no>> <<view title spaceLink>> <<view title deleteButton>>";

    var name = "StyleSheetFollowingWizard";
    shadows[name] = "/*{{{*/\n%0\n/*}}}*/".
    	format(store.getTiddlerText(tiddler.title + "##StyleSheet"));
    store.addNotification(name, refreshStyles);

    var wizard = config.macros.followWizard = {
    	locale: {
    		mission: "Which user or space would you like to follow?",
    		badpermissions: "Only members of the space can maintain followers.",
    		follow: "follow"
    	},
    	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    		var locale = wizard.locale;
    		var container = $("<div />").addClass("followWizard").appendTo(place)[0];
    		if(!readOnly) {
    			var form = $("<form />").addClass("followForm").appendTo(container)[0];
    			$("<span />").text(locale.mission).appendTo(form);
    			var input = $("<input />").attr("name", "space").attr("type", "text").appendTo(form);
    			$("<input />").attr("type", "submit").val(locale.follow).appendTo(form).click(function(ev) {
    				wizard.addFollowing(ev, input.val());
    				ev.preventDefault();
    			});
    		} else {
    			$(container).addClass("annotation").text(locale.badpermissions);
    		}
    	},
    	addFollowing: function(ev, space) {
    		var name = tiddlyspace.resolveSpaceName(space);
    		if(!name) {
    			alert("That doesn't appear to be a valid space name. Please check and try again.");
    			return;
    		}
    		var title = "@" + name;
    		var tiddler = store.getTiddler(title);
    		if(tiddler) {
    			tiddler.tags.push("follow");
    		} else {
    			tiddler = new Tiddler(title);
    			tiddler.tags.push("follow");
    			merge(tiddler.fields, config.defaultCustomFields);
    		}
    		store.saveTiddler(tiddler);
    		autoSaveChanges();
    	}
    };

    config.macros.view.views.deleteButton = function(value,place,params,wikifier,paramString,tiddler) {
    	var tid = store.getTiddler(value)
    	if(tid && config.commands.deleteTiddler.isEnabled(tid)) {
    		var handler = function(ev) {
    			config.commands.deleteTiddler.handler(ev,ev.target,value);
    		};
    		createTiddlyButton(place, "X", "delete this tiddler", handler);
    	}
    };

    })(jQuery);
    //}}}

    !Followers
    <<followers>>
    !Activity
    [[Replies and Notifications]]

    <<activity>>
    !Following
    All spaces tagged follow
    <<list filter [tag[follow]][sort[title]]>>

    <<followSuggestions>>

    The activity feed is best for sharing opinions on something. To make best use of it create a tiddler and tag it with a username you would like to share thought with on this subject.

    For instance I might create a tiddler called [[Animal I'd least like to be stuck in a cage with]]. I might say
    <<<
    I would least like to be stuck in a cage with a lion as it could tear me apart amongst other reasons.
    <<<
    I then tag it @matias to get @matias's attention to see what he think. This flags it in @matias's activity feed and tells him that I am interested in his thoughts. Of course @matias can ignore it, and if he is not using the activity feed feature he may not even know about the message. If he wants to respond all @matias then has to do is create his own tiddler [[Animal I'd least like to be stuck in a cage with]]. Matias might say
    <<<
    A lion would be not as bad as a great white shark... not only would you be stuck in a cage with it but you would  be underwater with a likelihood of drowning to increase suffering.
    <<<
    It's not over yet.. now I can refine my original post with the thoughts of Matias. I might think mm, @matias has got a point there with the water, but I think a crocodile would more likely eat me then a great white shark and I fancy my chances with the great white.

    I then update my tiddler to say
    <<<
    I would least like to be stuck in a cage with a crocodile as it could tear me apart amongst other reasons. A lion would also be scary however I'm not a good swimmer so would be less likely to be able to make an escape. A crocodile is worse than a shark as shark attacks on humans are rare, so I'd fancy my chances.
    <<<

    We continue replying this way revising our tiddlers till the process finishes and I have a tiddler which clearly explains the [[Animal I'd least like to be stuck in a cage with]] with very detailed reasoning.

    /***
    |''Name:''|TiddlySpaceIntraSpaceInclusion|
    |''Description:''|Provides support for {{{<<tiddler Foo@bar>>}}} and {{{<<tiddler [[Foo]]@bar>>}}}|
    |''Author:''|Jon Robson|
    |''Source:''|https://github.com/jdlrobson/TiddlyWikiPlugins/raw/master/plugins/TiddlySpaceIntraSpaceInclusion/TiddlySpaceIntraSpaceInclusion.js|
    |''Version:''|0.3.8a|
    |''License:''|[[BSD License|http://www.opensource.org/licenses/bsd-license.php]] |
    |''Comments:''|Please make comments at http://groups.google.co.uk/group/TiddlyWikiDev |
    |''~CoreVersion:''|2.4|
    ***/
    //{{{
    (function() {
    	var _tidtext = TiddlyWiki.prototype.getTiddlerText;
    	var cache = {};

    	// allmost the same regExp as in TiddlySpaceLinkPlugin but .. no "mg" parameter, because it didn't work for this usecase.
    	config.textPrimitives.spacenameLinkRegExp = new RegExp(config.textPrimitives.unWikiLink +
    													 "?(" + config.textPrimitives.bareTiddlerLetter + "*)@(" + config.textPrimitives.spaceName + ")", "");
    	config.textPrimitives.tiddlyLinkSpacenameLinkRegExp = new RegExp("\\[\\[(.*?)(?:\\|(.*?))?\\]\\]@(" + config.textPrimitives.spaceName + ")", "");

    	TiddlyWiki.prototype.getTiddlerText = function(title, defaultText) {
    		var ct = config.textPrimitives;
    		var match = ct.spacenameLinkRegExp.exec(title);	// foo@bar
    		var match2 = ct.tiddlyLinkSpacenameLinkRegExp.exec(title); 	// [[foo]]@bar

    		if(match || match2) {
    		//	console.log('inner: ', 'spacename: ', match, 'tiddlyLink: ', match2, 'place: ');
    			var tidtitle, space;
    			if(match[1] && match.length === 3) {
    				tidtitle = match[1];
    				space = match[2];
    			} else if(match2 && match2.length === 4) {
    				tidtitle = match2[1];
    				space = match2[3];
    			}
    			var newtitle = tidtitle + "@" + space;
    			if(tidtitle && space) {
    				title = newtitle;
    			}
    			if(tidtitle && space && !store.getTiddler(newtitle)) {
    				var tiddler = new Tiddler(title);
    				// get the tiddler, where the macro is rendered. //XXX will need more testing
    				var el = story.findContainingTiddler(place);
    				var refreshTitle = (el) ? el.getAttribute('tiddler') : null;

    				tiddler.text = "//retrieving from server//";
    				tiddler.fields.doNotSave = "true";
    				tiddler.tags = ["excludeLists", "excludeSearch", "excludeMissing"];
    				merge(tiddler.fields, config.defaultCustomFields);
    				tiddler.fields["server.bag"] = space + "_public";
    				tiddler = store.addTiddler(tiddler);
    				ajaxReq({ url: "/bags/" + space + "_public/tiddlers/" + tidtitle,
    					dataType: "json",
    					success: function(tid) {
    						var tiddler = store.getTiddler(title);
    						tiddler.text = tid.text;
    						store.addTiddler(tiddler);
    						// store.notify(title,true);
    						story.refreshTiddler(refreshTitle,null,true);
    						// story.refreshAllTiddlers(); // hacky but above link doesn't always seem to work!
    					},
    					error: function() {
    						var tiddler = store.getTiddler(title);
    						tiddler.text = "//error retrieving tiddler {{{" + title + "}}} from space @" + space + "//";
    						store.addTiddler(tiddler);
    						// store.notify(title,true);
    						story.refreshTiddler(refreshTitle,null,true);
    						// story.refreshAllTiddlers(); // hacky but above link doesn't always seem to work!
    					}
    				});
    			}
    		}
    		return _tidtext.apply(this, [title, defaultText]);
    	}
    })();
    //}}}

    @@Please do not modify this tiddler; it was created automatically upon space creation.@@

    <!--{{{-->
    <div class='toolbar'
    	macro='toolbar [[ToolbarCommands::ViewToolbar]] icons:yes height:16 width:16 more:popup'>
    </div>
    <div class='heading'>
    	<span class='spaceSiteIcon'
    		macro='tiddlerOrigin label:no spaceLink:yes height:48 width:48 preserveAspectRatio:yes'>
    	</span>
    	<span class="titleBar">
    		<div class='title' macro='view title text'></div>
    		<div class="subtitle" macro='viewRevisions page:5'>
    			last modified on
    			<span macro="view modified date"></span>
    		</div>
    		<div macro="view title replyLink"></div>
    	</span>
    	<span class='followPlaceHolder' macro='followTiddlers'></span>
    	<span class='modifierIcon'
    		macro='view modifier SiteIcon label:no spaceLink:yes height:48 width:48 preserveAspectRatio:yes'>
    	</span>
    	<div class='tagClear'></div>
    </div>
    <div class='content'>
    	<div class='viewer' macro='view text wikified'></div>
    </div>
    <div class='answers' macro='tsScan fat:y template:"AnswerTemplate##Template" hide:interview_public sort:-modified'>
    </div>
    <div class='tagInfo'>
    	<div class='tidTags' macro='tags'></div>
    	<div class='tagging' macro='tagging'></div>
    </div>
    <!--}}}-->

    <<activity show:reply show:notify>>

    <<closeAll>><<permaview>><<newTiddler>>

    /***
    |''Name''|TiddlySpaceFollowingSuggestions|
    |''Version''|0.2.5dev|
    |''Description''|Provides a following macro|
    |''Author''|Jon Robson|
    |''Requires''|TiddlySpaceFollowingPlugin|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    !Usage

    !Code
    ***/
    //{{{
    (function($) {

    var tweb = config.extensions.tiddlyweb;
    var tiddlyspace = config.extensions.tiddlyspace;
    var followMacro = config.macros.followTiddlers;

    var followSuggestions = config.macros.followSuggestions = {
    	cache: {},
    	handler: function(place, macroName, params) {
    		// to do - limit results
    		place = $('<div class="suggestions" />').appendTo(place)[0];
    		var currentSpace = tiddlyspace.currentSpace.name;
    		var user = params[0] || currentSpace;
    		var pleaseWait = $("<div class='loading' />").text("please wait..").appendTo(place);
    		tweb.getUserInfo(function(activeUser) {
    			if(activeUser.name != tiddlyspace.currentSpace.name) {
    				pleaseWait.hide();
    				return;
    			}
    			followMacro.getFollowers(function(users) {
    				// suggestions are followers of people that you follow that you don't follow
    				var bags = followMacro._getFollowerBags(users);
    				var _bags = [];
    				for(var i = 0; i < bags.length; i++) {
    					_bags.push("bag:%0".format([bags[i]]));
    				}
    				var bagString = _bags.join(" OR ");
    				ajaxReq({
    					beforeSend: followMacro.beforeSend,
    					url: "/search?q=(%0)&select=title:!%1&select=title:!@%1".format([bagString, activeUser.name]),
    					dataType: "json",
    					success: function(tiddlers) {
    						pleaseWait.hide();
    						var suggestions = [];
    						for(var i = 0; i < tiddlers.length; i++) {
    							var tiddler = tiddlers[i];
    							if(tiddler.tags.contains("follow")) {
    								var title = tiddler.title;
    								if(title.indexOf("@") === 0) {
    									title = title.substr(1);
    								}
    								if(!users.contains(title)) {
    									suggestions.pushUnique(title);
    								}
    							}
    						}
    						$(place).append("<div>suggestions:</div>");
    						var suggestionArea = $("<div class='suggestionArea' />").appendTo(place)[0];
    						var id = "more_%0".format([Math.random()]);
    						var more = $("<div class='moreButton' />").text("more...").appendTo(place).attr("id", id);
    						followSuggestions.cache[id] = suggestions;
    						var limit = suggestions.length;
    						more.click(function(ev) {
    							var suggestions = config.macros.followSuggestions.cache[id];
    							var newSuggestions = followSuggestions.suggest(place, suggestions, limit);
    							config.macros.followSuggestions.cache[id] = newSuggestions;
    						});
    						followSuggestions.suggest(place, suggestions, limit);

    					}
    				});

    			}, user);
    		});
    	},
    	randomize: function(a, b) {
    		if(Math.random() < Math.random()) {
    			return -1;
    		} else {
    			return 1;
    		}
    	},
    	suggest: function(place, suggestions, limit) {
    		var currentSpace = tiddlyspace.currentSpace.name;
    		suggestions = suggestions.sort(followSuggestions.randomize);
    		var suggestionsArea = $(".suggestionArea", place)[0];
    		if(suggestions.length === 0) {
    			$("<span />").text("no suggestions..").appendTo(suggestionsArea);
    			return;
    		}
    		limit = limit < suggestions.length ? limit : suggestions.length;
    		for(var j = 0; j < limit; j++) {
    			var link = $("<span />").appendTo(suggestionsArea)[0];
    			var title = suggestions[j];
    			var newTiddler = '@%0 <<newTiddler title:"@%0" fields:"server.workspace:bags/%1_public" tag:follow label:"follow">>\n'.format([title, currentSpace]);
    			wikify(newTiddler, link);
    		}
    		var newSuggestions = suggestions.slice(limit, suggestions.length);
    		var more = $(".moreButton", place);
    		if(newSuggestions.length == 0) {
    			more.remove();
    		}
    		return newSuggestions;
    	}
    };
    })(jQuery);
    //}}}

    <!--{{{-->
    <div class='toolbar'
    	macro='toolbar [[ToolbarCommands::ViewToolbar]] icons:yes height:16 width:16 more:popup'>
    </div>
    <div class='heading'>
    	<span class='spaceSiteIcon'
    		macro='tiddlerOrigin label:no spaceLink:yes height:48 width:48 preserveAspectRatio:yes'>
    	</span>
    	<span class="titleBar">
    		<div class='title' macro='view title text'></div>
    		<span class="subtitle" macro='viewRevisions page:5'>
    			last modified on
    			<span macro="view modified date"></span>
    		</span>
    		<div macro="view title replyLink"></div>
    	</span>
    	<span class='followPlaceHolder' macro='followTiddlers'></span>
    	<span class='modifierIcon'
    		macro='view modifier SiteIcon label:no spaceLink:yes height:48 width:48 preserveAspectRatio:yes'>
    	</span>
    	<div class='tagClear'></div>
    </div>
    <div class='content'>
    	<div class='viewer' macro='view text wikified'></div>
    </div>
    <div class='tagInfo'>
    	<div class='tidTags' macro='tags'></div>
    	<div class='tagging' macro='tagging'></div>
    </div>
    <!--}}}-->

    I refer to TiddlyWiki in these questions, but they should be taken as applying to TiddlyWeb and TiddlySpace, too.

    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="301 225 48 52"
    width="30" height="30">
    <g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1">
    	<g>
    		<path d="M 333.00003 234 L 306 258.75003 L 301.5 270 L 312.75 265.50003 L 339.75 240.74998 Z M 337.5 229.50002
    		L 335.24988 231.75008 L 341.99997 238.50003 L 344.24997 236.24995 Z M 342 225.00003 L 339.74988 227.25009
    		L 346.5 234.00005 L 348.75 231.75003 Z M 301.5 273.9719 C 301.5 273.9719 309.59888 277.99927 317.70013 273.97183
    		C 325.80066 269.94437 341.99997 276.65686 341.99997 276.65686 L 341.99997 273.97195
    		C 341.99997 273.97195 325.80014 267.2594 317.70013 271.28687 C 309.6 275.31451 301.5 271.28683 301.5 271.28683 Z"
    		fill="#101010" class="glyph"/>
    	</g>
    </g>
    </svg>

    /***
    |''Name''|LoadMissingExternalTiddler|
    |''Version''|0.1.0|
    |''Author''|Jon Robson|
    ***/
    //{{{
    var _loadMissing = Story.prototype.loadMissingTiddler;
    Story.prototype.loadMissingTiddler = function(title,fields,callback) {
    	var matches = title.match(/([^\*]*) \*\(@([^\)]*)\)\*/);
    	if(matches && matches.length > 0) {
    		var sTitle = matches[1];
    		var space = matches[2];		config.extensions.tiddlyspace.displayServerTiddler(story.getTiddler(title),
    			sTitle, "bags/%0_public".format(space));
    	} else {
    	_loadMissing.apply(this, arguments)
    	}
    };
    //}}}

    /***
    https://raw.github.com/tiddlyweb/chrjs/master/main.js
    ***/
    //{{{
    // TiddlyWeb adaptor
    // v0.14.3

    /*jslint vars: true, unparam: true, nomen: true, white: true */
    /*global jQuery */

    var tiddlyweb = (function($) {

    "use strict";

    var tw = {
    	routes: {
    		// host is the TiddlyWeb instance's URI (including server_prefix)
    		// placeholders "_type" & "name" refer to the respective bag/recipe
    		root     : "{host}/",
    		bags     : "{host}/bags",
    		bag      : "{host}/bags/{name}",
    		recipes  : "{host}/recipes",
    		recipe   : "{host}/recipes/{name}",
    		tiddlers : "{host}/{_type}s/{name}/tiddlers",
    		tiddler  : "{host}/{_type}s/{name}/tiddlers/{title}",
    		revisions: "{host}/{_type}s/{name}/tiddlers/{title}/revisions",
    		revision : "{host}/{_type}s/{name}/tiddlers/{title}/revisions/{revision}",
    		search   : "{host}/search?q={query}"
    	}
    };

    var convertTimestamp, supplant;

    // host (optional) is the URI of the originating TiddlyWeb instance
    tw.Resource = function(type, host) {
    	if(arguments.length) { // initialization
    		this._type = type;
    		if(host !== false) {
    			this.host = host !== undefined ? host.replace(/\/$/, "") : null;
    		}
    	}
    };
    $.extend(tw.Resource.prototype, {
    	// retrieves resource from server
    	// callback is passed resource, status, XHR (cf. jQuery.ajax success)
    	// errback is passed XHR, error, exception, resource (cf. jQuery.ajax error)
    	// filters is an optional filter string (e.g. "select=tag:foo;limit=5")
    	get: function(callback, errback, filters) {
    		var uri = this.route();
    		if(filters) {
    			var separator = uri.indexOf("?") === -1 ? "?" : ";";
    			uri += separator + filters;
    		}
    		var self = this;
    		return $.ajax({
    			url: uri,
    			type: "GET",
    			dataType: "json",
    			success: function(data, status, xhr) {
    				var resource = self.parse(data);
    				resource.etag = xhr.getResponseHeader("Etag");
    				callback(resource, status, xhr);
    			},
    			error: function(xhr, error, exc) {
    				errback(xhr, error, exc, self);
    			}
    		});
    	},
    	// sends resource to server
    	// callback is passed data, status, XHR (cf. jQuery.ajax success)
    	// errback is passed XHR, error, exception, resource (cf. jQuery.ajax error)
    	put: function(callback, errback) {
    		var self = this;
    		var options = {
    			url: this.route(),
    			type: "PUT",
    			contentType: "application/json",
    			data: JSON.stringify(this.baseData()),
    			success: function(data, status, xhr) {
    				callback(self, status, xhr);
    			},
    			error: function(xhr, error, exc) {
    				errback(xhr, error, exc, self);
    			}
    		};
    		if(this.ajaxSetup) {
    			this.ajaxSetup(options);
    		}
    		return $.ajax(options);
    	},
    	// deletes resource on server
    	// callback is passed data, status, XHR (cf. jQuery.ajax success)
    	// errback is passed XHR, error, exception, resource (cf. jQuery.ajax error)
    	"delete": function(callback, errback) {
    		var self = this;
    		var options = {
    			url: this.route(),
    			type: "DELETE",
    			success: function(data, status, xhr) {
    				callback(self, status, xhr);
    			},
    			error: function(xhr, error, exc) {
    				errback(xhr, error, exc, self);
    			}
    		};
    		if(this.ajaxSetup) {
    			this.ajaxSetup(options);
    		}
    		return $.ajax(options);
    	},
    	// returns an object carrying only the essential information of the resource
    	baseData: function() {
    		var data = {},
    			self = this;
    		$.each(this.data, function(i, item) {
    			var value = self[item];
    			if(value !== undefined) {
    				data[item] = value;
    			}
    		});
    		return data;
    	},
    	// returns corresponding instance from a raw object (if applicable)
    	parse: function(data) {
    		return data;
    	},
    	// list of accepted keys in serialization
    	data: [],
    	// returns resource's URI
    	route: function() {
    		return supplant(tw.routes[this._type], this);
    	}
    });

    var Container = function(type, name, host) {
    	if(arguments.length) { // initialization
    		tw.Resource.apply(this, [type, host]);
    		this.name = name;
    		this.desc = "";
    		this.policy = new tw.Policy({});
    	}
    };
    Container.prototype = new tw.Resource();
    $.extend(Container.prototype, {
    	tiddlers: function() {
    		return new tw.TiddlerCollection(this);
    	},
    	parse: function(data) {
    		var type = tw._capitalize(this._type),
    			container = new tw[type](this.name, this.host);
    		data.policy = new tw.Policy(data.policy);
    		return $.extend(container, data);
    	},
    	data: ["desc", "policy"]
    });

    // attribs is an object whose members are merged into the instance (e.g. query)
    tw.Collection = function(type, host, attribs) {
    	if(arguments.length) { // initialization
    		tw.Resource.apply(this, [type, host]);
    		$.extend(this, attribs);
    	}
    };
    tw.Collection.prototype = new tw.Resource();

    tw.TiddlerCollection = function(container, tiddler) {
    	if(arguments.length) { // initialization
    		tw.Collection.apply(this, [tiddler ? "revisions" : "tiddlers"]);
    		this.container = container || null;
    		this.tiddler = tiddler || null;
    	}
    };
    tw.TiddlerCollection.prototype = new tw.Collection();
    $.extend(tw.TiddlerCollection.prototype, {
    	parse: function(data) {
    		var container = this.container;
    		return $.map(data, function(item, i) {
    			var tiddler = new tw.Tiddler(item.title, container),
    				bag = item.bag;
    			tiddler = tw.Tiddler.prototype.parse.apply(tiddler, [item]);
    			if(!tiddler.bag && bag) { // XXX: bag always present!?
    				tiddler.bag = new tw.Bag(bag, container.host);
    			}
    			if(!tiddler.recipe && item.recipe) {
    				tiddler.recipe = new tw.Recipe(item.recipe, container.host);
    			}
    			delete item.recipe;
    			return $.extend(tiddler, item);
    		});
    	},
    	route: function() {
    		var params = this.container;
    		if(this.tiddler) {
    			var container = this.tiddler.bag || this.tiddler.recipe;
    			params = {
    				_type: container._type,
    				host: container.host,
    				name: container.name,
    				title: this.tiddler.title
    			};
    		}
    		return supplant(tw.routes[this._type], params);
    	}
    });

    tw.Search = function(query, host) {
    	tw.Collection.apply(this, ["search", host]);
    	this.query = query;
    };
    tw.Search.prototype = new tw.Collection();
    $.extend(tw.Search.prototype, {
    	parse: function(data) {
    		this.container = { // XXX: hacky
    			_type: "bag",
    			host: this.host
    		};
    		var tiddlers = tw.TiddlerCollection.prototype.parse.apply(this, arguments);
    		delete this.container;
    		return tiddlers;
    	}
    });

    // title is the name of the tiddler
    // container (optional) is an instance of either Bag or Recipe
    // optionally accepts a single object representing tiddler attributes
    tw.Tiddler = function(title, container) {
    	tw.Resource.apply(this, ["tiddler", false]);
    	this.title = title;
    	this.bag = container && container._type === "bag" ? container : null;
    	this.recipe = container && container._type === "recipe" ? container : null;
    	var self = this;
    	$.each(this.data, function(i, item) {
    		self[item] = undefined; // exposes list of standard attributes for inspectability
    	});
    	if(title && title.title) { // title is an object of tiddler attributes
    		$.extend(this, title);
    	}
    };
    tw.Tiddler.prototype = new tw.Resource();
    $.extend(tw.Tiddler.prototype, {
    	revisions: function() {
    		return new tw.TiddlerCollection(this.bag || this.recipe, this);
    	},
    	route: function() {
    		var container = this.bag || this.recipe;
    		var params = $.extend({}, this, {
    			host: container ? container.host : null,
    			_type: this.bag ? "bag" : (this.recipe ? "recipe" : null),
    			name: container ? container.name : null
    		});
    		return supplant(tw.routes[this._type], params);
    	},
    	parse: function(data) {
    		var tiddler = new tw.Tiddler(this.title),
    			container = this.bag || this.recipe;
    		if(data.bag) {
    			tiddler.bag = new tw.Bag(data.bag, container.host);
    			delete data.bag;
    		}
    		delete data.recipe;
    		tiddler.created = data.created ? convertTimestamp(data.created) : new Date();
    		delete data.created;
    		tiddler.modified = data.modified ? convertTimestamp(data.modified) : new Date();
    		delete data.modified;
    		if(this.recipe) {
    			tiddler.recipe = this.recipe;
    		}
    		return $.extend(tiddler, data);
    	},
    	data: ["created", "creator", "modifier", "modified", "tags", "type", "text",
    			"fields"],
    	ajaxSetup: function(options) {
    		var self = this;
    		if(this.etag && (options.type === "PUT" || options.type === "DELETE")) {
    			options.beforeSend = function(xhr) {
    				xhr.setRequestHeader("If-Match", self.etag);
    			};
    		}
    		if(options.type === "PUT") {
    			var callback = options.success;
    			options.success = function(data, status, xhr) {
    				var loc = xhr.getResponseHeader("Location"),
    					etag = xhr.getResponseHeader("Etag");
    				if(loc && etag) {
    					self.etag = etag;
    					if(!self.bag) {
    						var bag = loc.split("/bags/").pop().split("/")[0];
    						self.bag = new tw.Bag(bag, self.recipe.host);
    					}
    					callback(self, status, xhr);
    				} else { // IE
    					self.get(callback, options.error);
    				}
    			};
    		}
    	}
    });

    tw.Revision = function(id, tiddler) {
    	var container = tiddler.bag || tiddler.recipe;
    	tw.Tiddler.apply(this, [tiddler.title, container]);
    	this._type = "revision";
    	this.revision = id;
    };
    tw.Revision.prototype = new tw.Tiddler();
    $.extend(tw.Revision.prototype, {
    	revisions: false,
    	data: false,
    	put: false,
    	"delete": false
    });

    tw.Bag = function(name, host) {
    	Container.apply(this, ["bag", name, host]);
    };
    tw.Bag.prototype = new Container();

    tw.Recipe = function(name, host) {
    	Container.apply(this, ["recipe", name, host]);
    	this.recipe = [];
    };
    tw.Recipe.prototype = new Container();
    $.extend(tw.Recipe.prototype, {
    	data: ["recipe"].concat(Container.prototype.data)
    });

    tw.Policy = function(constraints) { // TODO: validation?
    	var self = this;
    	$.each(this.constraints, function(i, item) {
    		self[item] = constraints[item];
    	});
    };
    tw.Policy.prototype.constraints = ["read", "write", "create", "delete",
    	"manage", "accept", "owner"];

    /*
     * utilities
     */

    tw._capitalize = function(str) {
    	return str.charAt(0).toUpperCase() + str.slice(1);
    };

    // convert YYYYMMDDhhmmss timestamp to Date instance
    convertTimestamp = function(t) {
    	if (t.match(/^\d{12,17}$/)) {
    		return new Date(Date.UTC(
    			parseInt(t.substr(0, 4), 10),
    			parseInt(t.substr(4, 2), 10) - 1,
    			parseInt(t.substr(6, 2), 10),
    			parseInt(t.substr(8, 2), 10),
    			parseInt(t.substr(10, 2), 10),
    			parseInt(t.substr(12, 2) || "0", 10),
    			parseInt(t.substr(14, 3) || "0", 10)
    		));
    	} else {
    		return new Date(Date.parse(t));
    	}
    };

    // adapted from Crockford (http://javascript.crockford.com/remedial.html)
    supplant = function(str, obj) {
    	return str.replace(/{([^{}]*)}/g, function (a, b) {
    		var r = obj[b];
    		r = typeof r === "string" || typeof r === "number" ? r : a;
    		return $.inArray(b, ["host", "query"]) !== -1 ? r : encodeURIComponent(r); // XXX: special-casing
    	});
    };

    return tw;

    }(jQuery));
    //}}}

    /***
    |''Name''|BinaryUploadPlugin|
    |''Version''|0.3.16|
    |''Author''|Ben Gillies and Jon Robson|
    |''Type''|plugin|
    |''Source''|http://github.com/TiddlySpace/tiddlyspace/raw/master/src/plugins/BinaryUploadPlugin.js|
    |''Description''|Upload a binary file to TiddlyWeb|
    |''CoreVersion''|2.6.1|
    |''Requires''|TiddlySpaceConfig TiddlyWebConfig|
    !Usage
    {{{
    <<binaryUpload bag:<name> edit:tags edit:title tags:<default tags> title:<title> >>
    }}}
    * {{{bag:<name>}}}: optional; if left out, the file will be saved to the current workspace
    * {{{edit:tags}}}: specifies that you want to tag the file being uploaded
    * {{{edit:title}}}: specifies that you want to set the title to something other than the filename
    * {{{tags:<default tags>}}}: specifies a default set of tags to apply to the file (requires {{{edit:tags}}} to be set)
    * {{{title:<title>}}}: predefines the title of the binary tiddler
    !Requires
    TiddlyWeb
    tiddlywebplugins.form
    !Code
    ***/
    //{{{
    (function($) {

    var tiddlyspace = config.extensions.tiddlyspace;

    var macro = config.macros.binaryUpload = {
    	locale: {
    		titleDefaultValue: "Please enter a title...",
    		tagsDefaultValue: "Please enter some tags...",
    		titlePrefix: "title: ",
    		tagsPrefix: "tags: ",
    		loadSuccess: 'Tiddler %0 successfully uploaded',
    		loadError: "An error occurred when uploading the tiddler %0",
    		uploadInProgress: "Please wait while the file is uploaded...",
    		membersOnly: "Only members can upload."
    	},
    	renderInputFields: function(container, options) {
    		var locale = macro.locale;
    		var editableFields = options.edit;
    		var includeFields = {
    			tags:  editableFields && editableFields.contains("tags") ? true : false,
    			title: editableFields && editableFields.contains("title") ? true : false
    		};
    		var fields = ["title", "tags"];
    		for(var i = 0; i < fields.length; i++) {
    			var fieldName = fields[i];
    			var userDefault = options[fieldName];
    			var defaultValue = userDefault ? userDefault[0] : false;
    			if(includeFields[fieldName] || defaultValue) {
    				var localeDefault = locale["%0DefaultValue".format(fieldName)];
    				var className = defaultValue ? "userInput" : "userInput notEdited";
    				var inputEl;
    				var val = defaultValue || localeDefault || "";
    				var iContainer = $("<div />").addClass("binaryUpload%0".format(fieldName)).
    					appendTo(container);
    				if(defaultValue && !includeFields[fieldName]) {
    					var label = locale["%0Prefix".format(fieldName)];
    					$("<span />").text(label).appendTo(iContainer);
    					$("<span />").addClass("disabledInput").text(val).appendTo(iContainer);
    					inputEl = $("<input />").attr("type", "hidden");
    				} else {
    					inputEl = $("<input />").attr("type", "text");
    				}
    				inputEl.attr("name", fieldName).
    					addClass("%0Edit".format(fieldName)).
    					val(val).addClass(className).appendTo(iContainer);
    			}
    		}
    	},
    	getTiddlerName: function(fileName) {
    		var fStart = fileName.lastIndexOf("\\");
    		var fStart2 = fileName.lastIndexOf("/");
    		fStart = fStart < fStart2 ? fStart2 : fStart;
    		fileName = fileName.substr(fStart+1);
    		return fileName;
    	},
    	errorHandler: function(fileName) {
    		displayMessage("upload of file %0 failed".format(fileName));
    	},
    	uploadFile: function(place, baseURL, workspace, options) {
    		var pleaseWait = $(".uploadProgress", place);
    		var iframeName = options.target;
    		var form = $("form", place);
    		var existingVal = $("input[name=title]", form).val();
    		var fileName = existingVal || $('input:file', form).val();
    		if(!fileName) {
    			return false; // the user hasn't selected a file yet
    		}
    		fileName = macro.getTiddlerName(fileName);
    		$("input[name=title]", place).val(fileName);
    		// we need to go somewhere afterwards to ensure the onload event triggers
    		var redirectTo = "/%0/tiddlers.txt?select=title:%1".
    			format(workspace, fileName);
    		var token = tiddlyspace ? tiddlyspace.getCSRFToken() : "";
    		var action = "%0?csrf_token=%1&redirect=%2"
    			.format(baseURL, token, redirectTo);
    		form[0].action = action; // dont use jquery to work with ie
    		form[0].target = iframeName;
    		// do not refactor following line... won't work in IE6 otherwise
    		$(place).append($('<iframe name="' + iframeName + '" id="' + iframeName + '"/>').css('display','none'));
    		macro.iFrameLoader(iframeName, function() {
    			var content = document.getElementById(iframeName).contentWindow.document.documentElement;
    			if($(content).text().indexOf(fileName) > -1) {
    				options.callback(place, fileName, workspace, baseURL);
    			} else {
    				macro.errorHandler(fileName);
    			}
    			form.show(1000);
    			pleaseWait.hide(1000);
    		});
    		form.hide(1000);
    		pleaseWait.show(1000);
    		return true;
    	},
    	createUploadForm: function(place, options) {
    		var locale = macro.locale;
    		if(readOnly) {
    			$('<div class="annotation" />').text(locale.membersOnly).
    				appendTo(place);
    			return;
    		}
    		var bag = options.bag;
    		options.callback = options.callback ? options.callback :
    			function(place, fileName, workspace, baseurl) {
    				macro.displayFile(place, fileName, workspace);
    				displayMessage(locale.loadSuccess.format(fileName));
    				$("input[type=text]", place).val("");
    			};
    		var defaults = config.defaultCustomFields;
    		place = $("<div />").addClass("container").appendTo(place)[0];
    		var workspace = bag ? "bags/%0".format(bag) : config.defaultCustomFields["server.workspace"];
    		var baseURL = defaults["server.host"];
    		baseURL += (baseURL[baseURL.length - 1] !== "/") ? "/" : "";
    		baseURL = "%0%1/tiddlers".format(baseURL, workspace);
    		//create the upload form, complete with invisible iframe
    		var iframeName = "binaryUploadiframe%0".format(Math.random());
    		// do not refactor following line of code to work in IE6.
    		var form = $('<form action="%0" method="POST" enctype="multipart/form-data" />'.
    					format(baseURL)).addClass("binaryUploadForm").
    			appendTo(place)[0];
    		macro.renderInputFields(form, options);
    		$(form).
    			append('<div class="binaryUploadFile"><input type="file" name="file" /></div>').
    			append('<div class="binaryUploadSubmit"><input type="submit" value="Upload" disabled /></div>').
    			submit(function(ev) {
    				this.target = iframeName;
    				options.target = iframeName;
    				macro.uploadFile(place, baseURL, workspace, options);
    			})
    			.find('[type="file"]').bind('change', function() {
    				$(form).find('[type="submit"]').prop('disabled', false);
    			}).end();
    		$('<div />').addClass("uploadProgress").text(locale.uploadInProgress).hide().appendTo(place);
    		$("input[name=file]", place).change(function(ev) {
    			var target = $(ev.target);
    			var fileName = target.val();
    			var title = $("input[type=text][name=title]", place);
    			if(!title.val()) {
    				title.val(fileName);
    			}
    		});
    	},
    	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    		params = paramString.parseParams(null, null, true);
    		macro.createUploadForm(place, params[0]);
    	},
    	iFrameLoader: function(iframeName, callback) {
    		var iframe = document.getElementById(iframeName); //jQuery doesn't seem to want to do this!?
    		var locale = macro.locale;
    		$(".userInput").addClass("notEdited"); // reset editing
    		var finishedLoading = function() {
    			callback();
    		};
    		var iFrameLoadHandler = function() {
    			finishedLoading.apply();
    			return;
    		};

    		iframe.onload = iFrameLoadHandler;
    		//IE
    		completeReadyStateChanges = 0;
    		iframe.onreadystatechange = function() {
    			if (++(completeReadyStateChanges) == 3) {
    				iFrameLoadHandler();
    			}
    		};
    	},
    	displayFile: function(place, title, workspace) {
    		var adaptor = store.getTiddlers()[0].getAdaptor();
    		var context = {
    			workspace: workspace,
    			host: config.defaultCustomFields['server.host']
    		};
    		adaptor.getTiddler(title, context, null, function(context) {
    			if(context.status) {
    				store.addTiddler(context.tiddler);
    				story.displayTiddler(place, title);
    				var image = config.macros.image;
    				if(image && image.refreshImage) {
    					image.refreshImage("/%0/tiddlers/%1".format(workspace, title));
    					image.refreshImage(title);
    					image.refreshImage("/%0".format(title));
    					image.refreshImage("%0/%1/tiddlers/%2".format(config.extensions.tiddlyweb.host, workspace, title));
    				}
    			} else {
    				displayMessage(macro.locale.loadError.format(title));
    			}
    		});
    	}
    };

    if(tiddlyspace) {
    	config.macros.binaryUploadPublic = {
    		handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    			var options = paramString.parseParams(null, null, true)[0];
    			var bag = tiddlyspace.getCurrentBag("public");
    			options.bag = bag;
    			macro.createUploadForm(place, options);
    		}
    	};
    	config.messages.privacySetting = config.options.chkPrivateMode ?
    		"private" : "public";
    	config.macros.binaryUpload.defaultWorkspace = tiddlyspace.
    		getCurrentWorkspace(config.messages.privacySetting);
    }

    })(jQuery);
    //}}}

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="utf-8"/>
    	<title>TiddlySpace Apps</title>
    	<link rel="stylesheet" href="/bags/common/tiddlers/reset.css" />
    	<link rel="stylesheet" href="/bags/common/tiddlers/appspage.css" />
    	<!--[if lt IE 7 ]>
    	<link rel="stylesheet" href="/bags/common/tiddlers/appspageie6.css" />
    	<![endif]-->
    </head>
    <body>

    	<div id="wrapper">
    		<div id="TSbar"></div>
    		<div id="main-content">
    			<div id="space-details">
    				<a href="/_space"><img class="siteicon"></a>
    				<div id="title-subtitle">
    					<h1 class="spaceaddress">
    						<span class="spaceName"></span><span class="hostName"></span>
    					</h1>
    					<p class="tagline"><span class="subTitle"></span><a class="managespaces" href="/_space">manage space</a></p>
    				</div>
    			</div>
    			<div id="holder">
    				<div id="appswitcher-wrapper">
    					<div id="appswitcher">
    						<h2>Your Apps</h2>
    						<ul id="app-list">
    							<li class="htmlserialisation">
    								<a href="/tiddlers.html?select=tag:!excludeLists;sort=-modified">
    									<img src="/bags/common/tiddlers/browse_read_blue.png" alt="Icon for the HTML Serialisation" class="app-img" />
    									BROWSE
    								</a>
    							</li>
    							<li class="tiddlywiki">
    								<a href="/tiddlers.wiki">
    									<img src="/bags/common/tiddlers/tiddlywiki2_blue.png" alt="Icon for TiddlyWiki" class="app-img" />
    									TIDDLYWIKI
    								</a>
    							</li>
    						</ul>
    						<div id="addapp">
    							<button class="inactive">Add More!</button>
    						</div>
    					</div>
    					<div id="app-desc">
    						<ul>
    							<li class="htmlserialisationdesc"><p>an easy to understand HTML representation of your content.</p></li>
    							<li class="tiddlywikidesc"><p>use TiddlyWiki to create, edit and organise your content.</p></li>
    						</ul>
    					</div>
    					<div style="clear: both;"></div>
    				</div>
    			</div>
    		</div>
    		<div id="footer"><!-- ie doesn't support footer tag -->
    			<div id="footer-content">
    				<div class="links">
    					<a href="http://blog.tiddlyspace.com">blog</a>
    					<a href="http://featured.tiddlyspace.com">featured</a>
    					<a href="http://docs.tiddlyspace.com">documentation</a>
    					<a href="https://github.com/TiddlySpace/tiddlyspace">source</a>
    				</div>
    				<p>TiddlySpace 2011, created by <a href="http://osmosoft.com">Osmosoft</a></p>
    			</div>
    		</div>
    	</div>

    	<script type="text/javascript" src="/bags/common/tiddlers/backstage.js"></script>
    	<script type="text/javascript" src="/bags/common/tiddlers/jquery.js"></script>
    	<script type="text/javascript" src="/bags/tiddlyspace/tiddlers/chrjs"></script>
    	<script type="text/javascript" src="/bags/common/tiddlers/chrjs-store.js"></script>
    	<script type="text/javascript" src="/bags/common/tiddlers/jquery-json.js"></script>
    	<script type="text/javascript" src="/bags/common/tiddlers/appspage.js"></script>
    </body>
    </html>

    <!--{{{-->
    <div class='header'>
    	<div id='sidebarSearch'>
    		<span macro='search'></span>
    	</div>
    	<div class='headerForeground'>
    		<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>
    		<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
    	</div>
    	<div class='clearFloat'></div>
    </div>

    <div id='menuBar'>
    	<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
    	<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
    </div>
    <div id='displayArea'>
    	<div id='messageArea'></div>
    	<div id='tiddlerDisplay'></div>
    	<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
    </div>
    <!--}}}-->

    /***
    |''Name''|TiddlySpaceInitialization|
    |''Version''|0.7.3|
    |''Description''|Initializes new TiddlySpaces the first time they are created|
    |''Status''|@@beta@@|
    |''Source''|http://github.com/TiddlySpace/tiddlyspace/blob/master/src/plugins/TiddlySpaceInit.js|
    |''CoreVersion''|2.6.1|
    |''Requires''|TiddlySpaceConfig RandomColorPalettePlugin chrjs ImageMacroPlugin|
    !TODO
    * robust error notification and recovery
    !MarkupPreHead
    <!--{{{-->
    <link href="/bags/%0_public/tiddlers.atom" rel="alternate"
    	type="application/atom+xml" title="%0's public feed" />
    <link rel="canonical" href="%1/" />
    <!--}}}-->
    !Code
    ***/
    //{{{
    (function($) {

    var versionField = "tiddlyspaceinit_version";
    var markupPreHead = store.getTiddlerText(tiddler.title + "##MarkupPreHead", "");
    var tiddlyspace = config.extensions.tiddlyspace;
    var currentSpace = tiddlyspace.currentSpace;
    var tweb = config.extensions.tiddlyweb;

    var plugin = config.extensions.TiddlySpaceInit = {
    	version: "0.6",
    	SiteTitle: "%0",
    	SiteSubtitle: "a TiddlySpace",
    	flagTitle: "%0SetupFlag",
    	flagWarning: "Please do not modify this tiddler; it was created " +
    		"automatically upon space creation.",

    	dispatch: function(ev) {
    		var title = plugin.flagTitle.format([currentSpace.name]);
    		config.annotations[title] = plugin.flagWarning;
    		if(currentSpace.type != "private") {
    			return;
    		}
    		var tiddlers = [];
    		var tid = store.getTiddler(title);
    		if(tid) {
    			curVersion = parseFloat(tid.fields[versionField]);
    			reqVersion = parseFloat(plugin.version);
    			if(curVersion < reqVersion) {
    				plugin.update(curVersion, tid);
    				tid.fields[versionField] = plugin.version;
    				tid.incChangeCount();
    				tid = store.saveTiddler(tid);
    				tiddlers.push(tid);
    			}
    		} else { // first run
    			tid = new Tiddler(title);
    			tid.tags = ["excludeLists", "excludeSearch", "excludePublisher"];
    			tid.fields = $.extend({}, config.defaultCustomFields);
    			tid.fields[versionField] = plugin.version;
    			tid.text = "@@%0@@".format([plugin.flagWarning]);
    			tid = store.saveTiddler(tid);
    			tiddlers = tiddlers.concat(plugin.firstRun(), tid);
    		}
    		autoSaveChanges(null, tiddlers);
    	},
    	update: function(curVersion, flagTiddler) {
    		if(curVersion < 0.2) {
    			this.createAvatar();
    		}
    		if(curVersion < 0.3) {
    			flagTiddler.tags.pushUnique("excludePublisher"); // XXX: never persisted
    		}
    		if(curVersion < 0.5) { // v0.4 was faulty
    			this.setupMarkupPreHead();
    		}
    		if(curVersion < 0.6) {
    			this.purgeSystemSettings();
    		}
    	},
    	pubTid: {
    		tags: ["excludeLists", "excludeSearch"],
    		fields: $.extend({}, config.defaultCustomFields, {
    			"server.workspace": tiddlyspace.getCurrentWorkspace("public")
    		})
    	},
    	makeTiddlerIfNot: function(tiddler) {
    		if (!store.tiddlerExists(tiddler.title)) {
    			$.extend(true, tiddler, plugin.pubTid);
    			return [store.saveTiddler(tiddler)];
    		} else {
    			return [];
    		}
    	},
    	firstRun: function() {
    		var tiddlers = [];
    		// generate Site*itle
    		$.each(["SiteTitle", "SiteSubtitle"], function(i, item) {
    			var tid = new Tiddler(item);
    			tid.text = plugin[item].format([currentSpace.name]);
    			tiddlers.push.apply(tiddlers,
    				plugin.makeTiddlerIfNot(tid));
    		});
    		// generate public ColorPalette
    		var tid = new Tiddler("ColorPalette");
    		tid.text = config.macros.RandomColorPalette.generatePalette({
    			saturation_pale: 0.67, saturation_light: 0.53,
    			saturation_mid: 0.43, saturation_dark: 0.06,
    			pale: 0.99, light: 0.85, mid: 0.5, dark: 0.31
    		},
    			false);
    		tiddlers.push.apply(tiddlers, plugin.makeTiddlerIfNot(tid));
    		this.createAvatar();
    		this.setupMarkupPreHead();
    		return tiddlers;
    	},
    	// remove _cookie slices (TiddlyWiki 2.6.2 beta 6 remnants)
    	purgeSystemSettings: function() {
    		var ss = store.getTiddler("SystemSettings");
    		if(ss) {
    			var lines = ss.text.split("\n");
    			var persistentOptions = $.grep(lines, function(line, i) {
    				return line.indexOf("_cookie:") == -1;
    			});
    			ss.text = persistentOptions.join("\n");
    			ss = store.saveTiddler(ss);
    			autoSaveChanges(null, [ss]);
    		}
    	},
    	createAvatar: function() {
    		var avatar = "SiteIcon";
    		var host = tweb.host;
    		var notify = function(xhr, error, exc) {
    			displayMessage("ERROR: could not create avatar - " + // TODO: i18n
    				"%0: %1".format([xhr.statusText, xhr.responseText]));
    			// TODO: resolve!?
    		};

    		var pubBag = tiddlyspace.getCurrentBag("public");
    		var tid = new tiddlyweb.Tiddler(avatar);
    		tid.bag = new tiddlyweb.Bag(pubBag, host);

    		var callback = function(data, status, xhr) {}; // avatar already exists; do nothing
    		var errback = function(xhr, error, exc) {
    			if(xhr.status != 404) {
    				return;
    			}
    			// copy default avatar
    			var _notify = function(tid, status, xhr) {
    				displayMessage("created avatar"); // TODO: i18n
    				var image = config.macros.image;
    				if(image && image.refreshImage) {
    					var uri = "/%0/tiddlers/SiteIcon".
    						format(tiddlyspace.getCurrentWorkspace("public"));
    					image.refreshImage(uri);
    					image.refreshImage("SiteIcon");
    				}
    			};
    			var _callback = function(tid, status, xhr) {
    				tid.title = avatar;
    				tid.bag.name = pubBag;
    				delete tid.etag;
    				tid.put(_notify, notify); // TODO: add to current session document (via adaptor?)
    			};
    			tweb.getUserInfo(function(user) {
    				var avatarTitle = currentSpace.name == user.name ?
    					"defaultUserIcon" : "defaultSiteIcon";
    				var tid = new tiddlyweb.Tiddler(avatarTitle);
    				tid.bag = new tiddlyweb.Bag("common", host);
    				tid.get(_callback, notify);
    			});
    		};
    		tid.get(callback, errback);
    	},
    	savePublicTiddlerText: function(title, text, pubWorkspace) {
    		var tid = new Tiddler(title);
    		tid.text = text;
    		tid.tags = ["excludeLists"];
    		tid.fields = $.extend({}, config.defaultCustomFields);
    		tid.fields["server.workspace"] = pubWorkspace;
    		tid.fields["server.page.revision"] = "false";
    		tid = store.saveTiddler(tid);
    		autoSaveChanges(null, [tid]);
    	},
    	setupMarkupPreHead: function() {
    		var pubWorkspace = tiddlyspace.getCurrentWorkspace("public");
    		var existing = store.getTiddler("MarkupPreHead");
    		if(!existing || existing.fields["server.workspace"] != pubWorkspace) {
    			var context = this;
    			tweb.getStatus(function(status) {
    				var text = markupPreHead.format(currentSpace.name,
    					tiddlyspace.getHost(status.server_host, currentSpace.name));
    				context.savePublicTiddlerText("MarkupPreHead", text,
    					pubWorkspace);
    			});
    		}
    		// also set up DefaultTiddlers
    		var title = "DefaultTiddlers";
    		existing = store.getTiddler(title) || new Tiddler(title);
    		if(existing.fields["server.workspace"] != pubWorkspace) {
    			var text = existing.text || store.getShadowTiddlerText(title);
    			this.savePublicTiddlerText(title, text, pubWorkspace);
    		}
    	}
    };

    $(document).bind("startup", plugin.dispatch);

    })(jQuery);
    //}}}

    /***
    |''Name:''|TiddlySpaceLinkPlugin|
    |''Description:''|Formatter to reference other spaces from wikitext |
    |''Author:''|PaulDowney (psd (at) osmosoft (dot) com) |
    |''Source:''|http://github.com/TiddlySpace/tiddlyspace/raw/master/src/plugins/TiddlySpaceLinkPlugin.js|
    |''Version:''|1.4.2|
    |''License:''|[[BSD License|http://www.opensource.org/licenses/bsd-license.php]] |
    |''Comments:''|Please make comments at http://groups.google.co.uk/group/TiddlyWikiDev |
    |''~CoreVersion:''|2.4|
    !!Documentation
    This plugin provides wikitext formatters for referencing another [[space|Space]] on the same TiddlySpace server, as in the following examples:
    <<<
      {{{@space}}} -- @space
      {{{~@space}}} -- ~@space
      {{{Tiddler@space}}} -- Tiddler@space
      {{{[[Tiddler Title]]@space}}} -- [[Tiddler Title]]@space
      {{{[[Link text|Tiddler Title]]@space}}} -- [[Link text|Tiddler Title]]@space
    <<<
    Links to tiddlers with a title begining with an "@" remain as tiddlyLinks:
    <<<
      {{{[[@tiddler]]}}} -- [[@tiddler]]
    <<<
    and these may be changed into a space link using {{{@@}}}:
    <<<
      {{{[[@@space]]}}} -- [[@@space]]
      {{{[[Link to an another space|@@space]]}}} -- [[Link to another space|@@space]]
      {{{[[@space|@@space]]}}} -- [[@space|@@space]]
    <<<
    TiddlySpace includes the [[TiddlySpaceLinkPlugin]] which provides WikiText markup for linking to other spaces on the same server. For example @glossary is a link to the {{{glossary}}} space and [[Small Trusted Group]]@glossary a link to an individual tiddler in the @glossary space. Prefixing the link with a tilde escapes the link, for example {{{~@space}}}.
    Email addresses, for example joe.bloggs@example.com and mary@had.a.little.lamb.org should be unaffected.
    !!Features
    The plugin provides external links decorated so that other plugins may be included to add features such as the ability to dynamically pull externally linked tiddlers into the current TiddlyWiki.
    Wikitext linking to a space on another server, for example from a tiddler in a space on tiddlyspace.com to a tiddler or a space on example.com, isn't currently supported.
    !!Code
    ***/
    //{{{
    /*jslint onevar: false nomen: false plusplus: false */
    /*global jQuery config createTiddlyText createExternalLink createTiddlyLink */

    function createSpaceLink(place, spaceName, title, alt, isBag) {
    	var link, a, currentSpaceName, label;
    	try {
    		if (spaceName === config.extensions.tiddlyspace.currentSpace.name) {
    			title = title || spaceName;
    			a = createTiddlyLink(place, title, false);
    			jQuery(a).text(alt || title);
    			return a;
    		}
    	} catch (ex1) {
    		currentSpaceName = false;
    	}

    	a = jQuery("<a />").addClass('tiddlySpaceLink externalLink').appendTo(place)[0];
    	if(title) {
    		jQuery(a).attr('tiddler', title);
    	}
    	if(isBag) {
    		jQuery(a).attr('bag', spaceName);
    	} else {
    		jQuery(a).attr('tiddlyspace', spaceName);
    	}

    	config.extensions.tiddlyweb.getStatus(function(status) {
    		link = status.server_host.url;
    		if (title) {
    			label = alt || title;
    			link = link + "/" + encodeURIComponent(title);
    		} else {
    			label = alt || spaceName;
    		}
    		// assumes a http URI without user:pass@ prefix
    		if(!isBag) {
    			link = link.replace("http://", "http://" + spaceName.toLowerCase() + ".");
    		} else {
    			link += "/bags/" + spaceName + "/tiddlers.wiki";
    		}
    		jQuery(a).attr("href", link).text(label);
    	});
    	return a;
    }

    (function ($) {

    	config.textPrimitives.spaceName = "[a-zA-Z][a-zA-Z0-9-]*[a-zA-Z0-9]";
    	config.textPrimitives.spaceNameStrict = "[a-z][a-z0-9-]*";
    	config.textPrimitives.bareTiddlerLetter = config.textPrimitives.anyLetterStrict;

    	config.formatters.splice(0, 0, {
    		name: "spacenameLink",
    		match: config.textPrimitives.unWikiLink + "?" + config.textPrimitives.bareTiddlerLetter + "*@" + config.textPrimitives.spaceName + "\\.?.?",
    		lookaheadRegExp: new RegExp(config.textPrimitives.unWikiLink + "?(" + config.textPrimitives.bareTiddlerLetter + "*)@(" + config.textPrimitives.spaceName + ")", "mg"),
    		handler: function (w) {
    			if (w.matchText.substr(w.matchText.length - 2, 1) === '.' && w.matchText.substr(w.matchText.length - 1, 1).match(/[a-zA-Z]/)) {
    				w.outputText(w.output, w.matchStart, w.nextMatch);
    				return;
    			}
    			if (w.matchText.substr(0, 1) === config.textPrimitives.unWikiLink) {
    				w.outputText(w.output, w.matchStart + 1, w.nextMatch);
    				return;
    			}
    			this.lookaheadRegExp.lastIndex = w.matchStart;
    			var lookaheadMatch = this.lookaheadRegExp.exec(w.source);
    			if (lookaheadMatch && lookaheadMatch.index === w.matchStart) {
    				createSpaceLink(w.output, lookaheadMatch[2], lookaheadMatch[1]);
    				w.nextMatch = this.lookaheadRegExp.lastIndex;
    			}
    		}
    	},
    	{
    		name: "tiddlySpaceLink",
    		match: "\\[\\[[^\\|\\]]*\\|*@@" + config.textPrimitives.spaceName + "\\]",
    		lookaheadRegExp: new RegExp("\\[\\[(.*?)(?:\\|@@(.*?))?\\]\\]", "mg"),
    		handler: function (w) {
    			this.lookaheadRegExp.lastIndex = w.matchStart;
    			var lookaheadMatch = this.lookaheadRegExp.exec(w.source);
    			if (lookaheadMatch && lookaheadMatch.index === w.matchStart) {
    				var alt = lookaheadMatch[2] ? lookaheadMatch[1] : lookaheadMatch[1].replace(/^@@/, "");
    				var space = lookaheadMatch[2] || alt;
    				createSpaceLink(w.output, space, "", alt);
    				w.nextMatch = this.lookaheadRegExp.lastIndex;
    			}
    		}
    	},
    	{
    		name: "tiddlyLinkSpacenameLink",
    		match: "\\[\\[[^\\[]*\\]\\]@",
    		lookaheadRegExp: new RegExp("\\[\\[(.*?)(?:\\|(.*?))?\\]\\]@(" + config.textPrimitives.spaceName + ")", "mg"),
    		handler: function (w) {
    			this.lookaheadRegExp.lastIndex = w.matchStart;
    			var lookaheadMatch = this.lookaheadRegExp.exec(w.source);
    			if (lookaheadMatch && lookaheadMatch.index === w.matchStart) {
    				var title = lookaheadMatch[2] || lookaheadMatch[1];
    				var alt = lookaheadMatch[1] || lookaheadMatch[2];
    				createSpaceLink(w.output, lookaheadMatch[3], title, alt);
    				w.nextMatch = this.lookaheadRegExp.lastIndex;
    			}
    		}
    	});

    	// ensure space links don't appear as missing links
    	config.textPrimitives.brackettedLink = "\\[\\[([^\\]][^@\\]][^\\]]*)\\]\\](?=[^@])";
    	config.textPrimitives.titledBrackettedLink = "\\[\\[([^\\[\\]\\|]+)\\|([^\\[\\]\\|]+)\\]\\](?=[^@])";

    	// reevaluate derrived expressions ..
    	config.textPrimitives.tiddlerForcedLinkRegExp = new RegExp("(?:" + config.textPrimitives.titledBrackettedLink + ")|(?:" +
    		config.textPrimitives.brackettedLink + ")|(?:" +
    		config.textPrimitives.urlPattern + ")","mg");
    	config.textPrimitives.tiddlerAnyLinkRegExp = new RegExp("("+ config.textPrimitives.wikiLink + ")|(?:" +
    		config.textPrimitives.titledBrackettedLink + ")|(?:" +
    		config.textPrimitives.brackettedLink + ")|(?:" +
    		config.textPrimitives.urlPattern + ")","mg");

    	// treat space links in titledBracketedLink as external links
    	var missingTiddlySpaceLink = new RegExp("^@@" + config.textPrimitives.spaceName + "$", "");
    	var isExternalLink = config.formatterHelpers.isExternalLink;
    	config.formatterHelpers.isExternalLink = function(link) {
    		return missingTiddlySpaceLink.test(link) || isExternalLink(link);
    	};

    }(jQuery));
    //}}}

    <<tsScan "How important to you are TiddlyWiki's offline capabilities*" fat:y template:"AnswerTemplate##Template" hide:interview_public sort:-modified>>

    |~ViewToolbar|+editTiddler +cloneTiddler > fields refreshTiddler changeToPublic changeToPrivate revisions syncing permalink references jump closeOthers < closeTiddler|
    |~EditToolbar|+saveTiddler saveDraft -cancelTiddler deleteTiddler|
    |~RevisionToolbar|> fields revert|

    a TiddlySpace

    /***
    |''Name''|TiddlySpaceRevisionView|
    |''Description''|Show tiddler revisions in a stack of cards view|
    |''Author''|BenGillies|
    |''Version''|0.2.0|
    |''Status''|beta|
    |''Source''|http://github.com/TiddlySpace/tiddlyspace|
    |''CodeRepository''|http://github.com/TiddlySpace/tiddlyspace|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    |''CoreVersion''|2.6.0|
    |''Requires''|TiddlyWebAdaptor|
    !Usage
    The viewRevisions macro can be attached to any element, which should be passed
    in as a parameter.

    For example:

    &lt;&lt;viewRevisions page:10 link:"<<view modified date>>"&gt;&gt;

    would show the revisions "stack of cards" view, 10 at a time, when the modified
    date is clicked.
    !Code
    ***/
    //{{{
    (function($) {

    var me = config.macros.viewRevisions = {
    	revisionTemplate: "RevisionTemplate",
    	revSuffix: " [rev. #%0]", // text to append to each tiddler title
    	defaultPageSize: 5, // default number of revisions to show
    	defaultLinkText: "View Revisions", // when there's nothing else to use
    	offsetTop: 30, // in px
    	offsetLeft: 10, // in px
    	shiftDownDelay: 50, // in ms
    	visibleSlideAmount: 20, // amount of revisions to show on left hand edge after sliding
    	zIndex: 100, // default z-index
    	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    		params = paramString.parseParams(null, null, true)[0];
    		var tiddlerElem = story.findContainingTiddler(place);

    		var revButton;
    		var pageSize = parseInt(params.page[0], 10) || me.defaultPageSize;
    		var linkObj = params.link ? params.link[0] || me.defaultLinkText : false;
    		if(linkObj) {
    			revButton = $('<span class="button openRevisions" />')
    				.appendTo(place);
    			wikify(linkObj, revButton[0], null, tiddler);
    		} else {
    			revButton = place;
    		}

    		$(revButton).click(function() {
    			if (!$(tiddlerElem).hasClass("revisions")) {
    				me.showRevisions(tiddlerElem, tiddler, pageSize);
    			} else {
    				me.closeRevisions(tiddlerElem);
    			}
    		});
    	},

    	// initialisation for revision view
    	showRevisions: function(tiddlerElem, tiddler, pageSize) {
    		var context = {
    			host: tiddler.fields["server.host"],
    			workspace: tiddler.fields["server.workspace"]
    		};
    		$(tiddlerElem).addClass("revisions").attr("revName", tiddler.title);
    		// ensure toolbar commands deactivate RevisionsView
    		$("a", ".toolbar", tiddlerElem).each(function(index, btn) {
    			var _onclick = btn.onclick;
    			btn.onclick = function(e) {
    				me.closeRevisions(tiddlerElem);
    				_onclick.apply(this, arguments);
    			};
    		});
    		// ensure default action deactivates RevisionsView
    		var _ondblclick = tiddlerElem.ondblclick;
    		tiddlerElem.ondblclick = function(e) {
    			me.closeRevisions(tiddlerElem);
    			_ondblclick.apply(this, arguments);
    		};
    		var type = tiddler.fields["server.type"];
    		var adaptor = new config.adaptors[type]();
    		var userParams = {
    			tiddlerElem: tiddlerElem,
    			pageSize: pageSize,
    			title: tiddler.title
    		};
    		me.createCloak(tiddlerElem);
    		adaptor.getTiddlerRevisionList(tiddler.title, null, context, userParams,
    				function(context, userParams) {
    					// strip the current revision
    					context.revisions.shift();
    					me.expandStack(context, userParams);
    				});
    	},

    	// fetch the actual revision and put it in the tiddler div
    	showRevision: function(place, revision, callback) {
    		var context = {
    			host: revision.fields["server.host"],
    			workspace: revision.fields["server.workspace"]
    		};
    		var userParams = {
    			revElem: place
    		};
    		var type = revision.fields["server.type"];
    		var adaptor = new config.adaptors[type]();
    		var revNo = revision.fields["server.page.revision"];
    		adaptor.getTiddlerRevision(revision.title, revNo, context, userParams,
    			function(context, userParams) {
    				var tiddler = context.tiddler;
    				tiddler.title += me.revSuffix
    					.format([$(place).attr("revision")]);
    				tiddler.fields.doNotSave = true;
    				if (store.getTiddler(tiddler.title)) {
    					store.deleteTiddler(tiddler.title);
    				}
    				store.addTiddler(tiddler);

    				//now, populate the existing div
    				var revElem = userParams.revElem;
    				$(revElem).attr("id", story.tiddlerId(tiddler.title));
    				$(revElem).attr("refresh", "tiddler");
    				var getTemplate = function() {
    					var themeName = config.options.txtTheme;
    					if (themeName) {
    						return store.getTiddlerSlice(themeName,
    							me.revisionTemplate) || me.revisionTemplate ||
    							"ViewTemplate";
    					} else {
    						return (store.getTiddler(me.revisionTemplate)) ?
    							me.revisionTemplate : "ViewTemplate";
    					}
    				};
    				var template = getTemplate();
    				story.refreshTiddler(tiddler.title, template, true);
    				callback(tiddler);
    			});
    	},

    	createCloak: function(promoteElem) {
    		var el = $(promoteElem);
    		// cache styles for resetting later
    		el.data({
    			top: el.css("top"),
    			left: el.css("left"),
    			zIndex: el.css("z-index")
    		});

    		$('<div class="revisionCloak" />').css("z-index", me.zIndex)
    			.click(function() {
    				me.closeRevisions(promoteElem);
    			})
    			.appendTo(document.body);

    		el.css("z-index", me.zIndex + 1);
    	},

    	// clean up, removing all evidence of revision view
    	closeRevisions: function(promoteElem) {
    		var el = $(promoteElem);
    		// revert the original tiddler back to its previous state
    		el.removeAttr("revName").removeClass("revisions").css({
    			top: el.data("top"),
    			left: el.data("left"),
    			zIndex: el.data("zIndex")
    		});

    		// remove any revisions still in the store
    		var revisions = $(".revisions");
    		revisions.each(function(index, revision) {
    			var revAttributes = revision.attributes;
    			if ((revAttributes.revname) &&
    					(revAttributes.revision)) {
    				var revName = revAttributes.revname.value;
    				var revNo = revAttributes.revision.value;
    				var title = revName + me.revSuffix.format([revNo]);

    				if (store.getTiddler(title)) {
    					store.deleteTiddler(title);
    				}
    			}
    		});

    		// delete the previous revisions
    		revisions.remove();

    		// remove the cloak
    		$(".revisionCloak").remove();
    	},

    	// calback from getting list of revisions
    	expandStack: function(context, userParams) {
    		var pageSize = userParams.pageSize;

    		var from = userParams.from || 0;
    		var tiddlerElem = userParams.tiddlerElem;

    		userParams.defaultHeight = $(tiddlerElem).height();
    		userParams.defaultWidth = $(tiddlerElem).width();
    		if (from < context.revisions.length) {
    			me.displayNextRevision(tiddlerElem, userParams, context, from,
    				from + pageSize - 1);
    		}
    	},

    	// place the next div above and behind the previous one
    	displayNextRevision: function(tiddlerElem, userParams, context, from, to) {
    		var revision = context.revisions[from];
    		var callback = function() {
    			var revText = revBtn.getRevisionText(tiddlerElem, revision);
    			tiddlerElem = me.createRevisionObject(tiddlerElem, context,
    				userParams, revText);
    			$(tiddlerElem)
    				.attr("revision", (context.revisions.length - from));
    			if ((from < to) && ((from + 1) < context.revisions.length)){
    				me.displayNextRevision(tiddlerElem, userParams, context,
    					from + 1, to);
    			} else if ((context.revisions.length - 1) > to) {
    				me.showMoreButton(tiddlerElem, context, userParams, to + 1);
    			}
    		};
    		me.shiftVisibleDown(userParams.title, callback);
    	},

    	createRevisionObject: function(tiddlerElem, context, userParams, text) {
    		var newPosition = me.calculatePosition(tiddlerElem, context);
    		return $('<div class="revisions tiddler" />')
    			.css({
    				position: "absolute",
    				top: newPosition.top,
    				left: newPosition.left,
    				"z-index": me.zIndex + 1,
    				height: userParams.defaultHeight,
    				width: userParams.defaultWidth
    			})
    			.attr("revName", userParams.title)
    			.append(text)
    			.insertBefore(tiddlerElem);
    	},

    	// move the already present revisions down by 1 to fit the next one in
    	shiftVisibleDown: function(title, callback) {
    		var revisions = $("[revName='%0'].revisions".format([title]));
    		var revisionCount = revisions.length;

    		$(revisions).animate({top: "+=" + me.offsetTop},
    				me.shiftDownDelay, function() {
    					revisionCount -= 1;
    					if ((callback) && (!revisionCount)) {
    						callback();
    					}
    				});
    	},

    	// where we put the new revision
    	calculatePosition: function(elem, context) {
    		var offset = $(elem).offset();
    		var currentPosition = $(elem).position();
    		var newPosition = {
    			top: currentPosition.top - me.offsetTop
    		};
    		if ((context.restrictLeft) ||
    				((offset.left - me.offsetLeft) <
    				$("#contentWrapper").offset().left)) {
    			newPosition.left = $(elem).position().left;
    			context.restrictLeft = true;
    		} else {
    			newPosition.left = currentPosition.left - me.offsetLeft;
    		}
    		return newPosition;
    	},

    	// equivalent of displayNextRevision, but for the more button
    	showMoreButton: function(tiddlerElem, context, userParams, moreIndex) {
    		userParams.from = moreIndex + 1;
    		me.shiftVisibleDown(userParams.title, function() {
    			var btn = me.createRevisionObject(tiddlerElem, context, userParams,
    				"");

    			var more = createTiddlyButton(btn[0], "more...", "show more revisions",
    				function() {
    					if ($(".viewRevision").length) {
    						return;
    					}
    					userParams.tiddlerElem = btn[0];
    					$(btn).text("")
    						.append(revBtn
    							.getRevisionText(btn[0], context.revisions[moreIndex]))
    						.attr("revision", context.revisions.length - moreIndex);
    					me.expandStack(context, userParams);
    				});
    			$(more).css("float", "right");
    		});
    	},

    	stripRevFromTitle: function(revisionTitle) {
    		return revisionTitle.split(/ ?\[rev\. #[0-9]+\]$/)[0];
    	},

    	onClickRevision: function(revElem, revision, callback) {
    		// don't do anything if we are still loading
    		if ($(".revisions").hasClass("loading")) {
    			return null;
    		}

    		var origTitle = me.stripRevFromTitle(revision.title);
    		if ($(revElem).hasClass("viewRevision")) {
    			$(".revisions").addClass("loading");
    			me.slideIn(revElem, revision, origTitle, function() {
    				store.deleteTiddler(revision.title);
    				revision.title = origTitle;
    				$(revElem).text("").append(revBtn.getRevisionText(revElem,
    						revision))
    					.removeAttr("tags").removeAttr("tiddler")
    					.removeAttr("refresh").removeAttr("template")
    					.removeAttr("id");
    				$(".revisions").removeClass("loading");
    				if (callback) {
    					callback();
    				}
    			});
    			$(revElem).removeAttr("prevPos").removeClass("viewRevision");
    		} else {
    			var viewRevision = function() {
    				var prevPos = $(revElem).position().left;
    				$(revElem).addClass("viewRevision").attr("prevPos", prevPos);
    				$(".revisions").addClass("loading");
    				me.showRevision(revElem, revision, function(rev) {
    					me.slideOut(revElem, rev, origTitle, function() {
    						$(".revisions").removeClass("loading");
    					});
    				});
    			};
    			// make sure another revision isn't already out
    			if ($(".viewRevision").length) {
    				var newRevElem = $(".viewRevision")[0];
    				var newRevision = store.getTiddler($(newRevElem)
    					.attr("tiddler"));
    				me.onClickRevision(newRevElem, newRevision, viewRevision);
    			} else {
    				viewRevision();
    			}
    		}
    	},

    	slideOut: function(revElem, revision, title, callback) {
    		var leftMostPos = $("[revName='%0'].revisions".format([title]))
    			.offset().left;
    		var width = $(revElem).width();
    		var originalLeftPos = $(story.getTiddler(title))
    			.position().left;

    		var slideAmount = leftMostPos + width - me.visibleSlideAmount;
    		$("[revName='%0'].revisions:not(.viewRevision)".format([title]))
    			.animate({left: "-=" + slideAmount}, 1000);
    		$(revElem)
    			.attr("baseHeight", $(revElem).css("height"))
    			.css("height", "auto")
    			.animate({left: originalLeftPos}, 1000, callback);
    	},

    	slideIn: function(revElem, revision, title, callback) {
    		var slideAmount = $(revElem).offset().left -
    			$(story.getTiddler(title)).offset().left;
    		var origRevPos = $(revElem).attr("prevPos");

    		$("[revName='%0'].revisions:not(.viewRevision)".format([title]))
    			.animate({left: "+=" + slideAmount}, 1000);
    		$(revElem).animate({left: origRevPos}, 1000, function() {
    			$(revElem)
    				.css("height", $(revElem).attr("baseHeight"))
    				.removeAttr("baseHeight");
    			callback();
    		});
    	}
    };

    var revBtn;
    config.macros.slideRevision = revBtn = {
    	btnText: "created by %0 at %1 on %2",
    	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    		var btn = revBtn.getRevisionText(place, tiddler);
    		$(place).append(btn);
    	},

    	getRevisionText: function(place, revision) {
    		var text = revBtn.btnText.format([revision.modifier,
    			revision.modified.formatString("0hh:0mm"),
    			revision.modified.formatString("0DD MMM YYYY")]);
    		var btn = $('<a href="javascript:;" class="button revButton" />')
    			.text(text)
    			.click(function() {
    				var revElem = story.findContainingTiddler(this);
    				me.onClickRevision(revElem, revision);
    			});
    		return btn;
    	}
    };

    })(jQuery);
    //}}}

    [[StyleSheetTiddlySpace]]

    interview

    /***
    |''Name''|tsScanCountPlugin|
    |''Description''|Provides ability to count tiddlers at a given tiddlyspace url and display a button that when clicked lists them. Also upgrades tsScan to replace any options containing with $1 with the current space|
    |''Version''|0.2.0|
    ***/
    //{{{
    (function($) {

    var tsScan = config.macros.tsScan;
    var tiddlyspace = config.extensions.tiddlyspace;

    var macro = config.macros.tsScanCount = {
    	cache: true,
    	countCache: {},
    	handler: function(place, macroName, params, w, paramString, tiddler) {
    		var container = $("<a href='#' class='button' />").attr("refresh", "macro").attr("macroName", macroName).appendTo(place)[0];
    		$(container).data("params", paramString);
    		macro.refresh(container);
    	},
    	refresh: function(container) {
    		var paramString = $(container).data("params");
    		var options = tsScan.getOptions(paramString, tiddler);
    		var url = options.url;
    		options.cache = macro.cache;
    		options.callback = function(tiddlers) {
    				options.cache = true;
    				macro.cache = true;
    				var count = tiddlers[0] ? tiddlers[0].fields['server.page.revision'] : 0;
    				var lastCount = macro.countCache[url] || 0;
    				if(lastCount != count) {
    					var interval, step = 0;
    					interval = window.setInterval(function() {
    						var last = step;
    						step += 1;
    						$(container).removeClass("step" + last);
    						if(step > 10) {
    							macro.countCache[url] = count;
    							window.clearInterval(interval);
    						} else {
    							$(container).addClass("step" + step);
    						}
    					}, 500)
    				}
    				$(container).empty().addClass("enabled").text(tiddlers.length).click(function(ev) {
    				$(ev.target).addClass("active");
    				var target = options.popupSelector ? $(options.popupSelector)[0] : ev.target;
    				var p = Popup.create(target, "div");
    				var container;
    				if(options.heading) {
    					container = $("<div />").addClass("heading").appendTo(p)[0];
    					wikify(store.getTiddlerText(options.heading) || "", container);
    				}
    				container = $("<div />").addClass("followTiddlersList").appendTo(p)[0];
    				tsScan.scan(container, options);
    				Popup.show();
    				ev.stopPropagation();
    				return false;
    			});
    		};
    		tsScan.scan(container, options);
    	}
    }

    var _getOptions = tsScan.getOptions;
    config.macros.tsScan.getOptions = function(paramString, tiddler) {
    	var options = _getOptions.apply(this, arguments);
    	var optionsClone = {};
    	for(var i in options) {
    		if(typeof(options[i]) == "string") {
    			optionsClone[i] = options[i].format(tiddlyspace.currentSpace.name);
    		} else {
    			optionsClone[i] = options[i];
    		}
    	}
    	return optionsClone;
    }

    // every 5 minutes make tsScan update.
    window.setInterval(function() {
    	macro.cache = false;
    	$("[macroName=tsScanCount]").each(function(i, el) {
    		macro.refresh(el);
    	});
    }, 1000 * 60 * 5);
    })(jQuery);
    //}}}

    <<tsScan "What do you think of the name TiddlyWiki and the term*" fat:y template:"AnswerTemplate##Template" hide:interview_public sort:-modified>>

    /***
    |''Name''|TiddlySpaceToolbar|
    |''Description''|augments tiddler toolbar commands with SVG icons|
    |''Author''|Osmosoft|
    |''Version''|0.6.6|
    |''Status''|@@beta@@|
    |''Source''|http://github.com/TiddlySpace/tiddlyspace/raw/master/src/plugins/TiddlySpaceToolbar.js|
    |''CodeRepository''|http://github.com/TiddlySpace/tiddlyspace|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    |''CoreVersion''|2.5.0|
    |''Requires''|ImageMacroPlugin|
    |''Keywords''|toolbar icons SVG|
    !Description
    replaces tiddler toolbar commands with SVG icons if available
    !Notes
    requires [[ImageMacroPlugin|http://svn.tiddlywiki.org/Trunk/contributors/JonRobson/plugins/ImageMacroPlugin/plugins/ImageMacroPlugin.tid]]

    SVG icons are drawn from tiddlers titled {{{<command>.svg}}}
    In readonly mode a tiddler called {{{<command>ReadOnly.svg}}} will be used if it exists.
    !TODO
    * rename (IconToolbarPlugin?)
    * support more than one more popup menu in the toolbar.
    !Code
    ***/
    //{{{
    (function($) {

    if(!config.macros.image) {
    	throw "Missing dependency: ImageMacroPlugin";
    }

    var macro = config.macros.toolbar;

    macro.icons = {
    	cloneTiddler: "editTiddler"
    };

    var _handler = macro.handler;
    macro.handler = function(place, macroName, params, wikifier,
    		paramString, tiddler) {
    	var toolbar = $(place);
    	toolbar.attr({
    		refresh: "macro",
    		macroName: macroName
    	}).data("args", arguments);
    	var status = _handler.apply(this, arguments);
    	if(tiddler.isReadOnly()) {
    		toolbar.addClass("toolbarReadOnly");
    	} else {
    		toolbar.removeClass("toolbarReadOnly");
    	}
    	var parsedParams = paramString.parseParams("name")[0];
    	if(parsedParams.icons && parsedParams.icons == "yes") {
    		this.augmentCommandButtons(place);
    	}
    	if(parsedParams.more && parsedParams.more == "popup") {
    		// note we must override the onclick event like in createTiddlyButton
    		// otherwise the click event is the popup AND the slider
    		$(".moreCommand", place).each(function(i, el) {
    			el.onclick = macro.onClickMorePopUp;
    		});
    		// buttons that are after a less command should not be in more menu.
    		$(".lessCommand ~ .button", place).appendTo(place);
    		$(".lessCommand", place).remove();
    	}
    	return status;
    };

    macro.refresh = function(place, params) {
    	var args = $(place).empty().data("args");
    	this.handler.apply(this, args);
    };

    var imageMacro = config.macros.image;
    macro.augmentCommandButtons = function(toolbar) {
    	$(".button", toolbar).each(function(i, el) {
    		var cmd = $(el).attr("commandname");
    		cmd = cmd ? cmd : "moreCommand"; // XXX: special-casing of moreCommand due to ticket #1234
    		var icon = store.tiddlerExists(cmd) ? cmd : macro.icons[cmd];
    		var text = $(el).text();
    		if(readOnly) {
    			var readOnlyAlternative = "%0ReadOnly".format([icon]);
    			if(store.tiddlerExists(readOnlyAlternative)) {
    				icon = readOnlyAlternative;
    			}
    		}
    		if(store.tiddlerExists(icon)) {
    			$(el).css({display: "inline-block"}).empty();
    			imageMacro.renderImage(el, icon, { alt: text });
    		}
    	});
    };

    // provide onClickMore to provide extra commands in a popup
    macro.onClickMorePopUp = function(ev) {
    	ev = ev || window.event;
    	var sibling = this.nextSibling;
    	if(sibling) {
    		var commands = sibling.childNodes;
    		var popup = Popup.create(this);
    		$(popup).addClass("taggedTiddlerList");
    		for(var i = 0; i < commands.length; i++) {
    			var li = createTiddlyElement(popup, "li", null);
    			var oldCommand = commands[i];
    			var command = oldCommand.cloneNode(true);
    			command.onclick = oldCommand.onclick;
    			li.appendChild(command);
    		}
    		Popup.show();
    	}
    	ev.cancelBubble = true;
    	if(ev.stopPropagation) {
    		ev.stopPropagation();
    	}
    	return false;
    };

    })(jQuery);
    //}}}

    /***
    |''Name''|TiddlySpaceSearcher|
    |''Version''|0.2.5|
    |''Requires''|TiddlySpaceConfig TiddlySpaceFollowingPlugin|
    ***/
    //{{{
    (function($) {
    var tiddlyspace = config.extensions.tiddlyspace;
    var tsScan = config.macros.tsScan;

    config.shadowTiddlers.SearchTemplate = "<<view server.bag SiteIcon label:no width:24 height:24 preserveAspectRatio:yes>> <<view server.bag spaceLink title external:no>> in space <<view server.bag spaceLink>>";
    config.shadowTiddlers.StyleSheetSearch = [".resultsArea .siteIcon { display: inline; }",
    	".searchForm {text-align: left;}"].join("\n");
    store.addNotification("StyleSheetSearch", refreshStyles);

    var search = config.macros.tsSearch = {
    	locale: {
    		advanced: "Advanced Options",
    		header: "Search",
    		resultsHeader: "Results (%0)",
    		find: "find",
    		noResults: "No tiddlers matched your search query",
    		query: "QUERY: ",
    		error: "please provide a search query or a tag, modifier or title!",
    		titleAdvanced: "where the title is",
    		modifierAdvanced: "where the last modifier is",
    		spaceAdvanced: "only in the space: ",
    		notspaceAdvanced: "but not in the spaces: ",
    		tagsAdvanced: "with the tags: "
    	},
    	andConstructor: function(container, label, fieldname, negationMode) {
    		var tags = $("<div />").appendTo(container);
    		$('<span />').text(label).appendTo(tags);
    		var id = "area" + Math.random();
    		container = $("<span />").attr("id", id).appendTo(tags)[0];
    		function add(container) {
    			var el = $('<input type="text" />').attr("field", fieldname).appendTo(container);
    			if(negationMode) {
    				el.attr("negation", "true");
    			}
    		}
    		add(container);
    		var el = $("<button />").text("AND").click(function(ev) {
    			add($(ev.target).data("container"));
    			ev.preventDefault();
    		}).appendTo(tags);
    		$(el).data("container", container);
    	},
    	fieldConstructor: function(container, label, field) {
    		container = $("<div />").appendTo(container)[0];
    		$("<span />").text(label).appendTo(container);
    		$("<input />").attr("text", "input").attr("field", field).appendTo(container);
    	},
    	advancedOptions: function(form) {
    		var locale = search.locale;
    		var container = $("<div />").addClass("tsAdvancedOptions").appendTo(form)[0];
    		$("<h2/ >").text(search.locale.advanced).appendTo(container);
    		$("<div />").addClass("separator").appendTo(container);
    		search.fieldConstructor(container, locale.titleAdvanced, "title");
    		search.fieldConstructor(container, locale.modifierAdvanced, "modifier");
    		search.fieldConstructor(container, locale.spaceAdvanced, "space");
    		search.andConstructor(container, locale.notspaceAdvanced, "space", true);
    		search.andConstructor(container, locale.tagsAdvanced, "tag");
    	},
    	constructSearchQuery: function(form) {
    		var data = [], select = [];
    		var query = $("[name=q]", form).val();
    		if(query) {
    			data.push("q=%0".format(query));
    		}

    		// add tags, fields etc..
    		$("[field]", form).each(function(i, el) {
    			var val = $(el).val();
    			var name = $(el).attr("field");
    			var negate = $(el).attr("negation") == "true";
    			if(val && name) {
    				val = encodeURIComponent(val);
    				val = negate ? "!" + val : val;
    				if(name == "space") {
    					val += "_public";
    					name = "bag";
    				}
    				if(negate) {
    					select.push("select=%0:%1".format(name,val));
    				} else {
    					var prefix = data.length === 0 ? "q=" : "";
    					data.push('%0%1:"%2"'.format(prefix, name, val));
    				}
    			}
    		});
    		var dataString = data.join(" ");
    		if(dataString.length === 0 && !query) {
    			return false;
    		}
    		var selectStatement = select.join("&");
    		if(dataString.length > 0 && selectStatement.length > 0) {
    			dataString += "&";
    		}
    		dataString += selectStatement;
    		return "/search?%0".format(dataString);
    	},
    	constructForm: function(place) {
    		var locale = search.locale;
    		$("<h1 />").text(locale.header).appendTo(place);
    		var form = $("<form />").appendTo(place)[0];
    		$('<input type="text" name="q" />').appendTo(form);
    		$('<input type="submit" />').val(locale.find).appendTo(form);
    		search.advancedOptions(form);
    		var query = $('<h2 class="query"/>').appendTo(place)[0];
    		var results = $("<div />").appendTo(place).addClass("resultsArea")[0];
    		var lookup = function(url) {
    			if(!url) {
    				results.empty().addClass("error").text(locale.error);
    				return;
    			}
    			config.extensions.tiddlyweb.getStatus(function(status) {
    				$(query).text(locale.query);
    				var href = status.server_host.url + url;
    				$("<a />").attr("href", href).text(href).appendTo(query);
    				tsScan.scan(results, { url: url, emptyMessage: search.locale.noResults, cache: true,
    					template: "SearchTemplate", sort: "title", callback: function(tiddlers) {
    						$("<h2 />").text(locale.resultsHeader.format(tiddlers.length)).prependTo(results);
    					}
    				});
    			});
    		};
    		$(form).submit(function(ev) {
    			ev.preventDefault();
    			var url = search.constructSearchQuery(form);
    			config.macros.tsSearch.lastSearch = url;
    			lookup(url);
    		});
    		if(search.lastSearch) {
    			lookup(search.lastSearch);
    		}
    		return form;
    	},
    	handler: function(place) {
    		var container = $("<div />").addClass("searchForm").appendTo(place)[0];
    		search.constructForm(container);
    	}
    };

    })(jQuery);
    //}}}

    Click the "new tiddler" button towards the top right of the screen to write something in your space. You'll need to give it a title, some content and, optionally, some tags that will help you identify it later.

    !Stuck for ideas?
    Not sure what to write about? Not sure what to keep in your space? Other people use ~TiddlySpace for almost anything. How about some of the following:

    * [[Save interesting sites|http://bookmarks.tiddlyspace.com]], images or articles from around the web so that you can refer back to them.
    * [[Record your family tree|http://familytree.tiddlyspace.com]], store notes on long lost relatives or ancestors and map their relationship to you.
    * [[Make up a pocketbook|http://pocketbook.tiddlyspace.com]] to store some useful information in, then print it out, [[fold it up|http://www.pocketmod.com/]], and take it with you.
    * [[Plan your holiday|http://the-web-is-your-oyster.tiddlyspace.com/]], record where you're planning to go, note down places of interest and refer back to it later.
    * [[Create a mindmap|http://mindmaps.tiddlyspace.com/]] to visualise your inner thoughts and see how they relate to each other.
    * [[Set up a questionnaire|http://questionnaire.tiddlyspace.com/]] and get all your friends to answer it.

    If you don't like any of those ideas, you can still use this space directly to keep notes and link them together, make a todo list and keep track of everything you're doing, or any one of a hundred million other things.

    Still stuck? Check out the @featured space for more suggestions.

    You can also [[socialise with others|How to socialise]].

    <!--{{{-->
    <div class='toolbar'
    	macro='toolbar [[ToolbarCommands::EditToolbar]] icons:yes'>
    </div>
    <div class='heading editorHeading'>
    	<div class='editor title' macro='edit title'></div>
    	<div class='tagClear'></div>
    </div>
    <div class='annotationsBox' macro='annotations'>
    	<div class='editSpaceSiteIcon'
    		macro='tiddlerOrigin height:16 width:16 label:no interactive:no'>
    	</div>
    	<div class="privacyEdit" macro='setPrivacy label:no interactive:no'></div>
    	<div class='tagClear'></div>
    </div>
    <div class='editor' macro='edit text'></div>
    <div class='editorFooter'>
    	<div class='tagTitle'>tags</div>
    	<div class='editor' macro='edit tags'></div>
    	<div class='tagAnnotation'>
    		<span macro='message views.editor.tagPrompt'></span>
    		<span macro='tagChooser excludeLists'></span>
    	</div>
    </div>
    <!--}}}-->

    /***
    |''Name''|TiddlySpaceFilters|
    |''Description''|provide TiddlySpace-specific filter extensions|
    |''Author''|Jon Robson|
    |''Version''|0.6.1|
    |''Status''|@@beta@@|
    |''CoreVersion''|2.6.2|
    |''Requires''|TiddlySpaceConfig|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    !Usage
    {{{
    <<tsList Private>>
    <<tsList Public>>
    <<tsList Draft>>
    }}}
    !Code
    ***/
    //{{{
    (function($) {

    var tiddlyspace = config.extensions.tiddlyspace;
    var privateBag = tiddlyspace.getCurrentBag("private");
    var publicBag = tiddlyspace.getCurrentBag("public");

    config.filterHelpers = {
    	is: {
    		"private": function(tiddler) {
    			var bag = tiddler.fields["server.bag"];
    			return bag == privateBag;
    		},
    		"public": function(tiddler) {
    			var bag = tiddler.fields["server.bag"];
    			return bag == publicBag;
    		},
    		draft: function(tiddler) {
    			var fields = tiddler.fields;
    			var bag = fields["server.bag"];
    			return (privateBag == bag && fields["publish.name"]) ? true : false;
    		},
    		local: function(tiddler) {
    			return config.filterHelpers.is["public"](tiddler) ||
    				config.filterHelpers.is["private"](tiddler);
    		},
    		unsynced: function(tiddler) {
    			return tiddler ? tiddler.isTouched() : false;
    		}
    	}
    };

    config.filters.is = function(results, match) {
    	var candidates = store.getTiddlers("title");
    	var type = match[3];
    	for (var i = 0; i < candidates.length; i++) {
    		var tiddler = candidates[i];
    		var helper = config.filterHelpers.is[type];
    		if(helper && helper(tiddler)) {
    			results.pushUnique(tiddler);
    		}
    	}
    	return results;
    };

    })(jQuery);
    //}}}

    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="450 366 38 57"
    width="30" height="30">
    	<g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1">
    		<g>
    			<path d="M 452.1094 421.2422 L 450 421.2422 L 450 423 L 487.9688 423 L 487.9688 421.2422 L 485.8595 421.2422
    			L 485.8595 377.29688 L 487.9688 377.29688 L 487.9688 375.53906 L 485.8595 375.53906
    			C 485.8595 375.53906 481.12463 371.59341 473.02023 370.52802 C 472.6824 368.9689 471.72098 366.75 468.9844 366.75
    			C 466.24783 366.75 465.28638 368.9689 464.94864 370.52802
    			C 456.84418 371.59341 452.1094 375.53906 452.1094 375.53906 L 450 375.53906 L 450 377.29688 L 452.1094 377.29688
    			Z M 467.12247 370.32086 L 467.12247 370.32086 C 467.3805 369.42395 467.90762 368.50781 468.9844 368.50781
    			C 470.0612 368.50781 470.5883 369.42395 470.84634 370.32086
    			C 470.24136 370.2848 469.62054 370.26562 468.9844 370.26562
    			C 468.34827 370.26562 467.72748 370.2848 467.12247 370.32086 Z M 454.21875 420.92804 L 454.21875 420.92804
    			C 455.46762 420.42087 456.32816 419.35281 456.32816 418.11716 L 456.32816 377.29688 L 458.4375 377.29688
    			L 458.4375 421.2422 L 454.21875 421.2422 Z M 460.5469 420.92804 L 460.5469 420.92804
    			C 461.79578 420.42087 462.65625 419.35281 462.65625 418.11716 L 462.65625 377.29688 L 464.76566 377.29688
    			L 464.76566 421.2422 L 460.5469 421.2422 Z M 466.87503 420.92804 L 466.87503 420.92804
    			C 468.1239 420.42087 468.9844 419.35281 468.9844 418.11716 L 468.9844 377.29688 L 471.09378 377.29688
    			L 471.09378 421.2422 L 466.87503 421.2422 Z M 473.2032 420.92804 L 473.2032 420.92804
    			C 474.45203 420.42087 475.31256 419.35281 475.31256 418.11716 L 475.31256 377.29688 L 477.4219 377.29688
    			L 477.4219 421.2422 L 473.2032 421.2422 Z M 479.5313 420.92804 L 479.5313 420.92804
    			C 480.78018 420.42087 481.64066 419.35281 481.64066 418.11716 L 481.64066 377.29688 L 483.75006 377.29688
    			L 483.75006 421.2422 L 479.5313 421.2422 Z" fill="black" class="glyph"/>
    		</g>
    	</g>
    </svg>

    /***
    |''Name''|RandomColorPalettePlugin|
    |''Description''|Adds a random color palette to TiddlyWiki|
    |''Author''|Jon Robson|
    |''Version''|1.4.0|
    |''Status''|stable|
    |''Source''|https://github.com/jdlrobson/TiddlyWikiPlugins/raw/master/plugins/RandomColorPalettePlugin/RandomColorPalettePlugin.js|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    !Usage
    {{{
    <<RandomColorPalette>>
    }}}
    Sets and saves a random color palette on execution

    {{{
    <<RandomColorPaletteButton>>
    }}}
    Creates a button, which when clicked will change the color palette
    More information at http://macros.tiddlyspace.com/#%5B%5BRandomColorPaletteButton%20macro%5D%5D
    !Code
    ***/
    //{{{
    RGB.prototype.toRGBString = function() {
    	return "rgb(%0,%1,%2)".format(parseInt(this.r * 255, 10),
    		parseInt(this.g * 255, 10), parseInt(this.b * 255, 10))
    }
    function HSL_TO_RGB(h, s, l) { // h (hue) between 0 and 360, s (saturation) & l (lightness) between 0 and 1
    	var c = l <= 0.5 ? 2 * l * s : ( 2 - (2 * l)) * s;
    	var h1 = h / 60;
    	var x = c * (1 - Math.abs((h1 % 2) - 1));
    	var r, g, b;
    	if(typeof(h) == 'undefined') {
    		r = 0;
    		g = 0;
    		b = 0;
    	} else if(0 <= h1 && h1 < 1) {
    		r = c;
    		g = x;
    		b = 0;
    	} else if(1 <= h1 && h1 < 2) {
    		r = x;
    		g = c;
    		b = 0;
    	} else if(2 <= h1 && h1 < 3) {
    		r = 0;
    		g = c;
    		b = x;
    	} else if(3 <= h1 && h1 < 4) {
    		r = 0;
    		g = x;
    		b = c;
    	} else if(4 <= h1 && h1 < 5) {
    		r = x;
    		g = 0;
    		b = c;
    	} else if(5 <= h1 && h1 < 6) {
    		r = c;
    		g = 0;
    		b = x;
    	}
    	m = l - (0.5 * c);
    	return new RGB(r + m, g + m, b + m);
    }

    (function($){
    	var macro = config.macros.RandomColorPalette = {
    		messagesOn: false,
    		changedPaletteText: "We have assigned you a random theme by adjusting the [[ColorPalette]] tiddler.\nDon't like it? Click <<RandomColorPalette>> for another one.",
    		handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    			paramString = paramString || "";
    			var options = macro.getOptions(paramString);
    			macro.generatePalette(options, true);
    		},
    		optionTypes: {
    			floats: ["hue", "saturation", "darkest", "lightness", "huevariance", "dark", "pale", "light", "mid",
    				"saturation_light", "saturation_pale", "saturation_mid", "saturation_dark"
    			]
    		},
    		getOptions: function(paramString) {
    			var args = paramString.parseParams("name", null, true, false, true)[0];
    			var options = {};
    			var numbers = macro.optionTypes.floats;
    			for(var i in args) {
    				options[i] = numbers.indexOf(i) > -1 ? parseFloat(args[i][0], 10) : args[i][0];
    			}
    			return options;
    		},
    		generateRandomNumber: function(min, max, info) {
    			var num = (Math.random() * 1);
    			info = !info ? { attempts:0 } : info;
    			info.attempts += 1;
    			var good = true;
    			if(min == max) {
    				return max;
    			}
    			if(min && num < min) {
    				good = false;
    			} else if(max && num > max) {
    				good = false;
    			}
    			if(!good) {
    				if(info.attempts < 5) {
    					return macro.generateRandomNumber(min, max, info);
    				} else {
    					if(max) {
    						return max;
    					} else if(min) {
    						return min;
    					} else {
    						return 1;
    					}
    				}
    			}
    			return num;
    		},
    		getExistingPalette: function(asJSON) {
    			var title = "ColorPalette";
    			var tiddlerText;
    			if(store.tiddlerExists(title)) {
    				tiddlerText = store.getTiddlerText(title);
    			} else if(store.isShadowTiddler(title)){
    				tiddlerText = config.shadowTiddlers[title];
    			}
    			if(asJSON) {
    				var json = {};
    				if(tiddlerText) {
    					var lines = tiddlerText.split("\n");
    					for(var i = 0; i < lines.length; i++) {
    						var definition = lines[i].split(":");
    						if(definition.length == 2) {
    							var name = definition[0].trim();
    							var value = definition[1].trim();
    							json[name] = value;
    						}
    					}
    				}
    				return json;
    			} else {
    				return tiddlerText;
    			}
    		},
    		generatePalette: function(options, save) {
    			var outputRGB = options.rgb;
    			var palette = macro.getExistingPalette(true);
    			var hue = options.hue || Math.floor(Math.random() * 359);
    			var saturation = options.saturation || macro.generateRandomNumber(0.3, 0.7);
    			var dark = options.dark || options.darkest || macro.generateRandomNumber(0, 0.10);
    			var pale = options.pale || options.lightness || macro.generateRandomNumber(0.90, 1);
    			var delta = ( ( pale - dark ) / 3 );
    			var mid = options.mid || dark + delta;
    			var light = options.light || dark + (delta * 2);
    			var lightness_values = {Dark: dark, Mid: mid, Light: light, Pale: pale};
    			var saturation_values = {};
    			for(i in lightness_values) {
    				if(true) {
    					saturation_values[i] = options["saturation_" + i.toLowerCase()] || saturation;
    				}
    			}

    			var opposite_hue = (hue + 180) % 360;
    			var seed = options.huevariance || Math.floor((85 * Math.random()) + 5); // we want it to be at least 5 degrees
    			var huetwo = (opposite_hue + seed) % 360;
    			var huethree = (opposite_hue - seed) % 360;
    			if(huetwo < 0) {
    				huetwo = 360 + huetwo;
    			}
    			if(huethree < 0) {
    				huethree = 360 + huethree;
    			}
    			for(var j in lightness_values) {
    				if(true) {
    					var saturation = saturation_values[j];
    					palette["Primary" + j] = HSL_TO_RGB(hue, saturation, lightness_values[j]);
    					palette["Secondary" + j] = HSL_TO_RGB(huetwo, saturation, lightness_values[j]);
    					palette["Tertiary" + j] = HSL_TO_RGB(huethree, saturation, lightness_values[j]);
    				}
    			}
    			palette.Background = HSL_TO_RGB(hue, saturation, 0.92);
    			palette.Foreground = HSL_TO_RGB(hue, saturation, 0.08);
    			palette.ColorPaletteParameters = ["HSL([", hue, "|", seed, "], [", saturation_values.Pale, "|",
    				saturation_values.Light, "|", saturation_values.Mid, "|", saturation_values.Dark, "],",
    				"[", dark, "|", mid, "|", light, "|", pale, "])"].join("");
    			// construct new ColorPalette
    			var text = ["/*{{{*/\n"];
    			var colorcode;
    			for(var id in palette) {
    				if(true) {
    					var color = palette[id];
    					colorcode = outputRGB ? color.toRGBString() : color.toString();
    					text.push("%0: %1\n".format(id, colorcode));
    				}
    			}
    			text.push("/*}}}*/");
    			text = text.join("");
    			if(save) {
    				macro.saveColorPalette(text);
    			}
    			return text;
    		},
    		saveColorPalette: function(text) {
    			var tid = store.getTiddler("ColorPalette");
    			if(!tid) {
    				tid = new Tiddler("ColorPalette");
    				tid.fields = merge({}, config.defaultCustomFields);
    			} // TODO: detect that the ColorPalette in the space comes from outside recipe
    			tid.fields["server.page.revision"] = "false"; // edit conflicts dont matter

    			// save the color palette in tid
    			tid = store.saveTiddler(tid.title, tid.title, text, tid.modifier, tid.modified,
    				tid.tags, tid.fields, false, tid.created, tid.creator);
    			// an interval is used to cope with users clicking on the palette button quickly.
    			if(macro._nextSave) {
    				window.clearTimeout(macro._nextSave);
    			}
    			macro._nextSave = window.setTimeout(function() {
    					autoSaveChanges(null, [tid]);
    				}, 2000);
    			// temporary workaround for IE.
    			$.twStylesheet.remove({ id: "StyleSheetColors" });
    			$.twStylesheet.remove({ id: "StyleSheet" });
    			refreshAll();
    			macro.reportChange();
    			return tid;
    		},
    		reportChange: function() {
    			if(macro.messagesOn) { // only display message once..
    				var msgPlace = getMessageDiv();
    				if(!$(".changedPalette", msgPlace)[0]) {
    					var tempPlace = document.createElement("div");
    					wikify("{{changedPalette{" + macro.changedPaletteText + "}}}", tempPlace);
    					msgPlace.appendChild(tempPlace);
    				}
    			}
    		}
    	};
    	var btnMacro = config.macros.RandomColorPaletteButton = {
    			text: "New ColorPalette",
    			tooltip: "Generate a random colour scheme for your TiddlyWiki",
    			makeButton: function(place, options) {
    				var btnHandler = function(ev) {
    					var t = $(ev.target);
    					var options = t.data("options");
    					macro.generatePalette(options, true);
    					ev.preventDefault();
    					return false;
    				};
    				var btn = createTiddlyButton(place, this.text, this.tooltip, btnHandler);
    				$(btn).data("options", options);
    				return btn;
    			},
    			handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    				var options = macro.getOptions(paramString);
    				btnMacro.makeButton(place, options);
    			}
    	};
    })(jQuery);
    //}}}

    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="78 222 60 60"
    width="30" height="30">
    <g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1">
    	<g>
    		<path d="M 107.92718 244.14815 L 86.651474 222.89253 L 78.85206 230.69925 L 100.120415 251.9476 L 78.774 273.27396
    		L 86.57342 281.08075 L 107.927216 259.74707 L 129.39981 281.19946 L 137.19922 273.39267 L 115.73397 251.94763
    		L 137.121155 230.58054 L 129.32175 222.77374 Z" fill="black" class="glyph"/>
    	</g>
    </g>
    </svg>

    /***
    |''Name''|TiddlyWebConfig|
    |''Description''|configuration settings for TiddlyWebWiki|
    |''Author''|FND|
    |''Version''|1.3.2|
    |''Status''|stable|
    |''Source''|http://svn.tiddlywiki.org/Trunk/association/plugins/TiddlyWebConfig.js|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    |''Requires''|TiddlyWebAdaptor ServerSideSavingPlugin|
    |''Keywords''|serverSide TiddlyWeb|
    !Code
    ***/
    //{{{
    (function($) {

    if(!config.extensions.ServerSideSavingPlugin) {
    	throw "Missing dependency: ServerSideSavingPlugin";
    }
    if(!config.adaptors.tiddlyweb) {
    	throw "Missing dependency: TiddlyWebAdaptor";
    }

    if(window.location.protocol != "file:") {
    	config.options.chkAutoSave = true;
    }

    var adaptor = tiddler.getAdaptor();
    var recipe = tiddler.fields["server.recipe"];
    var workspace = recipe ? "recipes/" + recipe : "bags/common";

    var plugin = config.extensions.tiddlyweb = {
    	host: tiddler.fields["server.host"].replace(/\/$/, ""),
    	username: null,
    	status: {},

    	getStatus: null, // assigned later
    	getUserInfo: function(callback) {
    		this.getStatus(function(status) {
    			callback({
    				name: plugin.username,
    				anon: plugin.username ? plugin.username == "GUEST" : true
    			});
    		});
    	},
    	hasPermission: function(type, tiddler) {
    		var perms = tiddler.fields["server.permissions"];
    		if(perms) {
    			return perms.split(", ").contains(type);
    		} else {
    			return true;
    		}
    	}
    };

    config.defaultCustomFields = {
    	"server.type": tiddler.getServerType(),
    	"server.host": plugin.host,
    	"server.workspace": workspace
    };

    // modify toolbar commands

    config.shadowTiddlers.ToolbarCommands = config.shadowTiddlers.ToolbarCommands.
    	replace("syncing ", "revisions syncing ");

    config.commands.saveTiddler.isEnabled = function(tiddler) {
    	return plugin.hasPermission("write", tiddler) && !tiddler.isReadOnly();
    };

    config.commands.deleteTiddler.isEnabled = function(tiddler) {
    	return !readOnly && plugin.hasPermission("delete", tiddler);
    };

    // hijack option macro to disable username editing
    var _optionMacro = config.macros.option.handler;
    config.macros.option.handler = function(place, macroName, params, wikifier,
    		paramString) {
    	if(params[0] == "txtUserName") {
    		params[0] = "options." + params[0];
    		var self = this;
    		var args = arguments;
    		args[0] = $("<span />").appendTo(place)[0];
    		plugin.getUserInfo(function(user) {
    			config.macros.message.handler.apply(self, args);
    		});
    	} else {
    		_optionMacro.apply(this, arguments);
    	}
    };

    // hijack isReadOnly to take into account permissions and content type
    var _isReadOnly = Tiddler.prototype.isReadOnly;
    Tiddler.prototype.isReadOnly = function() {
    	return _isReadOnly.apply(this, arguments) ||
    		!plugin.hasPermission("write", this);
    };

    var getStatus = function(callback) {
    	if(plugin.status.version) {
    		callback(plugin.status);
    	} else {
    		var self = getStatus;
    		if(self.pending) {
    			if(callback) {
    				self.queue.push(callback);
    			}
    		} else {
    			self.pending = true;
    			self.queue = callback ? [callback] : [];
    			var _callback = function(context, userParams) {
    				var status = context.serverStatus || {};
    				for(var key in status) {
    					if(key == "username") {
    						plugin.username = status[key];
    						config.macros.option.propagateOption("txtUserName",
    							"value", plugin.username, "input");
    					} else {
    						plugin.status[key] = status[key];
    					}
    				}
    				for(var i = 0; i < self.queue.length; i++) {
    					self.queue[i](plugin.status);
    				}
    				delete self.queue;
    				delete self.pending;
    			};
    			adaptor.getStatus({ host: plugin.host }, null, _callback);
    		}
    	}
    };
    (plugin.getStatus = getStatus)(); // XXX: hacky (arcane combo of assignment plus execution)

    })(jQuery);
    //}}}

    /***
    |''Name''|ToggleTiddlerPrivacyPlugin|
    |''Version''|0.7.1|
    |''Status''|@@beta@@|
    |''Description''|Allows you to set the privacy of new tiddlers and external tiddlers within an EditTemplate, and allows you to set a default privacy setting|
    |''CoreVersion''|2.6.1|
    |''Requires''|TiddlySpaceConfig|
    |''Source''|http://github.com/TiddlySpace/tiddlyspace/raw/master/src/plugins/ToggleTiddlerPrivacyPlugin.js|
    !Notes
    When used in conjunction with TiddlySpaceTiddlerIconsPlugin changing the privacy setting will also interact with any privacy icons.

    Currently use of
    {{{<<setPrivacy defaultValue:public>>}}} is in conflict with {{{<<newTiddler fields:"server.workspace:x_private">>}}}

    There is an option, found in the tweak tab of the backstage, called txtPrivacyMode. Set this to either ''public'' or ''private'' depending on your security preference. If you choose not to set it then it will default to ''public''.
    !Params
    defaultValue:[private|public]
    Allows you to set the default privacy value (Default is private)

    !Code
    ***/
    //{{{
    (function($) {

    	var tiddlyspace = config.extensions.tiddlyspace,
    		macro;
    	macro = config.macros.setPrivacy = {
    		handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    			if(readOnly) {
    				return;
    			}
    			var el = $(story.findContainingTiddler(place)),
    				args = paramString.parseParams("name",
    					null, true, false, true)[0],
    				container = $("<div />").
    					addClass("privacySettings").
    					appendTo(place)[0],
    				currentSpace = tiddlyspace.currentSpace.name,
    				currentBag = tiddler ? tiddler.fields["server.bag"] : false,
    				// XXX: is the following reliable?
    				isNewTiddler = el.hasClass("missing") || !currentBag,
    				tiddlerStatus = tiddlyspace.getTiddlerStatusType(tiddler),
    				customFields = el.attr("tiddlyfields"),
    				defaultValue = "public",
    				options = config.macros.tiddlerOrigin ?
    						config.macros.tiddlerOrigin.getOptions(paramString) :
    						{};
    			customFields = customFields ? customFields.decodeHashMap() : {};
    			if(isNewTiddler || !["public", "private", "unsyncedPrivate",
    					"unsyncedPublic"].contains(tiddlerStatus)) {
    				if(args.defaultValue) {
    					defaultValue = args.defaultValue[0].toLowerCase();
    				} else {
    					defaultValue = config.options.chkPrivateMode ?
    							"private" : "public";
    				}
    				defaultValue = defaultValue ?
    						"%0_%1".format(currentSpace, defaultValue) :
    						customFields["server.bag"];
    				this.createRoundel(container, tiddler, currentSpace,
    						defaultValue, options);
    			}
    		},
    		updateEditFields: function(tiddlerEl, bag) {
    			var saveBagField = $('[edit="server.bag"]', tiddlerEl),
    				saveWorkspaceField = $('[edit="server.workspace"]', tiddlerEl),
    				input = $("<input />").attr("type", "hidden"),
    				workspace = "bags/" + bag;
    			if(saveBagField.length === 0) {
    				input.clone().attr("edit", "server.bag").val(bag).
    					appendTo(tiddlerEl);
    			} else {
    				saveBagField.val(bag);
    			}
    			// reset to prevent side effects
    			$(tiddlerEl).attr("tiddlyFields", "");
    			if(saveWorkspaceField.length === 0) {
    				input.clone().attr("edit", "server.workspace").
    					val(workspace).appendTo(tiddlerEl);
    			} else {
    				saveWorkspaceField.val(workspace);
    			}
    		},
    		setBag: function(tiddlerEl, newBag, options) {
    			var bagStatus,
    				title = $(tiddlerEl).attr("tiddler"),
    				tiddler = store.getTiddler(title),
    				originButton = $(".originButton", tiddlerEl)[0],
    				refreshIcon,
    				newWorkspace = "bags/" + newBag,
    				rPrivate = $("input[type=radio].isPrivate", tiddlerEl),
    				rPublic = $("input[type=radio].isPublic", tiddlerEl);
    			refreshIcon = function(type) {
    				var originMacro = config.macros.tiddlerOrigin;
    				if(originButton && originMacro) {
    					options.noclick = true;
    					originMacro.showPrivacyRoundel(tiddler, type,
    							originButton, options);
    				}
    			};
    			macro.updateEditFields(tiddlerEl, newBag);
    			if(tiddler) {
    				tiddler.fields["server.bag"] = newBag;
    				// for external tiddlers
    				tiddler.fields["server.workspace"] = newWorkspace;
    			}
    			if(newBag.indexOf("_public") > -1) {
    				rPrivate.attr("checked", false);
    				rPublic.attr("checked", true);
    				bagStatus = "public";
    			} else {
    				rPublic.attr("checked", false); // explicitly do this for ie
    				rPrivate.attr("checked", true);
    				bagStatus = "private";
    			}
    			refreshIcon(bagStatus);
    		},
    		createRoundel: function(container, tiddler, currentSpace,
    							   defaultValue, options) {
    			var privateBag = "%0_private".format(currentSpace),
    				publicBag = "%0_public".format(currentSpace),
    				rbtn = $("<input />").attr("type", "radio").
    					attr("name", tiddler.title),
    				el = story.findContainingTiddler(container);
    			rbtn.clone().val("private").addClass("isPrivate").
    				appendTo(container);
    			$("<label />").text("private").appendTo(container); // TODO: i18n
    			rbtn.clone().val("public").addClass("isPublic")
    				.appendTo(container);
    			$("<label />").text("public").appendTo(container); // TODO: i18n
    			$("[type=radio]", container).click(function(ev) {
    				var btn = $(ev.target);
    				tiddler.fields["server.page.revision"] = "false";
    				if(btn.hasClass("isPrivate")) { // private button clicked.
    					$(el).addClass("isPrivate").removeClass("isPublic");
    					macro.setBag(el, privateBag, options);
    				} else {
    					$(el).addClass("isPublic").removeClass("isPrivate");
    					macro.setBag(el, publicBag, options);
    				}
    			});
    			window.setTimeout(function() {
    				macro.setBag(el, defaultValue, options);
    			}, 100);
    			// annoyingly this is needed as customFields are added to end of EditTemplate so are not present yet
    			// and don't seem to respect any existing customFields.
    		}
    	};

    }(jQuery));
    //}}}

    !SpaceUnplugged
    {{unpluggedSpaceTab{
    {{wizard{
    <<image unsyncedIcon width:48>> Sync is currently unavailable in ~TiddlyWiki due to security constraints in modern browsers. Research is being done to build a suitable alternative. In the meantime if you have changed content in an offline ~TiddlyWiki, you can get your content back into ~TiddlySpace by using the ''import'' functionality from the backstage of the online wiki.
    }}}
    }}}

    !Menu
    <<message messages.memberStatus>> <<homeLink>>
    {{unsyncedList{<<message messages.syncListHeading>> <<list filter [is[unsynced]]>>}}}

    running TiddlySpace@glossary version <<message extensions.tiddlyweb.status.tiddlyspace_version>>
    {{autotable{
    <<tiddler Backstage##Resources>>
    }}}

    !Resources
    [[blog|@@blog]] [[documentation|@@docs]] [[featured spaces|@@featured]]

    !ImportExport
    <<fileImport>>
    You can download this TiddlySpace as an offline TiddlyWiki:

    {{chunkyButton{<<exportSpace>>}}}

    !BackstageTiddlers
    |upload a <<message messages.privacySetting>> file: <<binaryUpload>>|<<closeAll>><<permaview>><<newTiddler>><<newJournal "DD MMM YYYY" "journal">><<saveChanges>>|
    |>|<<search>>|
    |>|<<tiddler Backstage##Tiddlers>>|

    !Tiddlers
    <<tabs
    	txtMainTab
    	"Recent" "Recently edited tiddlers" TabTimeline
    	"All" "All tiddlers" TabAll
    	"Public" "All public tiddlers" [[TiddlySpaceTabs##Public]]
    	"Private" "All private tiddlers" [[TiddlySpaceTabs##Private]]
    	"Tags" "All tags" TabTags
    	"Spaces" "Tiddlers grouped by space" [[TiddlySpaceTabs##Spaces]]
    	"Missing" "Missing tiddlers" TabMoreMissing
    	"Orphans" "Orphaned tiddlers" TabMoreOrphans
    	"Shadows" "Shadowed tiddlers" TabMoreShadowed
    >>

    !BatchOps
    <<tabs
    	txtPublisherTab
    	"Private" "Move tiddlers from private to public" Backstage##BatchPrivate
    	"Public" "Move tiddlers from public to private" Backstage##BatchPublic
    >>

    !BatchPrivate
    <<TiddlySpacePublisher type:private>>

    !BatchPublic
    <<TiddlySpacePublisher type:public>>

    !Plugins
    ''Note:'' Many of these plugins are core TiddlySpace plugins and cannot be changed unless first cloned.

    <<tiddler PluginManager>>

    !Tweaks
    These options change behavior in TiddlyWiki //only// and may be ineffective in TiddlySpace.

    <<tiddler AdvancedOptions>>

    /***
    |''Name''|TiddlySpaceRevertRevision|
    |''Description''|Revert to a previous revision|
    |''Author''|BenGillies|
    |''Version''|0.1|
    |''Status''|unstable|
    |''Source''|http://github.com/TiddlySpace/tiddlyspace|
    |''CodeRepository''|http://github.com/TiddlySpace/tiddlyspace|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    |''CoreVersion''|2.6.0|
    |''Requires''|TiddlyWebAdaptor TiddlySpaceRevisionView|
    !Usage
    Add a control button to revert to a particular revision.

    The button must be called from within a revision, as generated by TiddlySpaceRevisionView
    !Code
    ***/
    //{{{
    (function($) {

    config.commands.revert = {
    	text: "revert",
    	tooltip: "make this revision the current one",
    	handler: function(ev, src, title) {
    		var revElem = story.getTiddler(title);
    		var tidToRevert = store.getTiddler($(revElem).attr("revName"));

    		var revision = store.getTiddler(title);
    		if ((revision) && (tidToRevert)) {
    			tidToRevert.text = revision.text;
    			var newFields = merge({}, revision.fields);
    			for (var fieldName in newFields) {
    				if (fieldName.substr(0, 7) === "server.") {
    					delete newFields[fieldName];
    				}
    			}
    			merge(tidToRevert.fields, newFields);
    			tidToRevert.tags = merge([], revision.tags);
    			tidToRevert.fields.changecount = 1;
    			delete tidToRevert.fields.doNotSave;

    			store.saveTiddler(tidToRevert.title, tidToRevert.title,
    				tidToRevert.text, null, null, tidToRevert.tags,
    				tidToRevert.fields, false, tidToRevert.created, tidToRevert.creator);

    			autoSaveChanges(true);
    		}
    	}
    };

    })(jQuery);
    //}}}

    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="2 724 68 55"
    width="30" height="30">
    <g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1">
    	<g>
    		<path d="M 2.25 756 L 11.25 747 L 24.75 760.4994 L 60.750004 724.4994 L 69.75 733.49902
    		L 24.749977 778.49976 Z" fill="#101010" class="glyph"/>
    	</g>
    </g>
    </svg>

    /***
    |''Name''|ImportExternalLinksPlugin|
    |''Author''|Jon Robson|
    |''Version''|0.3.0|
    |''Requires''|TiddlySpaceConfig TiddlySpaceLinkPlugin TiddlySpaceCloneCommand|
    |''Description''|Turns space links into ajax links so you don't have to leave the comfort of your own TiddlyWiki|
    !Notes
    This maybe should hides the editTiddler, cloneTiddler commands. Ideally the toolbar commands should hide themselves but we need a strong concept of "this is a sucked in tiddler" to do that.
    ***/
    //{{{
    (function($){
    var tiddlyspace = config.extensions.tiddlyspace;
    _createSpaceLink = createSpaceLink;
    if(_createSpaceLink) {
    	createSpaceLink = function(place, spaceName, title, alt, isBag) {
    		var tooltip = "Click to open in current document. Right click to open in original space.";
    		_createSpaceLink(place, spaceName, title, alt, isBag);
    		var workspace;
    		if(isBag) {
    			workspace = "bags/%0".format(spaceName);
    		} else {
    			workspace = "bags/%0_public".format(spaceName);
    		}
    		if(title && spaceName != tiddlyspace.currentSpace.name) {
    			var link = $("a:last", place);
    			var newlink = $("<a />").text("[link]").after(link[0]);
    			// very hacky
    			var updateInterval = setInterval(function() {
    				var href = link.attr("href");
    				if(href) {
    					$(newlink).attr("href", href);
    					clearInterval(updateInterval);
    				}
    			}, 200);

    			if(link.parent(".replyLink").length == 0) { // don't suck in a reply link.
    				link.attr("title", tooltip).addClass("importLink").click(function(ev) {
    					if(config.floorboards) {
    						config.floorboards.pushUnique("%0_public".format(spaceName));
    					}
    					tiddlyspace.displayServerTiddler(ev.target, title, workspace, function(el) {
    						// TODO: the commands should disable themselves based on the meta information.
    						//$("[commandname=editTiddler], [commandname=cloneTiddler]", el).hide();
    					});
    					ev.preventDefault();
    				});
    			}
    		}
    	};
    }

    var _cloneHandler = config.commands.cloneTiddler.handler;
    config.commands.cloneTiddler.handler = function(event, src, title) {
    	var _tiddler = store.getTiddler(title);
    	var source = _tiddler ? _tiddler.fields["server.bag"] : false;
    	var imported = _tiddler ? _tiddler.fields["tiddler.source"] : false;
    	var realTitle = _tiddler ? _tiddler.fields["server.title"] : title;
    	_cloneHandler.apply(this, [event, src, title]);
    	var tidEl = story.getTiddler(title);
    	$(story.getTiddlerField(title, "title")).val(realTitle);
    	if(source) {
    		$("<input />").attr("type", "hidden").attr("edit", "tiddler.source").val(source).appendTo(tidEl);
    		$("<input />").attr("type", "hidden").attr("edit", "server.activity").appendTo(tidEl);
    	}
    }
    })(jQuery);
    //}}}

    var user, userbag;
    var friends = [];
    var host = "http://tiddlyspace.com";

    $.ajaxSetup({
    	beforeSend: function(xhr) {
    		xhr.setRequestHeader("X-ControlView", "false");
    	}
    });

    function printMessage(txt) {
    	alert(txt);
    }

    function printError(txt) {
    	alert(txt);
    }

    var simpleDate = (function() {

    	var measures = {
    		second: 1,
    		minute: 60,
    		hour: 3600,
    		day: 86400,
    		week: 604800,
    		month: 2592000,
    		year: 31536000
    	};

    	var chkMultiple = function(amount, type) {
    		return (amount > 1) ? amount + " " + type + "s":"a " + type;
    	};

    	return function(thedate) {

    		var dateStr, amount,
    			current = new Date().getTime(),
    			diff = (current - thedate.getTime()) / 1000; // work with seconds

    		if(diff > measures.year) {
    			amount = Math.round(diff/measures.year);
    			dateStr = "about " + chkMultiple(amount, "year") + " ago";
    		} else if(diff > measures.month) {
    			amount = Math.round(diff/measures.month);
    			//if(typeof amount == "")
    			dateStr = "about " + chkMultiple(amount, "month") + " ago";
    		} else if(diff > measures.week) {
    			amount = Math.round(diff/measures.week);
    			dateStr = "about " + chkMultiple(amount, "week") + " ago";
    		} else if(diff > measures.day) {
    			amount = Math.round(diff/measures.day);
    			dateStr = "about " + chkMultiple(amount, "day") + " ago";
    		} else if(diff > measures.hour) {
    			amount = Math.round(diff/measures.hour);
    			dateStr = "about " + chkMultiple(amount, "hour") + " ago";
    		} else if(diff > measures.minute) {
    			amount = Math.round(diff/measures.minute);
    			dateStr = "about " + chkMultiple(amount, "minute") + " ago";
    		} else {
    			dateStr = "a few seconds ago";
    		}

    		return dateStr;

    	};
    })();

    function prettyDate(t) {
    	var date = new Date(Date.UTC(
    		parseInt(t.substr(0, 4), 10),
    		parseInt(t.substr(4, 2), 10) - 1,
    		parseInt(t.substr(6, 2), 10),
    		parseInt(t.substr(8, 2), 10),
    		parseInt(t.substr(10, 2), 10),
    		parseInt(t.substr(12, 2) || "0", 10),
    		parseInt(t.substr(14, 3) || "0", 10)
    	));
    	return simpleDate(date);
    }

    function endsWith(str, suffix) {
    	return str.indexOf(suffix) == str.length - suffix.length;
    }

    function isShadow(tid) {
    	var shadows = ["MarkupPreHead", "DefaultTiddlers", "PageTemplate", "SideBarTabs",
    		"GettingStarted", "MainMenu", "SiteTitle", "SiteSubtitle", "ColorPalette",
    		"SiteIcon", "ViewTemplate", "EditTemplate", "ServerSettings", "MarkupPostHead",
    		"MarkupPostBody", "MarkupPreBody"];
    	return tid.title.indexOf("StyleSheet") === 0 ||
    		tid.title.indexOf("SideBar") === 0 ||
    		shadows.indexOf(tid.title) > -1 || endsWith(tid.title, "SetupFlag") ? true : false;
    }

    function isPlugin(tid) {
    	return tid.tags.indexOf("systemConfig") > -1 ? true : false;
    }

    function isArtifact(tid) {
    	var follow = tid.tags.indexOf("follow") > -1;
    	var type = tid.type;
    	if(follow || type) {
    		return true;
    	} else {
    		return false;
    	}
    }

    function chooseTiddlers(tiddlers) {
    	var _tiddlers = [];
    	for(var i = 0; i < tiddlers.length; i++) {
    		var tid = tiddlers[i];
    		if(!isPlugin(tid) && !isShadow(tid) && !isArtifact(tid)) {
    			_tiddlers.push(tid);
    		}
    	}
    	return _tiddlers;
    }

    function bubbleDown() {
    	var friends = $(".friend");
    	friends.css({ position: "relative" });
    	var target;
    	friends.each(function(i, el) {
    		if(!target && $(el).hasClass("silentFriend") &&
    			$(el).next(".friend").hasClass("noisyFriend")) {
    			target = el;
    		}
    	});
    	if(target) {
    		var other = $(target).next(".friend");
    		// we want to move target above the prev element
    		// target is an element which has the class noisy and the previous node is quiet
    		var swapDuration = 50;
    		var otherHeight = other.height();
    		var thisHeight = $(target).height();
    		$(target).animate({ top: + otherHeight }, { duration: swapDuration });
    		$(other).animate({ top:  - thisHeight }, { duration: swapDuration,
    				complete: function() {
    					var newTarget = $(target).clone(true).insertAfter(other)[0];
    					$(target).remove();
    					$(other).css({ top: 0 });
    					$(newTarget).css({ top: 0 });
    					bubbleDown();
    				}
    		});
    	}
    }

    function renderTiddlerList(container,friend) {
    	var tidList = $("<ul />").appendTo(container)[0];
    	$("<li />").text("loading").appendTo(tidList);
    	var oncompletion = function() {
    		if($(".errorFriend,.silentFriend,.noisyFriend").length === $(".friend").length) {
    			bubbleDown();
    		}
    	}
    	$.ajax({ dataType: "json",
    		url: "/search?q=modifier:" + friend + "&select=modified:>3d&sort=-modified",
    		error: function() {
    			$(container).addClass("errorFriend");
    			oncompletion();
    		},
    		success: function(tiddlers) {
    			$(tidList).empty();
    			tiddlers = chooseTiddlers(tiddlers);
    			if(tiddlers.length === 0) {
    				$(container).addClass("silentFriend");
    				$("<li />").text("No recent activity.").appendTo(tidList);
    				oncompletion();
    				return;
    			} else {
    				$(container).addClass("noisyFriend").removeClass("inactiveFriend");
    				oncompletion();
    			}
    			for(var i=0; i < tiddlers.length; i++) {
    				var tiddler = tiddlers[i];
    				var item = $("<li />").appendTo(tidList)[0];
    				var win;
    				var space = tiddler.bag.split("_")[0];
    				var spaceUrl = "http://" + space + ".tiddlyspace.com";
    				var path = "/bags/" + tiddler.bag + "/tiddlers/" + encodeURIComponent(tiddler.title);
    				var link = $("<a />").text(tiddler.title).
    					attr("href", spaceUrl + path).
    					data("path", path).
    					click(function(ev) {
    						var win = $(ev.target).data("win");
    						if($(ev.target).hasClass("active")) {
    							$(win).toggle(1000);
    						} else {
    							$(ev.target).addClass("active");
    							$(".text", win).text("loading...");
    							$(win).show();
    							$.ajax({
    								url: $(ev.target).data("path"),
    								data: {
    									render: "y"
    								},
    								dataType: "json",
    								success: function(tiddler) {
    									$(".text",win).html(tiddler.render);
    									$(win).show(1000);
    								},
    								error: function() {
    									$(".text", win).text("error loading that tiddler");
    								}
    							});
    						}
    						ev.preventDefault();
    					}).
    					appendTo(item)[0];
    				var space = tiddler.bag.split("_")[0];
    				$("<span />").text(" in ").appendTo(item);
    				$("<a />").attr("href", spaceUrl).text(space).appendTo(item);
    				$("<span />").text(" (" + prettyDate(tiddler.modified) + ")").appendTo(item);
    				win = $("<div />").addClass("tiddler").appendTo(item)[0];
    				$("<div />").addClass("text").appendTo(win);
    				var toolbar = $("<div />").addClass("toolbar").appendTo(win)[0];
    				var extra = $("<div />").addClass("extra").appendTo(win)[0];
    				$("<button />").data("bag", tiddler.bag).data("title", tiddler.title).text("give feedback").
    					data("revision", tiddler.revision).click(function(ev) {
    					var title = $(ev.target).data("title");
    					var revision = $(ev.target).data("revision");
    					var bag = $(ev.target).data("bag");
    					var revisionURL = host + "/bags/" + bag + "/tiddlers/" + encodeURIComponent(title) + "/revisions/" + revision;
    					var space = bag.split("_")[0];
    					var area = $(ev.target).parents(".tiddler").children(".extra")[0];
    					$(area).hide();
    					$("<textarea />").appendTo(area);
    					$("<button />").text("save feedback").click(function(ev) {
    						var tid = new tiddlyweb.Tiddler("Feedback for " + title, userbag);
    						tid.tags = ["feedback", "@" + space];
    						tid.text = ["In reply to [[", title, "]]@", space,
    							" (revision [[", revision, "|", revisionURL, "]])\n\n"].join("") + $("textarea", area).val();
    						tid.put(function(tiddler) {
    							$(area).empty();
    							$("<span />").text("your comment: ").appendTo(area);
    							$("<a />").attr("href", "/" + encodeURIComponent(tiddler.title)).text(tiddler.title).appendTo(area);
    						}, function() {
    							printError("error commenting!");
    						});
    					}).appendTo(area);
    					$(area).show(1000);
    					ev.preventDefault();
    					$(ev.target).remove();
    					return false;
    				}).appendTo(toolbar);

    				$(win).hide();
    				$(link).data("win", win);
    			}
    		}
    	})
    }

    function removeFriend(friend) {
    	var tiddler = new tiddlyweb.Tiddler("@" + friend, userbag);
    	var success = function() {
    		printMessage("User removed from friends");
    		var newFriends = [];
    		for(var i = 0; i < friends.length; i++) {
    			var f = friends[i];
    			if(f !== friend) {
    				newFriends.push(f);
    			}
    		}
    		friends = newFriends;
    		$("#friend-" + friend).hide(2000);
    	};
    	tiddler["delete"](success, function() {
    		var old = new tiddlyweb.Tiddler(friend, userbag);
    		old["delete"](success, function() {
    			printError("Unable to remove friend " + friend);
    		})
    	})
    }

    function renderFriend(list, friend) {
    	var bag = friend + "_public";
    	var item = $("<li />").addClass("friend").attr("id", "friend-" + friend).addClass("inactiveFriend").appendTo(list)[0];
    	$("<img />").attr("alt", friend).attr("title", friend).
    		attr("src", host + "/bags/" + bag + "/tiddlers/SiteIcon").css({ width: 48, height: 48 }).appendTo(item);
    	var heading = $("<h2>").appendTo(item)[0];
    	$("<a />").attr("href", "#friend-" + friend).attr("name", "friend-" + friend).text(friend).appendTo(heading);
    	$("<button />").data("who", friend).text("remove from friends").
    		click(function(ev) {
    			if(confirm("Are you sure you want to remove " + friend + " as a friend?")) {
    				removeFriend($(ev.target).data("who"));
    			}
    		}).appendTo(item)[0];
    	renderTiddlerList(item,friend);
    }

    function renderFriends() {
    	var list = $("<ul />").appendTo("#friends")[0];
    	$("<li />").text("Activity of your friends will appear below when available").appendTo(list);
    	for(var i = 0; i < friends.length; i++) {
    		var friend = friends[i];
    		renderFriend(list, friend);
    	}
    }

    function followWidget() {
    	$("#friends").empty();
    	var container = $("<div />").addClass("addfriends").appendTo("#friends")[0];
    	$("<input />").attr("name", "friend").appendTo(container);
    	$("<button />").text("add friend").click(function(ev) {
    		var friend = $(ev.target).parent().children("[name='friend']").val();
    		if(friends.indexOf(friend) > -1) {
    			return printError("You already follow " + friend + "!");
    		}

    		var title;
    		if(friend.indexOf("@") !== 0) {
    			title = "@" + friend;
    		} else {
    			title = friend;
    		}

    		$.ajax({ dataType: "text", url: "/users/" + friend,
    			success: function() {
    				var tid = new tiddlyweb.Tiddler(title, userbag);
    				tid.tags = ["follow", "excludeLists"];
    				tid.put(function(tiddler) {
    					printMessage("Added friend " + friend);
    					renderFriend($("#friends ul")[0], friend);
    					window.location.hash = "#friend-" + friend;
    				}, function() {
    					printError("Failed to add friend " + friend);
    				})
    			},
    			error: function() {
    				printError("No one with name " + friend + " exists!");
    			}
    		});
    	}).appendTo(container);
    	renderFriends();
    }
    $.ajax({
    	url: "/status",
    	dataType: "json",
    	success: function(status) {
    		user = status.username;
    		userbag = new tiddlyweb.Bag(user + "_public", "/");
    		$.ajax({ url: "/bags/" + user + "_public/tiddlers?select=tag:follow", dataType: "json", success: function(tiddlers) {
    				for(var i = 0; i < tiddlers.length; i++) {
    					var title = tiddlers[i].title;
    					if(title.indexOf("@") === 0) {
    						title = title.substr(1, title.length);
    					}
    					friends.push(title);
    				}
    				friends.sort();
    				followWidget();
    			}
    		});
    	}
    })

    Once you have some content then you may choose to determine a tiddler, or set of tiddlers to display each time you load ~TiddlySpace. This is determined by the [[DefaultTiddlers]].

    <!DOCTYPE html>
    <html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    	<title>This Space</title>
    	<link href="/bags/common/tiddlers/profile.css" type='text/css' rel='stylesheet' >
    	<link href="/bags/common/tiddlers/admin.css" type='text/css' rel='stylesheet' >
    	<!--[if lte IE 8]>
    	<script type="text/javascript" src="/bags/common/tiddlers/json2.js"></script>
    	<script type="text/javascript" src="/bags/common/tiddlers/es5-shim.min.js"></script>
    	<![endif]-->
    </head>
    <body>
    <div id="container">
    	<div id="text-html" class="main section">
    		<a class="app" href="/">home</a>
    		<div class="left">
    		<h2>About this space <button class='toggleNext'></button></h2>
    		<div id="siteinfo"></div>
    		<h2>Site Icon</h2>
    		<div>
    			<img id="siteicon" class="siteicon">
    			<form id="upload" method="POST" enctype="multipart/form-data">
    				<input type="hidden" name="title" value="SiteIcon" />
    				<input type="hidden" name="tags" value="excludeLists">
    				<input type="hidden" name="csrf_token" class="csrf" />
    				<input type="file" name="file" accept="image/*" />
    				<input class="btn" type="submit" value="upload" />
    			</form>
    			<div id="dropzone">Drop file here
    				<img class="notloading" src="/bags/common/tiddlers/ajax-loader.gif" alt="submitting SiteIcon" />
    			</div>
    		</div>
    		<h2>Vital Statistics</h2>
    		<div id="info">please wait while information is loaded about this space...</div>
    		<button class="spacereset">Reset Space</button>
    		<div class="reset-confirm-wrap messageArea">
    			<button class="close-btn" title="cancel reset">×</button>
    			<p>Are you sure you want to reset the space? You can't go back! This will remove all the content from the space!</p>
    			<form class="cf">
    				<label for="reset-confirm">Enter the space name to confirm.</label>
    				<input type="text" name="reset-confirm" class="reset-confirm-input inputBox" />
    				<button type="submit">Reset Now</button>
    			</form>
    			<div class="reset-message-area">
    				<p class="performing">Resetting...</p>
    				<p class="finished">Reset Done!</p>
    				<p class="recipe-error-msg">Error removing includes. Please remove manually.</p>
    			</div>
    		</div>
    		</div>
    		<div class="right">
    		<div class="ts-membership">
    			<h2>
    				Add Member
    				<a href="http://docs.tiddlyspace.com/What%20is%20a%20member%3F" title="What is a Member?" class="help">What is a Member?</a>
    			</h2>
    			<div>
    				<p>Add a new member to your space by entering their name below. Enter a space name instead and prefix with @ to add everyone who is already a member of that space.</p>
    				<form class="ts-members">
    					<input class="inputBox" type="text" name="username">
    					<input type="submit" value="Add Member" class="btn" />
    				</form>
    			</div>
    			<h2>
    				Existing Members <button class='toggleNext'></button>
    			</h2>
    			<div>
    				Your space currently has the following members:
    				<ul class="ts-members"></ul>
    			</div>
    			<h2>
    				Include Space
    				<a class="help" href="http://docs.tiddlyspace.com/What%20is%20space%20inclusion%3F" title="What is inclusion?">What is Inclusion?</a>
    			</h2>
    			<form class="ts-includes">
    				<input class="inputBox" type="text" name="spacename">
    				<input type="submit" value="Include Space" class="btn" />
    			</form>
    		</div>
    		<div>
    			<h2>Included Spaces <button class='toggleNext'></button></h2>
    			<div>
    			This space includes the following spaces:
    			<ul class="ts-includes"></ul>
    			</div>
    		</div>
    		</div>
    		<div class="clear"></div>
    	</div>
    </div>
    <script src='/bags/common/tiddlers/backstage.js'></script>
    <script src='/bags/common/tiddlers/jquery.js'></script>
    <script src='/bags/tiddlyspace/tiddlers/chrjs'></script>
    <script src='/bags/common/tiddlers/chrjs.space'></script>
    <script src='/bags/common/tiddlers/chrjs.users'></script>
    <script src='/bags/common/tiddlers/chrjs.identities'></script>
    <script src='/bags/tiddlyspace/tiddlers/TiddlySpaceCSRF'></script>
    <script src='/bags/common/tiddlers/jquery-form.js'></script>
    <script src="/bags/common/tiddlers/siteiconupload.js"></script>
    <script src="/bags/common/tiddlers/ts.js"></script>
    <script src="/status.js"></script>
    <script src="/bags/common/tiddlers/space.js"></script>
    </body>
    </html>

    User-agent: *
    Disallow: /bags
    Disallow: /recipes

    /***
    |''Name''|ErrorHandlerPlugin|
    |''Version''|0.4.3|
    |''Author''|Jon Robson|
    |''Description''|Localised tiddler save errors including edit conflict resolution.|
    |''CoreVersion''|2.6.1|
    |''Requires''|TiddlySpaceConfig|
    ***/
    //{{{
    (function($) {

    var tiddlyspace = config.extensions.tiddlyspace;
    var currentSpace = tiddlyspace.currentSpace.name;
    tiddlyspace.getLocalTitle = function(title, workspace, suffix) {
    	var endsWith = config.extensions.BinaryTiddlersPlugin.endsWith;
    	if(!suffix) {
    		var isPublic = endsWith(workspace, "_public");
    		suffix = tiddlyspace.resolveSpaceName(workspace);
    		if(currentSpace == suffix) {
    			suffix = isPublic ? "public" : "private";
    		} else {
    			suffix = "@%0".format(suffix);
    		}
    	}
    	return "%0 *(%1)*".format(title, suffix);
    };

    var sssp = config.extensions.ServerSideSavingPlugin;

    var msgs = config.messages.editConflict = {
    	loading: "Loading..",
    	resolve: "[[Edit Conflict]]@glossary: this tiddler may have been changed by someone else.",
    	reviewDiff: "review (recommended)",
    	reviewDiffTooltip: "review changes made to this tiddler",
    	reviewDiffError: "error retrieving revision.",
    	save: "overwrite",
    	saveTooltip: "make this revision the top revision of this tiddler",
    	discard: "cancel",
    	discardTooltip: "undo changes to this tiddler and get most recent version",
    	diffTitle: "%0",
    	diffFieldTitle: "%0 - fields",
    	diffTextTitle: "%0 - text",
    	updating: "updating your version...",
    	diffHeader: ["Review the changes that have been made whilst you were editing this tiddler. ",
    		"Fold relevant changes back into your version.\n",
    		"{{removed{Red}}} highlight shows content removed. ",
    		"{{added{Green}}} highlight shows content added.\n"].join(""),
    	diffTextHeader: "View changes in text",
    	diffFieldsHeader: "View changes in fields"
    };

    var plugin = config.extensions.errorHandler = {
    	diffTags: ["excludeLists", "excludeMissing", "excludeSearch"],
    	displayMessage: function(message, tiddler, context) {
    		var desc = context && context.httpStatus ? context.statusText :
    			sssp.locale.connectionError;
    		var reportArea = plugin.reportError(tiddler.title);
    		var msg = $("<div />").appendTo(reportArea);
    		if(message == "saveConflict") {
    			wikify(msgs.resolve, msg[0]);
    			var choiceArea = $("<div />").appendTo(reportArea)[0];
    			plugin.editConflictHandler(choiceArea, tiddler);
    		} else {
    			msg.text(sssp.locale[message].format(tiddler.title, desc));
    		}
    	},
    	editConflictHandler: function(container, tiddler) {
    		var title = tiddler.title;
    		var myrev = tiddler.fields["server.page.revision"];
    		// note user now needs to edit, fix problem and save.
    		// TODO: make sure this gets reset in save callback
    		store.getTiddler(title).fields["server.page.revision"] = "false";

    		var diffBtn = createTiddlyButton(container, msgs.reviewDiff, msgs.reviewDiffTooltip, function(ev) {
    			var title = $(ev.target).data("title");
    			plugin.displayDiff(ev.target, store.getTiddler(title), myrev);
    		});
    		var saveBtn = createTiddlyButton(container, msgs.save, msgs.saveTooltip, function(ev) {
    				var title = $(ev.target).data("title");
    				var tid = store.saveTiddler(store.getTiddler(title));
    				autoSaveChanges(null, [tid]);
    			});
    		var ignoreBtn = createTiddlyButton(container, msgs.discard, msgs.discardTooltip, function(ev) {
    			var title = $(ev.target).text(msgs.updating).data("title");
    			plugin.resetToServerVersion(store.getTiddler(title));
    		});
    		$([diffBtn, ignoreBtn, saveBtn]).data("title", title);
    	},
    	getDiffTiddlerTexts: function(diffText) {
    		var chunks = diffText.split("\n  \n");
    		if(chunks.length < 2) {
    			return [chunks[0], ""];
    		} else {
    			var diffFieldsText = "{{diff{\n%0\n}}}".format(chunks[0]);
    			diffText = '{{diff{\n%0\n}}}'.format(chunks.splice(1, chunks.length).join("\n"));
    			return [diffText, diffFieldsText];
    		}
    	},
    	makeDiffTiddler: function(title, diff) {
    		var newTiddler = new Tiddler(title);
    		var tags = plugin.diffTags;
    		newTiddler.text = msgs.loading;
    		newTiddler.fields.doNotSave = true;
    		newTiddler.tags = diff ? tags.concat(["diff"]) : tags;
    		newTiddler = store.saveTiddler(newTiddler);
    		$.extend(store.getTiddler(title).fields,
    			config.defaultCustomFields); // allow option to save it
    		return newTiddler;
    	},
    	displayDiff: function(src, tiddler, latestRevision) {
    		var adaptor = tiddler.getAdaptor();
    		var title = tiddler.title;
    		var ts = new Date().formatString("0hh:0mm:0ss");
    		var suffix = "edit conflict %0".format(ts);
    		var diffTitle = tiddlyspace.getLocalTitle(msgs.diffTitle.format(title), "", suffix);
    		var diffTextTitle = tiddlyspace.getLocalTitle(msgs.diffTextTitle.format(title), "", suffix);
    		var diffFieldsTitle = tiddlyspace.getLocalTitle(msgs.diffFieldTitle.format(title), "", suffix);
    		plugin.makeDiffTiddler(diffTextTitle, true);
    		plugin.makeDiffTiddler(diffFieldsTitle, true);
    		var newTiddler = plugin.makeDiffTiddler(diffTitle, false);
    		newTiddler.text = ['%0\n<<slider chkViewDiffText "%1" "%2">>\n',
    			'<<slider chkViewDiffField "%3" "%4">>'].join("").
    			format(msgs.diffHeader, diffTextTitle, msgs.diffTextHeader,
    				diffFieldsTitle, msgs.diffFieldsHeader);
    		store.saveTiddler(newTiddler);

    		var callback = function(r) {
    			var text = plugin.getDiffTiddlerTexts(r);
    			store.getTiddler(diffTextTitle).text = text[0];
    			store.getTiddler(diffFieldsTitle).text = text[1];
    			story.refreshTiddler(diffTitle, null, true);
    		};
    		var workspace = "bags/%0".format(tiddler.fields["server.bag"]);
    		ajaxReq({
    			type: "get",
    			dataType: "text",
    			url: "/diff?format=unified&rev1=%0/%1/%2&rev2=%0/%1".format(workspace, title, latestRevision),
    			success: callback,
    			error: function() {
    				displayMessage(msgs.reviewDiffError);
    			}
    		});
    		story.displayTiddler(src, diffTitle);
    	},
    	resetToServerVersion: function(tiddler) {
    		var adaptor = tiddler.getAdaptor();
    		var ctx = {
    			host: tiddler.fields["server.host"],
    			workspace: "bags/" + tiddler.fields["server.bag"]
    		};
    		adaptor.getTiddler(tiddler.title, ctx, null, function(context) {
    			store.saveTiddler(context.tiddler);
    			story.refreshTiddler(tiddler.title);
    			store.setDirty(false);
    		});
    	},
    	reportError: function(title) {
    		var el = story.getTiddler(title);
    		if(!el) {
    			el = story.displayTiddler(null, title);
    		}
    		return $("<div />").addClass("error annotation").prependTo(el)[0];
    	}
    };

    sssp.reportFailure = function(message, tiddler, context) {
    	config.options.chkViewDiffText = config.options.chkViewDiffText === undefined ?
    		true : config.options.chkViewDiffText;
    	config.options.chkViewDiffFields = config.options.chkViewDiffFields || false;
    	plugin.displayMessage(message, tiddler, context);
    };

    })(jQuery);
    //}}}

    [[Replies and Notifications]]

    <<activity>>

    <html>
    <head>
    	<title>Friends</title>
    	<style type='text/css'>
    		ul {
    			list-style: none;
    		}
    		ul .friend {
    			border-bottom: solid 1px black;
    		}
    		ul .friend .tiddler {
    			margin-left: 10px;
    			margin-bottom: 30px;
    			padding: 10px;
    			border: dotted 2px #CCC;
    			color: #006100;
    		}
    		textarea {
    			width: 100%;
    			height: 150px;
    		}
    		.friend h2 {
    			display: inline-block;
    		}
    		button {
    			display: inline-block;
    		}
    		.inactiveFriend {
    			background-color: #ccc;
    			opacity: 0.1;
    		}
    	</style>
    	<link rel="stylesheet" href="/HtmlCss" type="text/css">
    </head>
    <body>
    <div id="container">
    <div id="header">
    <h1>Your friends</h1>
    </div>
    <noscript>
    	javascript is required to see friend's activity
    </noscript>
    <div id='friends' class="section">loading...</div>
    </div>
    <script src="/bags/common/tiddlers/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="/bags/common/tiddlers/jquery-json.js" type="text/javascript" charset="utf-8"></script>
    <script src="/bags/tiddlyspace/tiddlers/chrjs" type="text/javascript" charset="utf-8"></script>
    <script type='text/javascript' src='/friendjs'></script>
    </body>
    </html>

    /***
    |''Name''|TiddlySpaceTiddlerIconsPlugin|
    |''Version''|0.8.10|
    |''Status''|@@beta@@|
    |''Author''|Jon Robson|
    |''Description''|Provides ability to render SiteIcons and icons that correspond to the home location of given tiddlers|
    |''Source''|http://github.com/TiddlySpace/tiddlyspace/raw/master/src/plugins/TiddlySpaceTiddlerIconsPlugin.js|
    |''Requires''|TiddlySpaceConfig BinaryTiddlersPlugin ImageMacroPlugin TiddlySpacePublishingCommands|
    !Notes
    {{{<<tiddlerOrigin>>}}} shows the origin of the tiddler it is being run on.
    In TiddlySpace terms this means it will determine whether the tiddler is external, public or private.
    Where private it will analyse whether a public version exists and distinguish between the different scenarios.
    If a tiddler is external, the SiteIcon of that external space will be shown

    !Parameters
    width / height : define a width or height of the outputted icon
    label: if label parameter is set to yes, a label will accompany the icon.
    !Code
    ***/
    //{{{
    (function($) {

    if(!config.macros.image) {
    	throw "Missing dependency: ImageMacroPlugin";
    }

    var imageMacro = config.macros.image;
    var tiddlyspace = config.extensions.tiddlyspace;
    var tweb = config.extensions.tiddlyweb;
    var cmds = config.commands;
    var cmd = cmds.publishTiddler;
    tiddlyspace.resolveSpaceName = function(value) {
    	var endsWith = config.extensions.BinaryTiddlersPlugin.endsWith;
    	if(value) {
    		value = value.indexOf("bags/") === 0 ? value.substr(5) : value;
    		value = value.indexOf("recipes/") === 0 ? value.substr(8) : value;
    		if(value.indexOf("@") === 0) {
    			value = value.substr(1);
    		}
    		if(endsWith(value, "_public")) {
    			value = value.substr(0, value.length - 7);
    		} else if(endsWith(value, "_private")) {
    			value = value.substr(0, value.length - 8);
    		}
    		value = value.toLowerCase();
    	}
    	return value;
    };

    tiddlyspace.renderAvatar = function(place, value, options) {
    	options = options ? options : {};
    	options.labelOptions = options.labelOptions ? options.labelOptions : { include: false, height: 48, width: 48 };
    	options.imageOptions = options.imageOptions ? options.imageOptions : {};
    	options.imageOptions.altImage = "/bags/common/tiddlers/defaultUserIcon";
    	var container = $('<div class="siteIcon" />').appendTo(place);
    	value = tiddlyspace.resolveSpaceName(value);

    	tweb.getStatus(function(status) {
    		var link, noLabel;
    		if(!value || value == config.views.wikified.defaultModifier ||
    			value == config.views.wikified.shadowModifier) {
    			var icon = config.views.wikified.shadowModifier == value ? "shadowIcon" : "missingIcon";
    			if(store.tiddlerExists(icon)) {
    				imageMacro.renderImage(container, icon, options.imageOptions);
    			} else {
    				noLabel = true;
    			}
    		} else {
    			var spaceURI;
    			if(value != tiddlyspace.currentSpace.name) {
    				spaceURI = options.notSpace ? tiddlyspace.getHost(status.server_host) :
    					tiddlyspace.getHost(status.server_host, value);
    			}
    			link = spaceURI ? $("<a />").attr("href", spaceURI) : $("<span />");
    			link.text(value);

    			var imageOptions = options.imageOptions;
    			if(options.spaceLink && !imageOptions.link) {
    				imageOptions.link = spaceURI;
    			}
    			var avatar = options.notSpace ? false : value;
    			var uri = tiddlyspace.getAvatar(status.server_host, avatar);
    			imageMacro.renderImage(container, uri, options.imageOptions);
    			if(!value) {
    				value = "tiddlyspace";
    			}
    		}
    		if(!noLabel && options.labelOptions.include) {
    			var prefix = $("<span />").text(options.labelOptions.prefix || "")[0];
    			var suffix = $("<span />").text(options.labelOptions.suffix || "")[0];
    			$('<div class="label" />').append(prefix).append(link).
    				append(suffix).appendTo(container);
    		}
    	});
    	if(value) {
    		var prefix = options.labelOptions.prefix || "";
    		var suffix = options.labelOptions.suffix || "";
    		var label = "%0%1%2".format(prefix, value, suffix);
    		$(container).attr("title", label);
    	}
    };

    var originMacro = config.macros.tiddlerOrigin = {
    	locale: {
    		"shadow": "shadow tiddler",
    		"missing": "missing tiddler",
    		"private": "private",
    		"unknown": "unknown state",
    		"public": "public",
    		"unsyncedPrivate": "unsynced and private",
    		"unsyncedPublic": "unsynced and public",
    		externalPrefix: "from ",
    		externalBagSuffix: " bag",
    		externalSuffix: " space",
    		publishPrivateDeletePrivate: "Are you sure you want to make this tiddler public?",
    		moveToPrivate: "Are you sure you want to make this tiddler private? Only members will be able to see it.",
    		pleaseWait: "please wait..",
    		keepPublic: "keep public",
    		cannotPublishDirtyTiddler: "The current tiddler is unsaved so cannot be published. Please save the tiddler first.",
    		keepPrivate: "keep private",
    		makePublic: "make public",
    		makePrivate: "make private"
    	},
    	handler: function(place, macroName, params,wikifier, paramString, tiddler){
    		var adaptor = tiddler.getAdaptor();
    		var btn = $("<div />").addClass("originButton").attr("params", paramString).
    			attr("refresh", "macro").attr("macroName", macroName).appendTo(place)[0];
    		$(btn).data("tiddler", tiddler);
    		originMacro.refresh(btn);
    	},
    	refresh: function(btn) {
    		$(btn).empty();
    		var paramString = $(btn).attr("params");
    		var tiddler = $(btn).data("tiddler");
    		var options = originMacro.getOptions(paramString);
    		var type = tiddlyspace.getTiddlerStatusType(tiddler);
    		originMacro.renderIcon(tiddler, type, btn, options);
    	},
    	getOptions: function(paramString) {
    		paramString = "%0 label:no width:48 height:48 spaceLink:yes preserveAspectRatio:yes".format(paramString);
    		var parsedParams = paramString.parseParams("name");
    		var params = parsedParams[0].name;
    		var options = {
    			labelOptions: originMacro._getLabelOptions(parsedParams),
    			imageOptions: imageMacro.getArguments(paramString, []),
    			noclick: parsedParams[0].interactive &&
    				parsedParams[0].interactive[0] == "no" ? true : false
    		};
    		if(!options.noclick) {
    			var spaceLink = parsedParams[0].spaceLink;
    			options.spaceLink = spaceLink && spaceLink[0] == "no" ? false : true;
    		} else {
    			options.spaceLink = false;
    		}
    		return options;
    	},
    	_getLabelOptions: function(parsedParams) {
    		parsedParams = parsedParams[0];
    		var includeLabel = !parsedParams.label || ( parsedParams.label && parsedParams.label[0] == "yes" );
    		var prefix = parsedParams.labelPrefix ? parsedParams.labelPrefix[0] : false;
    		var suffix = parsedParams.labelSuffix ? parsedParams.labelSuffix[0] : false;
    		return { include: includeLabel, suffix: suffix, prefix: prefix };
    	},
    	_isSpace: function(value) {
    		value = value ? value : "";
    		var endsWith = config.extensions.BinaryTiddlersPlugin.endsWith;
    		if(endsWith(value, "_private") || endsWith(value, "_public")) {
    			return true;
    		} else {
    			return false;
    		}
    	},
    	renderIcon: function(tiddler, type, button, options) {
    		var locale = originMacro.locale;
    		originMacro.annotateTiddler(button, type);
    		if(type != "external") {
    			originMacro.showPrivacyRoundel(tiddler, type, button,
    				options);
    		} else {
    			var prefix = options.labelOptions.prefix, suffix = options.labelOptions.suffix;
    			var space = tiddler.fields["server.bag"];
    			options.notSpace = !originMacro._isSpace(space);
    			options.labelOptions.prefix = prefix ? prefix : locale.externalPrefix;
    			options.labelOptions.suffix = suffix ? suffix : (options.notSpace ? locale.externalBagSuffix : locale.externalSuffix);

    			tiddlyspace.renderAvatar(button, space, options);
    		}
    	},
    	showPrivacyRoundel: function(thisTiddler, privacyType, button, options) {
    		// there is a public tiddler as well as the current tiddler!
    		// TODO: not this is not enough.. we also need to check if the public tiddler is the same as..
    		// .. the private tiddler to determine whether this is a draft
    		// use of hashes would be useful here.
    		$(button).empty();
    		var icon = "%0Icon".format(privacyType);
    		if(privacyType.indexOf("unsynced") === 0 && !store.tiddlerExists(icon)) {
    			icon = "unsyncedIcon";
    		}
    		if(privacyType == "shadow") {
    			if(!store.tiddlerExists(icon)) {
    				icon = "bags/tiddlyspace/tiddlers/SiteIcon";
    			}
    		}
    		if(privacyType == "missing" && !store.tiddlerExists(icon)) {
    			return; // the user is not making use of the missingIcon
    		} else {
    			imageMacro.renderImage(button, icon, options.imageOptions);
    			originMacro.showLabel(button, privacyType, options.labelOptions);
    			var cmd = originMacro.iconCommands[privacyType];
    			if(cmd && thisTiddler && !options.noclick) {
    				$(button).click(function(ev) {
    					cmd(ev, thisTiddler);
    				});
    			}
    		}
    	},
    	annotateTiddler: function(place, type) {
    		var tidEl = $(story.findContainingTiddler(place));
    		tidEl.
    			removeClass("private public external privateAndPublic privateNotPublic shadow").
    			addClass(type);
    	},
    	showLabel: function(button, type, options) {
    		var locale = originMacro.locale;
    		var label = options.label ? options.label : locale[type];
    		label = label ? label : locale.unknown;
    		if(options && options.include) {
    			$('<div class="roundelLabel" />').html(label).appendTo(button);
    		}
    		$(button).attr("title", label);
    	},
    	confirm: function(ev, msg, onYes, options) {
    		options = options ? options : {};
    		onYes = onYes ? onYes : function(ev) {};
    		var btn = $(".originButton", $(ev.target).parents())[0];
    		var popup = Popup.create(btn);
    		$(popup).addClass("confirmationPopup");
    		$("<div />").addClass("message").text(msg).appendTo(popup);
    		$("<button />").addClass("button").text(options.yesLabel || "yes").appendTo(popup).click(onYes);
    		$("<button />").addClass("button").text(options.noLabel || "no").click(function(ev) {
    			Popup.remove();
    		}).appendTo(popup);
    		Popup.show();
    		ev.stopPropagation();
    		return false;
    	},
    	alert: function(ev, msg) {
    		var popup = Popup.create(ev.target);
    		$(popup).addClass("confirmationPopup alert");
    		$("<div />").addClass("message").text(msg).appendTo(popup);
    		Popup.show();
    		ev.stopPropagation();
    	},
    	reportDirty: function(el) {
    		originMacro.alert(el, originMacro.locale.cannotPublishDirtyTiddler);
    	},
    	iconCommands: {
    		"public": function(ev, tiddler) {
    			if(!readOnly) {
    				var locale = originMacro.locale;
    				var msg = locale.moveToPrivate;
    				if(story.isDirty(tiddler.title)) {
    					originMacro.reportDirty(ev);
    				} else {
    					originMacro.confirm(ev, msg, function(ev) {
    						var target = $(ev.target);
    						var onComplete = function(info) {};
    						var privateBag = cmd.toggleBag(tiddler, "private");
    						cmd.moveTiddler(tiddler, {
    							title: tiddler.title,
    							fields: { "server.bag": privateBag }
    						}, onComplete);
    					}, { yesLabel: locale.makePrivate, noLabel: locale.keepPublic });
    				}
    			}
    		},
    		"private": function(ev, tiddler) {
    			if(!readOnly) {
    				var locale = originMacro.locale;
    				var adaptor = tiddler.getAdaptor();
    				var publishTo = tiddler.fields["publish.name"] || tiddler.title;
    				var workspace = "bags/%0".format(tiddler.fields["server.bag"]);
    				tiddler.fields["server.workspace"] = workspace;
    				var publicBag = cmd.toggleBag(tiddler, "public");
    				var msg;
    				msg = locale.publishPrivateDeletePrivate;
    				var title = tiddler.title;
    				var newTitle = publishTo || tiddler.title;
    				tiddler.fields["server.page.revision"] = "false";
    				store.addTiddler(tiddler);
    				if(story.isDirty(tiddler.title)) {
    					originMacro.reportDirty(ev);
    				} else {
    					originMacro.confirm(ev, msg, function(ev) {
    						var onComplete = function(info) {};
    						cmd.moveTiddler(tiddler, {
    							title: newTitle,
    							fields: { "server.bag": publicBag }
    						}, onComplete);
    					}, { yesLabel: locale.makePublic, noLabel: locale.keepPrivate });
    				}
    			}
    		}
    	}
    };

    })(jQuery);
    //}}}

    /***
    |''Name''|ServerSideSavingPlugin|
    |''Description''|server-side saving|
    |''Author''|FND|
    |''Version''|0.6.5|
    |''Status''|stable|
    |''Source''|http://svn.tiddlywiki.org/Trunk/association/plugins/ServerSideSavingPlugin.js|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    |''CoreVersion''|2.5.3|
    |''Keywords''|serverSide|
    !Notes
    This plugin relies on a dedicated adaptor to be present.
    The specific nature of this plugin depends on the respective server.
    !Revision History
    !!v0.1 (2008-11-24)
    * initial release
    !!v0.2 (2008-12-01)
    * added support for local saving
    !!v0.3 (2008-12-03)
    * added Save to Web macro for manual synchronization
    !!v0.4 (2009-01-15)
    * removed ServerConfig dependency by detecting server type from the respective tiddlers
    !!v0.5 (2009-08-25)
    * raised CoreVersion to 2.5.3 to take advantage of core fixes
    !!v0.6 (2010-04-21)
    * added notification about cross-domain restrictions to ImportTiddlers
    !To Do
    * conflict detection/resolution
    * rename to ServerLinkPlugin?
    * document deletion/renaming convention
    !Code
    ***/
    //{{{
    (function($) {

    readOnly = false; //# enable editing over HTTP

    var plugin = config.extensions.ServerSideSavingPlugin = {};

    plugin.locale = {
    	saved: "%0 saved successfully",
    	saveError: "Error saving %0: %1",
    	saveConflict: "Error saving %0: edit conflict",
    	deleted: "Removed %0",
    	deleteError: "Error removing %0: %1",
    	deleteLocalError: "Error removing %0 locally",
    	removedNotice: "This tiddler has been deleted.",
    	connectionError: "connection could not be established",
    	hostError: "Unable to import from this location due to cross-domain restrictions."
    };

    plugin.sync = function(tiddlers) {
    	tiddlers = tiddlers && tiddlers[0] ? tiddlers : store.getTiddlers();
    	$.each(tiddlers, function(i, tiddler) {
    		var changecount = parseInt(tiddler.fields.changecount, 10);
    		if(tiddler.fields.deleted === "true" && changecount === 1) {
    			plugin.removeTiddler(tiddler);
    		} else if(tiddler.isTouched() && !tiddler.doNotSave() &&
    				tiddler.getServerType() && tiddler.fields["server.host"]) { // XXX: server.host could be empty string
    			delete tiddler.fields.deleted;
    			plugin.saveTiddler(tiddler);
    		}
    	});
    };

    plugin.saveTiddler = function(tiddler) {
    	try {
    		var adaptor = this.getTiddlerServerAdaptor(tiddler);
    	} catch(ex) {
    		return false;
    	}
    	var context = {
    		tiddler: tiddler,
    		changecount: tiddler.fields.changecount,
    		workspace: tiddler.fields["server.workspace"]
    	};
    	var serverTitle = tiddler.fields["server.title"]; // indicates renames
    	if(!serverTitle) {
    		tiddler.fields["server.title"] = tiddler.title;
    	} else if(tiddler.title != serverTitle) {
    		return adaptor.moveTiddler({ title: serverTitle },
    			{ title: tiddler.title }, context, null, this.saveTiddlerCallback);
    	}
    	var req = adaptor.putTiddler(tiddler, context, {}, this.saveTiddlerCallback);
    	return req ? tiddler : false;
    };

    plugin.saveTiddlerCallback = function(context, userParams) {
    	var tiddler = context.tiddler;
    	if(context.status) {
    		if(tiddler.fields.changecount == context.changecount) { //# check for changes since save was triggered
    			tiddler.clearChangeCount();
    		} else if(tiddler.fields.changecount > 0) {
    			tiddler.fields.changecount -= context.changecount;
    		}
    		plugin.reportSuccess("saved", tiddler);
    		store.setDirty(false);
    	} else {
    		if(context.httpStatus == 412) {
    			plugin.reportFailure("saveConflict", tiddler);
    		} else {
    			plugin.reportFailure("saveError", tiddler, context);
    		}
    	}
    };

    plugin.removeTiddler = function(tiddler) {
    	try {
    		var adaptor = this.getTiddlerServerAdaptor(tiddler);
    	} catch(ex) {
    		return false;
    	}
    	var context = {
    		host: tiddler.fields["server.host"],
    		workspace: tiddler.fields["server.workspace"],
    		tiddler: tiddler
    	};
    	var req = adaptor.deleteTiddler(tiddler, context, {}, this.removeTiddlerCallback);
    	return req ? tiddler : false;
    };

    plugin.removeTiddlerCallback = function(context, userParams) {
    	var tiddler = context.tiddler;
    	if(context.status) {
    		if(tiddler.fields.deleted === "true") {
    			store.deleteTiddler(tiddler.title);
    		} else {
    			plugin.reportFailure("deleteLocalError", tiddler);
    		}
    		plugin.reportSuccess("deleted", tiddler);
    		store.setDirty(false);
    	} else {
    		plugin.reportFailure("deleteError", tiddler, context);
    	}
    };

    plugin.getTiddlerServerAdaptor = function(tiddler) { // XXX: rename?
    	var type = tiddler.fields["server.type"] || config.defaultCustomFields["server.type"];
    	return new config.adaptors[type]();
    };

    plugin.reportSuccess = function(msg, tiddler) {
    	displayMessage(plugin.locale[msg].format([tiddler.title]));
    };

    plugin.reportFailure = function(msg, tiddler, context) {
    	var desc = (context && context.httpStatus) ? context.statusText :
    		plugin.locale.connectionError;
    	displayMessage(plugin.locale[msg].format([tiddler.title, desc]));
    };

    config.macros.saveToWeb = { // XXX: hijack existing sync macro?
    	locale: { // TODO: merge with plugin.locale?
    		btnLabel: "save to web",
    		btnTooltip: "synchronize changes",
    		btnAccessKey: null
    	},

    	handler: function(place, macroName, params, wikifier, paramString, tiddler) {
    		createTiddlyButton(place, this.locale.btnLabel, this.locale.btnTooltip,
    			plugin.sync, null, null, this.locale.btnAccessKey);
    	}
    };

    // hijack saveChanges to trigger remote saving
    var _saveChanges = saveChanges;
    saveChanges = function(onlyIfDirty, tiddlers) {
    	if(window.location.protocol == "file:") {
    		_saveChanges.apply(this, arguments);
    	} else {
    		plugin.sync(tiddlers);
    	}
    };

    // override removeTiddler to flag tiddler as deleted -- XXX: use hijack to preserve compatibility?
    TiddlyWiki.prototype.removeTiddler = function(title) { // XXX: should override deleteTiddler instance method?
    	var tiddler = this.fetchTiddler(title);
    	if(tiddler) {
    		tiddler.tags = ["excludeLists", "excludeSearch", "excludeMissing"];
    		tiddler.text = plugin.locale.removedNotice;
    		tiddler.fields.deleted = "true"; // XXX: rename to removed/tiddlerRemoved?
    		tiddler.fields.changecount = "1";
    		this.notify(title, true);
    		this.setDirty(true);
    	}
    };

    // hijack ImportTiddlers wizard to handle cross-domain restrictions
    var _onOpen = config.macros.importTiddlers.onOpen;
    config.macros.importTiddlers.onOpen = function(ev) {
    	var btn = $(resolveTarget(ev));
    	var url = btn.closest(".wizard").find("input[name=txtPath]").val();
    	if(window.location.protocol != "file:" && url.indexOf("://") != -1) {
    		var host = url.split("/")[2];
    		var macro = config.macros.importTiddlers;
    		if(host != window.location.host) {
    			btn.text(macro.cancelLabel).attr("title", macro.cancelPrompt);
    			btn[0].onclick = macro.onCancel;
    			$('<span class="status" />').text(plugin.locale.hostError).insertAfter(btn);
    			return false;
    		}
    	}
    	return _onOpen.apply(this, arguments);
    };

    })(jQuery);
    //}}}

    /***
    |''Name''|GroupByPlugin|
    |''Description''|Mimics allTags macro to provide ways of creating lists grouping tiddlers by any field|
    |''Version''|0.6.1|
    |''Author''|Jon Robson|
    |''Status''|beta|
    !Usage
    {{{<<groupBy tags>>}}}
    mimics allTags macro

    {{{<<groupBy server.bag>>}}}
    groups by the server.bag field (this version contains TiddlySpace specific code for turning a bag into a space name)

    {{{groupBy modified dateFormat:"YYYY"}}}
    group tiddlers by year.

    {{{<<groupBy tags exclude:excludeLists exclude:systemConfig>>}}}
    group tiddlers by tag but exclude the tags with values excludeLists and systemConfig

    Within that group you can also exclude things by filter
    {{{groupBy modifier filter:[tag[film]]}}}
    will group tiddlers tagged with film by modifier.
    ***/
    //{{{
    (function($) {
    var taglocale = config.views.wikified.tag;
    var macro = config.macros.groupBy = {
    	locale: {
    		tooltip: "all tiddlers in group %0",
    		noTiddlers: "no tiddlers",
    		openAllText: taglocale.openAllText,
    		openAllTooltip: taglocale.openAllTooltip,
    		openTiddler: "open tiddler with title %0"
    	},
    	morpher: {
    		// TODO: note currently the following 2 morphers are TiddlySpace specific and probably should be in separate plugin
    		"server.workspace": function(value, options) {
    			return macro.morpher["server.bag"](value.replace("bags/", "").replace("recipes/", ""));
    		},
    		"server.bag": function(value, options) {
    			if(typeof(value) !== "string") {
    				return false;
    			} else if(value.indexOf("_public") === -1 && value.indexOf("_private") === -1) {
    				value = "*%0".format(value); // add star for non-space bags.
    			}
    			return value.replace("_public", "").replace("_private", "");
    		},
    		created: function(value, options) {
    			return value.formatString(options.dateFormat || "DD MMM YYYY");
    		},
    		modified: function(value, options) {
    			return macro.morpher.created(value, options);
    		}
    	},

    	handler: function(place, macroName, params, wikifier, paramString) {
    		var field = params[0] || "server.workspace";
    		var dateFormat = params[1] || "DD MMM YYYY";
    		var container = $("<div />").attr("macroName", macroName).addClass("groupBy").
    			attr("refresh", "macro").attr("fieldName", field).
    			attr("paramString", paramString).
    			attr("dateFormat", dateFormat).appendTo(place)[0];
    		macro.refresh(container);
    	},
    	isTypeArray: function(value) {
    		var valueType = typeof value;
    		if(valueType === "object" && typeof value.length === "number" &&
    			!(value.propertyIsEnumerable("length")) &&
    			typeof value.splice === "function") { //is Array
    			return true;
    		} else {
    			return false;
    		}
    	},
    	_onClickGroup: function(ev, options) {
    		var i, target = ev.target, locale = macro.locale;
    		var tiddlers = $(target).closest(".templateContainer").data("tiddlers");
    		var popup = $(Popup.create(target)).addClass("taggedTiddlerList")[0];
    		var value = $(target).attr("value");
    		var openAll = createTiddlyButton($("<li />").appendTo(popup)[0],
    			locale.openAllText.format(value), locale.openAllTooltip);
    		$(openAll).click(function(ev) {
    			story.displayTiddlers(ev.target, tiddlers);
    			return false;
    		});
    		var listBreak = $("<li />").addClass("listBreak").html("<div />").appendTo(popup);
    		for(i = 0; i < tiddlers.length; i++) {
    			var item = $("<li />").appendTo(popup)[0];
    			var template = store.getTiddlerText(options.template) || macro.template;
    			wikify(template, item, null, tiddlers[i]);
    		}
    		listBreak.clone().appendTo(popup);
    		$(createTiddlyLink($("<li />").appendTo(popup)[0], value, false)).
    			text(locale.openTiddler.format(value));
    		Popup.show();
    		ev.stopPropagation();
    		return false;
    	},
    	_refresh: function(container, tiddlers, options) {
    		var totalGroups = 0, locale = macro.locale, i, j;
    		var excludeValues = options.exclude;
    		var values = {}, value_ids = [];
    		var field = options.field;
    		var morpher = macro.morpher[field] || function(value) {
    			return value;
    		};
    		for(i = 0; i < tiddlers.length; i++) {
    			var tiddler = tiddlers[i];
    			var value = tiddler[field] || tiddler.fields[field];
    			value = macro.isTypeArray(value) ? value : [ value ];
    			for(j = 0; j < value.length; j++) {
    				var v = morpher(value[j], options);
    				if(v && $.inArray(v, excludeValues) === -1) {
    					totalGroups += 1;
    					if(!values[v]) {
    						values[v] = [];
    					}
    					values[v].push(tiddler);
    					value_ids.pushUnique(v);
    				}
    			}
    		}
    		var ul = $("<ul />").appendTo(container)[0];
    		if(totalGroups === 0) {
    			$("<li />").addClass("listTitle").text(locale.noTiddlers);
    		}
    		value_ids = value_ids.sort();
    		var groupTemplate = store.getTiddlerText(options.groupTemplate);
    		var onClick = function(ev) {
    			macro._onClickGroup(ev, options);
    		};
    		for(i = 0; i < value_ids.length; i++) {
    			var title = value_ids[i];
    			var info = getTiddlyLinkInfo(title);
    			tiddlers = values[title];
    			var btn = createTiddlyButton($("<li />").appendTo(ul)[0],
    				"%0 (%1)".format(title, tiddlers.length), locale.tooltip.format(title), null, info.classes);
    			if(groupTemplate) {
    				$(btn).empty();
    				wikify(groupTemplate, btn, null, tiddlers[0]);
    			}
    			$(btn).click(onClick).attr("value", title).attr("refresh", "link").attr("tiddlyLink", title);
    			$(btn).addClass("templateContainer").data("tiddlers", tiddlers);
    		}
    	},
    	refresh: function(container) {
    		container = $(container).empty();
    		var paramString = container.attr("paramString");
    		var args = paramString.parseParams("name", null, true, false, true)[0];
    		var options = { field: container.attr("fieldName"), dateFormat: container.attr("dateFormat"), exclude: args.exclude || [],
    			template: args.template ? args.template[0] : false, groupTemplate: args.groupTemplate ? args.groupTemplate[0] : "" };
    		var tiddlers = args.filter ? store.filterTiddlers(args.filter[0]) : store.getTiddlers("title");
    		macro._refresh(container, tiddlers, options);
    	},
    	template: "<<view title link>>"
    };

    }(jQuery));
    //}}}

    /***
    |''Name''|TiddlySpaceViewTypes|
    |''Version''|0.6.0|
    |''Status''|@@beta@@|
    |''Description''|Provides TiddlySpace specific view types|
    |''Author''|Jon Robson|
    |''Source''|http://github.com/TiddlySpace/tiddlyspace/raw/master/src/plugins/TiddlySpaceViewTypes.js|
    |''Requires''|TiddlySpaceConfig TiddlySpaceTiddlerIconsPlugin|
    !Usage
    Provides replyLink, spaceLink and SiteIcon view types.
    !!SiteIcon view parameters
    * labelPrefix / labelSuffix : prefix or suffix the label with additional text. eg. labelPrefix:'modified by '
    * spaceLink: if set to "yes" will make any avatars link to the corresponding space. {{{<<originMacro spaceLink:yes>>}}}

    !Code
    ***/
    //{{{
    (function($) {

    var tiddlyspace = config.extensions.tiddlyspace;
    var originMacro = config.macros.tiddlerOrigin;
    var tweb = config.extensions.tiddlyweb;

    config.macros.view.replyLink = {
    	locale: {
    		label: "Reply to this tiddler"
    	}
    };

    var _replyButtons = [];
    var _replyInitialised, _replyScriptLoaded;
    config.macros.view.views.replyLink = function(value, place, params, wikifier,
    		paramString, tiddler) {
    	var valueField = params[0];
    	var imported;
    	if(valueField == "title") { // special casing for imported tiddlers
    		var localTitle = tiddler.title;
    		var serverTitle = tiddler.fields["server.title"];
    		if(serverTitle && localTitle != serverTitle) {
    			value = serverTitle ? serverTitle : localTitle;
    			imported = true;
    		}
    	} else {
    		title = tiddler[valueField] ? tiddler[valueField] : tiddler.fields[valueField];
    	}
    	var args = paramString.parseParams("anon")[0];
    	var label = (args.label) ? args.label : config.macros.view.replyLink.locale.label;
    	var space;
    	if(tiddler) {
    		var bag = tiddler.fields["server.bag"];
    		space = tiddlyspace.resolveSpaceName(bag);
    	}
    	var container = $('<span class="replyLink" />').appendTo(place)[0];

    	tweb.getUserInfo(function(user) {
    		if ((!user.anon) && ((space && user.name != space &&
    				user.name != tiddlyspace.currentSpace.name) || imported)) {
    			var link = $("<a />")
    				.text(config.macros.view.replyLink.locale.label)
    				.appendTo(container)[0];

    			if(typeof(createReplyButton) === "undefined") {
    				_replyButtons.push(link);
    			}
    			if(_replyInitialised) {
    				createReplyButton(link);
    			} else if(!_replyScriptLoaded) {
    				_replyScriptLoaded = true;
    				$.getScript("/bags/common/tiddlers/_reply-button.js",
    					function() {
    						_replyInitialised = true;
    						for(var i = 0; i < _replyButtons.length; i++) {
    							createReplyButton(_replyButtons[i]);
    						}
    						_replyButtons = [];
    					});
    			}
    		}
    	});

    };

    config.macros.view.views.spaceLink = function(value, place, params, wikifier,
    		paramString, tiddler) {
    		var spaceName = tiddlyspace.resolveSpaceName(value);
    		var isBag = params[0] == "server.bag" && value === spaceName ? true : false;
    		var args = paramString.parseParams("anon")[0];
    		var titleField = args.anon[2];
    		var labelField = args.labelField ? args.labelField[0] : false;
    		var label;
    		if(labelField) {
    			label = tiddler[labelField] ? tiddler[labelField] : tiddler.fields[labelField];
    		} else {
    			label = args.label ? args.label[0] : false;
    		}
    		var title = tiddler[titleField] ? tiddler[titleField] : tiddler.fields[titleField];

    		var link = createSpaceLink(place, spaceName, title, label, isBag);
    		if(args.external && args.external[0] == "no") {
    			$(link).click(function(ev) {
    				var el = $(ev.target);
    				var title = el.attr("tiddler");
    				var bag = el.attr("bag");
    				var space = el.attr("tiddlyspace");
    				bag = space ? space + "_public" : bag;
    				if(title && bag) {
    					ev.preventDefault();
    					tiddlyspace.displayServerTiddler(el[0], title,
    						"bags/" + bag);
    				}
    				return false;
    			});
    		}
    };

    config.macros.view.views.SiteIcon = function(value, place, params, wikifier,
    		paramString, tiddler) {
    	var options = originMacro.getOptions(paramString);
    	if(!tiddler || value == "None") { // some core tiddlers lack modifier
    		value = false;
    	}
    	var field = params[0];
    	if(field == "server.bag") {
    		options.notSpace = !originMacro._isSpace(value);
    	}
    	tiddlyspace.renderAvatar(place, value, options);
    };

    })(jQuery);
    //}}}

    /***
    |''Name''|DiffFormatter|
    |''Description''|highlighting of text comparisons|
    |''Author''|FND|
    |''Version''|0.9.0|
    |''Status''|beta|
    |''Source''|http://svn.tiddlywiki.org/Trunk/contributors/FND/formatters/DiffFormatter.js|
    |''CodeRepository''|http://svn.tiddlywiki.org/Trunk/contributors/FND/|
    |''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
    |''Keywords''|formatting|
    !Description
    Highlights changes in a unified [[diff|http://en.wikipedia.org/wiki/Diff#Unified_format]].
    !Notes
    Based on Martin Budden's [[DiffFormatterPlugin|http://svn.tiddlywiki.org/Trunk/contributors/MartinBudden/formatters/DiffFormatterPlugin.js]].
    !Usage
    The formatter is applied to blocks wrapped in <html><code>{{{diff{..}}}</code></html> within tiddlers tagged with "diff".
    !Revision History
    !!v0.9 (2010-04-07)
    * initial release; fork of DiffFormatterPlugin
    !StyleSheet
    .diff { white-space: pre; font-family: monospace; }
    .diff ins, .diff del { display: block; text-decoration: none; }
    .diff ins { background-color: #dfd; }
    .diff del { background-color: #fdd; }
    .diff .highlight { background-color: [[ColorPalette::SecondaryPale]]; }
    !Code
    ***/
    //{{{
    (function() {

    config.shadowTiddlers.StyleSheetDiffFormatter = store.getTiddlerText(tiddler.title + "##StyleSheet");
    store.addNotification("StyleSheetDiffFormatter", refreshStyles);

    var formatters = [{
    		name: "diffWrapper",
    		match: "^\\{\\{diff\\{\n", // XXX: suboptimal
    		termRegExp: /(.*\}\}\})$/mg,
    		handler: function(w) {
    			var el = createTiddlyElement(w.output, "div", null, "diff");
    			w.subWikifyTerm(el, this.termRegExp);
    		}
    	}, {
    		name: "diffRange",
    		match: "^(?:@@|[+\\-]{3}) ",
    		lookaheadRegExp: /^(?:@@|[+\-]{3}) .*\n/mg,
    		handler: function(w) {
    			createTiddlyElement(w.output, "div", null, "highlight").
    				innerHTML = "&#8230;";
    			this.lookaheadRegExp.lastIndex = w.matchStart;
    			var lookaheadMatch = this.lookaheadRegExp.exec(w.source);
    			if(lookaheadMatch && lookaheadMatch.index == w.matchStart) {
    				w.nextMatch = this.lookaheadRegExp.lastIndex;
    			}
    		}
    	}, {
    		name: "diffAdded",
    		match: "^\\+",
    		termRegExp: /(\n)/mg,
    		handler: function(w) {
    			var el = createTiddlyElement(w.output, "ins", null, "added");
    			w.subWikifyTerm(el, this.termRegExp);
    		}
    	}, {
    		name: "diffRemoved",
    		match: "^-",
    		termRegExp: /(\n)/mg,
    		handler: function(w) {
    			var el = createTiddlyElement(w.output, "del", null, "removed");
    			w.subWikifyTerm(el, this.termRegExp);
    		}
    	}
    ];

    config.parsers.diffFormatter = new Formatter(formatters);
    config.parsers.diffFormatter.format = "diff";
    config.parsers.diffFormatter.formatTag = "diff";

    })();
    //}}}

    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="364 157 64 51" width="30" height="30"><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><g><path class="glyph" d="M 364.50006 184.50061 L 386.99985 207.00037 L 396 198.00002 L 373.50003 175.50066 Z M 403.02295 181.97704 C 400.38693 179.34099 396.11307 179.34099 393.47702 181.97704 C 390.841 184.61307 390.841 188.88695 393.47702 191.52298 C 396.11307 194.15903 400.38693 194.15903 403.02295 191.52298 C 405.65906 188.88695 405.65906 184.61307 403.02295 181.97704 M 414.27298 170.72704 C 411.63693 168.091 407.36307 168.091 404.72702 170.72704 C 402.091 173.36308 402.091 177.63693 404.72702 180.27296 C 407.36307 182.90901 411.63693 182.90901 414.27298 180.27296 C 416.90903 177.63693 416.90903 173.36308 414.27298 170.72704 M 425.523 159.47705 C 422.88696 156.841 418.6131 156.841 415.97705 159.47705 C 413.341 162.11308 413.341 166.38695 415.97705 169.02295 C 418.6131 171.65903 422.88696 171.65903 425.523 169.02295 C 428.15906 166.38695 428.15906 162.11308 425.523 159.47705" fill="#020202"/></g></g></svg>

    /***
    |''Name''|TiddlySpaceCloneCommand|
    |''Version''|0.5.8|
    |''Description''|provides a toolbar command for cloning external tiddlers|
    |''Status''|stable|
    |''Source''|http://github.com/TiddlySpace/tiddlyspace/raw/master/src/plugins/TiddlySpaceCloneCommand.js|
    |''Requires''|TiddlySpaceConfig TiddlySpaceFilters|
    !Code
    ***/
    //{{{
    (function($) {

    var cmd = config.commands;
    var tiddlyspace = config.extensions.tiddlyspace;

    var fieldsCache = {};

    cmd.cloneTiddler = {
    	text: cmd.editTiddler.text,
    	tooltip: "Create a copy of this tiddler in the current space",
    	errorMsg: "Error publishing %0: %1",

    	isEnabled: function(tiddler) {
    		return !config.filterHelpers.is.local(tiddler) && !readOnly;
    	},
    	handler: function(ev, src, title) {
    		var tiddler = store.getTiddler(title);
    		if(tiddler) {
    			fieldsCache[title] = $.extend({}, tiddler.fields);
    			tiddler.fields["server.workspace"] = tiddlyspace.getCurrentWorkspace(config.options.chkPrivateMode ?
    		"private" : "public");
    			tiddler.fields["server.permissions"] = "read, write, create"; // no delete
    			delete tiddler.fields["server.page.revision"];
    			delete tiddler.fields["server.title"];
    			delete tiddler.fields["server.etag"];
    			// special handling for pseudo-shadow tiddlers
    			if(tiddlyspace.coreBags.contains(tiddler.fields["server.bag"])) {
    				tiddler.tags.remove("excludeLists");
    			}
    		} else { // ensure workspace is the current space
    			var el = story.findContainingTiddler(src);
    			el = $(el);
    			var fields = el.attr("tiddlyfields");
    			if(fields) { // inherited via TiddlyLink
    				fields = fields.decodeHashMap();
    				fields["server.workspace"] = config.
    					defaultCustomFields["server.workspace"];
    			} else {
    				fields = config.defaultCustomFields;
    			}
    			fields = String.encodeHashMap(fields);
    			el.attr("tiddlyfields", fields);
    		}
    		cmd.editTiddler.handler.apply(this, arguments);
    		if(tiddler) {
    			tiddler.fields["server.permissions"] += ", delete";
    		}
    		return false;
    	}
    };

    cmd.editTiddler.isEnabled = function(tiddler) {
    	return !cmd.cloneTiddler.isEnabled.apply(this, arguments);
    };

    // hijack cancelTiddler to restore original fields
    var _cancelHandler = cmd.cancelTiddler.handler;
    cmd.cancelTiddler.handler = function(ev, src, title) {
    	var tiddler = store.getTiddler(title);
    	if(tiddler) {
    		tiddler.fields = fieldsCache[title] || tiddler.fields;
    		delete fieldsCache[title];
    	}
    	return _cancelHandler.apply(this, arguments);
    };

    // hijack saveTiddler to clear unused fields stash
    var _saveHandler = cmd.saveTiddler.handler;
    cmd.saveTiddler.handler =  function(ev, src, title) {
    	delete fieldsCache[title];
    	return _saveHandler.apply(this, arguments);
    };

    })(jQuery);
    //}}}

    <<tabs
    	txtMainTab
    	"Recent" "Recently edited tiddlers" TabTimeline
    	"All" "All tiddlers" TabAll
    	"Public" "All public tiddlers" [[TiddlySpaceTabs##Public]]
    	"Private" "All private tiddlers" [[TiddlySpaceTabs##Private]]
    	"Drafts" "All draft tiddlers" [[TiddlySpaceTabs##Drafts]]
    	"Tags" "All tags" TabTags
    	"Spaces" "Tiddlers grouped by space" [[TiddlySpaceTabs##Spaces]]
    	"Activity" "What people you are following are up to" TabFollowing##Activity
            "Following" "People you are following" TabFollowing##Following
            "Followers" "People who are following you" TabFollowing##Followers
    	"Missing" "Missing tiddlers" TabMoreMissing
    	"Orphans" "Orphaned tiddlers" TabMoreOrphans
    	"Shadows" "Shadowed tiddlers" TabMoreShadowed
    >>