Tom Vaughan Photography -

I'm an amateur photographer who enjoys capturing all sorts of subjects. I’ve been doing so ever since winning a camera in a raffle at the impressionable age of ten. My early interest in black and white portraits and darkroom techniques have gradually yielded to the varied attractions of nature, partly inspired by my move from Chicago to Seattle in the beautiful Pacific Northwest. Motivated early on by training with Art Wolfe, and more recently with the Rocky Mountain School of Photography, I particularly enjoy abstract realism, often seen in water and other reflections.\n\nI have shown my work locally and been featured in Shutterbug magazine. Several of my prints are in the permanent collection of the Fred Hutchinson Cancer Research Center. All images seen here have been scanned from slides or taken with Canon digital equipment. \n\nFeel free to contact me at <<email tvphoto at tvaughan dot org "?subject=Tom Vaughan Photography Query">>.\n

Most of this website is contained in a single file. This magic is made possible by Jeremy Ruston's "tiddlywiki" software and the efforts of numerous community contributors. The photos are edited and archived in Adobe Lightroom and the galleries produced from "The Turning Gate" designs. Red Bubble provides the slide show of random images. My thanks to all for wonderful software, most of which has been made freely available.\n

<<option chkGenerateAnRssFeed>> GenerateAnRssFeed\n<<option chkOpenInNewWindow>> OpenLinksInNewWindow\n<<option chkSaveEmptyTemplate>> SaveEmptyTemplate\n<<option chkToggleLinks>> Clicking on links to tiddlers that are already open causes them to close\n^^(override with Control or other modifier key)^^\n<<option chkHttpReadOnly>> HideEditingFeatures when viewed over HTTP\n<<option chkForceMinorUpdate>> Treat edits as MinorChanges by preserving date and time\n^^(override with Shift key when clicking 'done' or by pressing Ctrl-Shift-Enter^^\n<<option chkConfirmDelete>> ConfirmBeforeDeleting\nMaximum number of lines in a tiddler edit box: <<option txtMaxEditRows>>\nFolder name for backup files: <<option txtBackupFolder>>\n<<option chkInsertTabs>> Use tab key to insert tab characters instead of jumping to next field\n<<option chkSinglePageMode>> Display one tiddler at a time\n<<option chkTopOfPageMode>> Always open tiddlers at the top of the page\n<<option chkBottomOfPageMode>> Always open tiddlers at the bottom of the page

Professor\nDepartment of Epidemiology\nUniversity of Washington\n\nHead of the Cancer Epidemiology Program\nDivision of Public Health Sciences\nFred Hutchinson Cancer Center\n\nM.D., 1978, University of Illinois\nM.P.H., 1983, University of Washington

<html>\n<style type="text/css">\ndiv#rb-redbubble-art img\n {\n border: none;\n }\ndiv#rb-redbubble-art\n {\n width: 100%;\n float: left; \n clear: both;\n }\ndiv#rb-redbubble-art ul\n {\n list-style-type: none;\n margin: 0;\n padding: 0;\n float: left;\n }\ndiv#rb-redbubble-art ul li\n {\n display: block;\n float: left;\n width: 139px;\n height: 180px;\n margin: 0 8px 8px 0;\n padding: 0 0 8px 0;\n }\ndiv#rb-redbubble-art ul li a.rb-thumbnail img\n {\n width: 135px;\n height: 135px;\n padding: 2px;\n background: white;\n border: 1px solid #ccc;\n }\ndiv#rb-redbubble-art ul li a\n {\n display: block;\n text-align: center;\n text-decoration: none;\n font-size: 11px;\n }\n</style>\n<div id="rb-redbubble-art">\n <ul>\n <li> <a href="http://www.redbubble.com/products/configure/2833028-snow-geese-in-the-skagit" class="rb-thumbnail" title="Snow Geese in the Skagit"><img alt="Snow Geese in the Skagit by Tom Vaughan" src="http://www.redbubble.com/img/art/cropped/size:small/view:main/825754-4-snow-geese-in-the-skagit.jpg" /></a>\n <a href="http://www.redbubble.com/products/configure/2833028-snow-geese-in-the-skagit" title="Snow Geese in the Skagit">Snow Geese in the...</a>\n <a href="http://www.redbubble.com/products/configure/2833028-snow-geese-in-the-skagit" class="rb-buy-link" title="buy Snow Geese in the Skagit"><img alt="Button_view_buy" src="http://images-1.redbubble.net/images/external/button_view_buy.gif" /></a>\n</li><li> <a href="http://www.redbubble.com/products/configure/2243257-spooky-tree" class="rb-thumbnail" title="Spooky Tree"><img alt="Spooky Tree by Tom Vaughan" src="http://www.redbubble.com/img/art/cropped/size:small/view:main/767720-4-spooky-tree.jpg" /></a>\n <a href="http://www.redbubble.com/products/configure/2243257-spooky-tree" title="Spooky Tree">Spooky Tree</a>\n <a href="http://www.redbubble.com/products/configure/2243257-spooky-tree" class="rb-buy-link" title="buy Spooky Tree"><img alt="Button_view_buy" src="http://images-1.redbubble.net/images/external/button_view_buy.gif" /></a>\n</li><li> <a href="http://www.redbubble.com/products/configure/2832971-lake-union-silhouette-2" class="rb-thumbnail" title="Lake Union Silhouette #2"><img alt="Lake Union Silhouette #2 by Tom Vaughan" src="http://www.redbubble.com/img/art/cropped/size:small/view:main/825729-4-lake-union-silhouette-2.jpg" /></a>\n <a href="http://www.redbubble.com/products/configure/2832971-lake-union-silhouette-2" title="Lake Union Silhouette #2">Lake Union Silhou...</a>\n <a href="http://www.redbubble.com/products/configure/2832971-lake-union-silhouette-2" class="rb-buy-link" title="buy Lake Union Silhouette #2"><img alt="Button_view_buy" src="http://images-1.redbubble.net/images/external/button_view_buy.gif" /></a>\n</li><li> <a href="http://www.redbubble.com/products/configure/4618321-yellow-blend-two" class="rb-thumbnail" title="Yellow Blend Two"><img alt="Yellow Blend Two by Tom Vaughan" src="http://www.redbubble.com/img/art/cropped/size:small/view:main/1359499-2-yellow-blend-two.jpg" /></a>\n <a href="http://www.redbubble.com/products/configure/4618321-yellow-blend-two" title="Yellow Blend Two">Yellow Blend Two</a>\n <a href="http://www.redbubble.com/products/configure/4618321-yellow-blend-two" class="rb-buy-link" title="buy Yellow Blend Two"><img alt="Button_view_buy" src="http://images-1.redbubble.net/images/external/button_view_buy.gif" /></a>\n</li><li> <a href="http://www.redbubble.com/products/configure/2171865-field-of-yellow" class="rb-thumbnail" title="Field of Yellow"><img alt="Field of Yellow by Tom Vaughan" src="http://www.redbubble.com/img/art/cropped/size:small/view:main/740684-5-field-of-yellow.jpg" /></a>\n <a href="http://www.redbubble.com/products/configure/2171865-field-of-yellow" title="Field of Yellow">Field of Yellow</a>\n <a href="http://www.redbubble.com/products/configure/2171865-field-of-yellow" class="rb-buy-link" title="buy Field of Yellow"><img alt="Button_view_buy" src="http://images-1.redbubble.net/images/external/button_view_buy.gif" /></a>\n</li><li> <a href="http://www.redbubble.com/products/configure/2028728-california-poppy" class="rb-thumbnail" title="California Poppy"><img alt="California Poppy by Tom Vaughan" src="http://www.redbubble.com/img/art/cropped/size:small/view:main/688302-5-california-poppy.jpg" /></a>\n <a href="http://www.redbubble.com/products/configure/2028728-california-poppy" title="California Poppy">California Poppy</a>\n <a href="http://www.redbubble.com/products/configure/2028728-california-poppy" class="rb-buy-link" title="buy California Poppy"><img alt="Button_view_buy" src="http://images-1.redbubble.net/images/external/button_view_buy.gif" /></a>\n</li><li> <a href="http://www.redbubble.com/products/configure/2717838-heliconia" class="rb-thumbnail" title="Heliconia"><img alt="Heliconia by Tom Vaughan" src="http://www.redbubble.com/img/art/cropped/size:small/view:main/789636-4-heliconia.jpg" /></a>\n <a href="http://www.redbubble.com/products/configure/2717838-heliconia" title="Heliconia">Heliconia</a>\n <a href="http://www.redbubble.com/products/configure/2717838-heliconia" class="rb-buy-link" title="buy Heliconia"><img alt="Button_view_buy" src="http://images-1.redbubble.net/images/external/button_view_buy.gif" /></a>\n</li><li> <a href="http://www.redbubble.com/products/configure/2717480-river-grass" class="rb-thumbnail" title="River Grass"><img alt="River Grass by Tom Vaughan" src="http://www.redbubble.com/img/art/cropped/size:small/view:main/789549-3-river-grass.jpg" /></a>\n <a href="http://www.redbubble.com/products/configure/2717480-river-grass" title="River Grass">River Grass</a>\n <a href="http://www.redbubble.com/products/configure/2717480-river-grass" class="rb-buy-link" title="buy River Grass"><img alt="Button_view_buy" src="http://images-1.redbubble.net/images/external/button_view_buy.gif" /></a>\n</li><li> <a href="http://www.redbubble.com/products/configure/4109997-harmony" class="rb-thumbnail" title="Harmony"><img alt="Harmony by Tom Vaughan" src="http://www.redbubble.com/img/art/cropped/size:small/view:main/1208958-1-harmony.jpg" /></a>\n <a href="http://www.redbubble.com/products/configure/4109997-harmony" title="Harmony">Harmony</a>\n <a href="http://www.redbubble.com/products/configure/4109997-harmony" class="rb-buy-link" title="buy Harmony"><img alt="Button_view_buy" src="http://images-1.redbubble.net/images/external/button_view_buy.gif" /></a>\n</li><li> <a href="http://www.redbubble.com/products/configure/2140299-lake-washington-reflection" class="rb-thumbnail" title="Lake Washington Reflection"><img alt="Lake Washington Reflection by Tom Vaughan" src="http://www.redbubble.com/img/art/cropped/size:small/view:main/729578-5-lake-washington-reflection.jpg" /></a>\n <a href="http://www.redbubble.com/products/configure/2140299-lake-washington-reflection" title="Lake Washington Reflection">Lake Washington R...</a>\n <a href="http://www.redbubble.com/products/configure/2140299-lake-washington-reflection" class="rb-buy-link" title="buy Lake Washington Reflection"><img alt="Button_view_buy" src="http://images-1.redbubble.net/images/external/button_view_buy.gif" /></a>\n</li><li> <a href="http://www.redbubble.com/products/configure/2819456-day-lily-curves" class="rb-thumbnail" title="Day Lily Curves"><img alt="Day Lily Curves by Tom Vaughan" src="http://www.redbubble.com/img/art/cropped/size:small/view:main/692203-5-day-lily-curves.jpg" /></a>\n <a href="http://www.redbubble.com/products/configure/2819456-day-lily-curves" title="Day Lily Curves">Day Lily Curves</a>\n <a href="http://www.redbubble.com/products/configure/2819456-day-lily-curves" class="rb-buy-link" title="buy Day Lily Curves"><img alt="Button_view_buy" src="http://images-1.redbubble.net/images/external/button_view_buy.gif" /></a>\n</li><li> <a href="http://www.redbubble.com/products/configure/3488689-fish-city" class="rb-thumbnail" title="Fish City"><img alt="Fish City by Tom Vaughan" src="http://www.redbubble.com/img/art/cropped/size:small/view:main/1025586-4-fish-city.jpg" /></a>\n <a href="http://www.redbubble.com/products/configure/3488689-fish-city" title="Fish City">Fish City</a>\n <a href="http://www.redbubble.com/products/configure/3488689-fish-city" class="rb-buy-link" title="buy Fish City"><img alt="Button_view_buy" src="http://images-1.redbubble.net/images/external/button_view_buy.gif" /></a>\n</li> <ul>\n</div>\n</html>

Background: #fff\nForeground: #000\nPrimaryPale: #8cf\nPrimaryLight: #18f\nPrimaryMid: #04b\nPrimaryDark: #014\nSecondaryPale: #ffc\nSecondaryLight: #fe8\nSecondaryMid: #db4\nSecondaryDark: #841\nTertiaryPale: #eee\nTertiaryLight: #ccc\nTertiaryMid: #999\nTertiaryDark: #666\nError: #f88\n

All photographs and artworks in this portfolio are copyrighted and owned by the artist, Tom Vaughan. If you wish to copy, reproduce, redistribute or do anything else other than just enjoying it as you see it here on your screen then I require you to seek out my permission first. Thank you for respecting my efforts and rights! All rights reserved.

[[Welcome]]

// //''Name:'' EmailLink\n// //''Version:'' <<getversion email>> (<<getversiondate email "DD MMM YYYY">>)\n// //''Author:'' AlanHecht\n// //''Type:'' [[Macro|Macros]]\n\n// //''Description:'' email lets you list a "email" address without displaying it as readable text. This helps prevent your email address from being harvested by search engines and other web crawlers that read your page's contents. Using email, you type in the words "at" and "dot" instead of the punctuation symbols and add spaces inbetween words to disguise your address. However, email will display your email address in a web browser so that humans can read it. And email turns the address into a hyperlink that can be clicked to send you an instant email.\n\n// //''Syntax:'' << {{{email yourname at yourdomain dot com "?optional parameters"}}} >>\n// //Example 1: <<email sample at nowhere dot com>> (standard)\n// //Example 2: <<email multiple dot sample at somewhere dot nowhere dot com>> (multiple dots)\n// //Example 3: <<email sample at nowhere dot com "?subject=Submission&body=Type your message here.">> (with optional parameters)\n\n// //''Directions:'' <<tiddler MacroDirections>>\n\n// //''Notes:'' You can use the optional email parameters to stipulate a subject or message body for the message. Most (not all) email clients will use this information to construct the email message.\n\n// //''Related Links:'' none\n\n// //''Revision History:''\n// // v0.1.0 (20 July 2005): initial release\n// // v0.1.1 (22 July 2005): renamed the macro from "mailto" to "email" to further thwart email harvesters.\n// // v0.1.2 (15 October 2005): added global replacement of "dots" thanks to a suggestion from Ralph Winter\n\n// //''Code section:''\nversion.extensions.email = {major: 0, minor: 1, revision: 2, date: new Date("Oct 15, 2005")};\nconfig.macros.email = {}\nconfig.macros.email.handler = function(place,macroName,params)\n{\nvar temp = params.join(" ");\ndata = temp.split("?");\nvar recipient = data[0];\nrecipient = recipient.replace(" at ","@").replace(" dot ",".","g");\nrecipient = recipient.replace(/\ss/g,"");\nvar optional = data[1] ? "?" + data[1] : "";\nvar theLink = createExternalLink(place,"ma"+"il"+"to:"+recipient+optional);\ntheLink.appendChild(document.createTextNode(recipient))\n}\n

//{{{\n// WebSnapr - Preview Bubble Javascript\n// Written by Juan Xavier Larrea\n// Adapted for TW by Saq Imtiaz\n// requires [[this image|bg.png]]\n\nfunction applyStyleString(obj,str) {\n if(document.all && !window.opera) {\n obj.style.setAttribute("cssText",str);\n } else {\n obj.setAttribute("style",str);\n }\n}\n\n// Point this variable to the correct location of the bg.png file\nvar bubbleImagePath = 'bg.png';\n\nfunction getElementsByClassName(oElm, strTagName, strClassName){\n var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);\n var arrReturnElements = new Array();\n strClassName = strClassName.replace(/\s-/g, "\s\s-");\n var oRegExp = new RegExp("(^|\s\ss)" + strClassName + "(\s\ss|$)");\n var oElement;\n for(var i=0; i<arrElements.length; i++){\n oElement = arrElements[i]; \n if(oRegExp.test(oElement.className)){\n arrReturnElements.push(oElement);\n } \n }\n return (arrReturnElements)\n}\n\nfunction bindBubbles(e){\n lbActions=getElementsByClassName(document,"a","externalLink");\n for(i=0;i<lbActions.length;i++){\n addEvent(lbActions[i],"mouseover",attachBubble,false);\n addEvent(lbActions[i],"mouseout",detachBubble,false);\n lbActions[i].title = '';\n }\n}\n\nfunction attachBubble(_b){\n var _c;\n if(_b["srcElement"]){\n _c=_b["srcElement"];\n }else{\n _c=_b["target"];\n }\n if (_c.href == undefined){\n _c=_c.parentNode;\n }\n var _d=_c.href;\n var _e=findPosX(_c) +5;\n var _f=findPosY(_c) +17; \n var _10=document.createElement("div");\n document.getElementsByTagName("body")[0].appendChild(_10);\n _10.className="previewbubble";\n applyStyleString(_10,"text-align: center; z-index: 99999; position: absolute; top: "+_f+"px ; left: "+_e+"px ; width: 240px; height: 190px; padding: 0; margin: 0;");\n if (config.browser.isIE)\n _10.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + bubbleImagePath + "',sizingMethod='image')";\n else\n _10.style.background= "url("+ bubbleImagePath +") no-repeat";\n var img=document.createElement("img");\n _10.appendChild(img);\n\n applyStyleString(img,"padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; margin-top: 27px; margin-left: 12px; margin-bottom: 0; margin-right: 0; border: 0");\n img.setAttribute("src","http://images.websnapr.com/?url="+_d);\n img.setAttribute("width",202);\n img.setAttribute("height",152);\n img.setAttribute("alt","Snapshot");\n}\n\nfunction detachBubble(_12){\n lbActions=getElementsByClassName(document,"div","previewbubble");\n for(i=0;i<lbActions.length;i++){\n lbActions[i].parentNode.removeChild(lbActions[i]);\n }\n}\n\nold_websnapr_refreshTiddler = Story.prototype.refreshTiddler;\nStory.prototype.refreshTiddler = function(title,template,force)\n{\n var tiddlerElem = old_websnapr_refreshTiddler.apply(this,arguments);\n bindBubbles();\n return tiddlerElem;\n}\n//}}}

Thanks for visiting!\n\nGalleries focusing on various themes are available on the left, as is some information on my background and ordering prints. On the right are some websites that I recommend by other photographers, as well as some photography resources that I've found useful. \n\nEnjoy!

<<importTiddlers>>

//{{{\nStory.prototype.tiddlerHistory= [];\nStory.prototype.maxTiddlers = 1;\nStory.prototype.closedHistory=[];\nStory.prototype.closedHistoryMax = 10;\n\nArray.prototype.moveToEnd = function(item)\n{\n this.remove(item);\n this.push(item);\n}\n\nStory.prototype.old_history_displayTiddler = Story.prototype.displayTiddler;\nStory.prototype.displayTiddler = function(srcElement,title,template,animate,slowly)\n{\n this.tiddlerHistory.moveToEnd(title);\n this.closedHistory.remove(title);\n var closeCount = this.tiddlerHistory.length - this.maxTiddlers;\n if (closeCount > 0)\n {\n var count = this.tiddlerHistory.splice (0,closeCount);\n for (var i=0; i<count.length;i++)\n {\n story.closeTiddler(count[i],false);\n }\n }\n story.old_history_displayTiddler(null,title,template,animate,slowly);\n}\n\nStory.prototype.old_history_closeTiddler = Story.prototype.closeTiddler;\nStory.prototype.closeTiddler = function(title,animate,slowly)\n{\n this.tiddlerHistory.remove(title);\n this.closedHistory.remove(title);\n this.closedHistory.unshift(title);\n story.old_history_closeTiddler.apply(this,arguments);\n}\n\nStory.prototype.displayTiddlers = function(srcElement,titles,template,animate,slowly)\n{\n for(var t = titles.length-1;t>=0;t--)\n {\n this.tiddlerHistory.moveToEnd(titles[t]);\n this.closedHistory.remove(titles[t]);\n this.old_history_displayTiddler(srcElement,titles[t],template,animate,slowly);\n }\n}\n\nconfig.commands.history={\n text: "history",\n tooltip: "re-open a closed tiddler"};\n\nconfig.commands.history.handler = function(event,src,title)\n{\n var popup = Popup.create(src);\n if(popup)\n {\n if (!story.closedHistory.length)\n createTiddlyText(popup,"No history");\n else\n {\n var c = Math.min(story.closedHistory.length,story.closedHistoryMax);\n for (i=0; i<c;i++ )\n {\n createTiddlyLink(createTiddlyElement(popup,"li"),story.closedHistory[i],true);\n }\n }\n }\n Popup.show(popup,false);\n event.cancelBubble = true;\n if (event.stopPropagation) event.stopPropagation();\n return false;\n}\n//}}}

!!National Sites for Patients and Investigators:\n[[SEER Cancer Registries|http://seer.cancer.gov/]]\n[[NCI News Center|http://www.cancer.gov/newscenter]]\n[[US Cancer Statistics - CDC|http://www.cdc.gov/cancer/npcr/uscs/]]\n[[ACS Cancer Reference||http://www.cancer.org/docroot/CRI/CRI_0.asp]]\n\n\n

This information taken from Julian Knight's TiddlyWiki, which can be [[found here|http://knighjm.googlepages.com/knightnet-default-tw.html]].\n\nMacros let you write tiddlers containing more exotic objects than just text. Here are the built-in macros:\n\n|!Macro|!Description|!Syntax|\n|allTags|List all the tags used in the current TiddlyWiki file<<br>>Each entry is a button that pops up the list of tiddlers for that tag<<br>><<slider sliderID [[Internal Macros/tags]] 'Click to show example output'>>|{{{<<allTags>>}}}|\n|br|Force a line break|{{{<<br>>}}}|\n|closeAll|Displays a button to close all displayed Tiddlers<<br>><<closeAll>>|{{{<<closeAll>>}}}|\n|gradient|<<gradient [horiz|vert] #bbbbbb #eeeeee #ffffff>>Produces a horizontal or vertical background gradient fill>><<br>>There can be 2 or more colours in the format: #rrggbb (hex), or RGB(r,g,b) (CSS)<<br>>Other CSS formatting can also be added, e.g. {{{<<gradient vert #000000 #660000 #aa2222>>color:#ffffff;font-size:12pt;Darkness>>}}}|{{{<<gradient [horiz|vert] #bbbbbb #eeeeee #ffffff>>Some text here>>}}}|\n|list all|List all Tiddlers in a Tiddler|{{{<<list all>>}}}|\n|list missing|List all missing tiddlers|{{{<<list missing>>}}}|\n|list orphans|List all orphaned tiddlers|{{{<<list orphans>>}}}|\n|newJournal|Displays a button to create new date & Time stamped Tiddler (Date/time format optional)<<br>><<newJournal "DD MMM YYYY, hh:mm">> <<br>>You can also add optional tag names after the date format: <<newJournal "DD MMM YYYY, hh:mm" tag1 TagTwo>> |{{{<<newJournal [DateFormatString]>>}}} <<br>> {{{<<newJournal "DD MMM YYYY, hh:mm" tag1 TagTwo>>}}} |\n|newTiddler|Displays a button to create new Tiddler<<br>><<newTiddler>>|{{{<<newTiddler>>}}}|\n|permaview|Displays a button to change the URL link for all open Tiddlers - or the containing tiddler if used in the command bar (See the ViewTemplate)<<br>><<permaview>>|{{{<<permaview>>}}}|\n|saveChanges |Button to save all TiddlyWiki changes (or the current tiddler if used in the command bar (see EditTemplate)<<br>><<saveChanges>>|{{{<<saveChanges>>}}}|\n|search|Display a Search box<<br>><<search>>|{{{<<search>>}}}|\n|slider|Display a Slider (a collapsable display of another tiddler)<<br>>See the allTags entry for an example. Note: Put quotes around the label if needing spaces<<br>>where: ''ID''=cookie name to be used to save the state of the slider, ''Tiddler''=name of the tiddler to include in the slider, ''Label''=label text of the slider button, ''tooltip''=text of the buttons tooltip|{{{<<slider ID Tiddler [Label] [toolTip]>>}}}|\n|sparkline|Produces a sparkline graphic<<br>>e.g. <<sparkline 163 218 231 236 232 266 176 249 289 1041 1835 2285 3098 2101 1755 3283 3353 3335 2898 2224 1404 1354 1825 1839 2142 1942 1784 1145 979 1328 1611>>|{{{<<sparkline num1 num2 ... numN>>}}}|\n|tabs|Display Tabbed content (contents of tab provided by another tiddler)|{{{<<tabs indentifier tabLabel tabName Tiddler>>}}}|\n|tag|Display a Tag ~PopUp<<br>><<tag _Config>>|{{{<<tag tagName>>}}}|\n|tagChooser|Used in EditTemplate to add tags to the tags field. Doesn't actually add anything unless in edit mode (though it does show the list)<<br>><<tagChooser>>|{{{<<tagChooser>>}}}|\n|tagging|<<tiddler [[Internal Macros/tagging]]>>|{{{<<tagging [TiddlerTitle]>>}}}|\n|tiddler|Display contents of another tiddler inline|{{{<<tiddler Tiddler>>}}}|\n|timeline|Display a timeline list of tiddlers<<br>>where the sortfield is the sort order ("modified" or "created") and maxentries is the maximum number of entries|{{{<<timeline [sortfield] [maxentries]>>}}}|\n|today|Display Today's Date<<br>>e.g. <<today>>|{{{<<today [DateFormatString]>>}}}|\n|version|Display TiddlyWiki's version<<br>>e.g. <<version>>|{{{<<version>>}}}|\n\n!DateFormatString\nSeveral Macros including the today macro take a DateFormatString as an optional argument. This string can be a combination of ordinary text, with some special characters that get substituted by parts of the date:\n* DDD - day of week in full (eg, "Monday")\n* DD - day of month, 0DD - adds a leading zero\n* MMM - month in full (eg, "July")\n* MM - month number, 0MM - adds leading zero\n* YYYY - full year, YY - two digit year\n* hh - hours\n* mm - minutes\n* ss - seconds\n!Notes\nIf you need to supply a parameter that should be evaluated (e.g. a JavaScript variable), enclose the parameter in {{{{{}}} and {{{}}}}} rather than quotes. Note however, that the scope used in the evaluation is {{{global}}} rather than {{{local}}}. In other words, the evaluation is done ''before'' the parameter is passed to the macro/plugin so it cannot access any of the variables or functions defined within the macro/plugin.\n!Commands supported by the toolbar macro\n{{{\nconfig.commands = {\n closeTiddler: {text: "close", tooltip: "Close this tiddler"},\n closeOthers: {text: "close others", tooltip: "Close all other tiddlers"},\n editTiddler: {text: "edit", tooltip: "Edit this tiddler", readOnlyText: "view", readOnlyTooltip: "View the source of this tiddler"},\n saveTiddler: {text: "done", tooltip: "Save changes to this tiddler", readOnlyText: "done", readOnlyTooltip: "View this tiddler normally"},\n cancelTiddler: {text: "cancel", tooltip: "Undo changes to this tiddler", hideReadOnly: true},\n deleteTiddler: {text: "delete", tooltip: "Delete this tiddler", warning: "Are you sure you want to delete '%0'?", hideReadOnly: true},\n permalink: {text: "permalink", tooltip: "Permalink for this tiddler"},\n references: {text: "references", tooltip: "Show tiddlers that link to this one", popupNone: "No references"},\n jump: {text: "jump", tooltip: "Jump to another open tiddler"}\n };\n}}}\n(Julian Knight, 2006-04-06)\n<part tagging hidden>\nProduces a list (NB: <ul> ''not'' a popup) of links to tiddlers that carry the specified tag. If no tag is specified, it looks for tiddlers tagged with the name of the current tiddler.\nIn HTML, the list is formatted like so:\n{{{\n<ul>\n<li class="listTitle">List title label</li>\n<li><a class="tiddlyLink ..." href="javascript:;" onclick="..."\n refresh="link" tiddlyLink="ExampleOne">ExampleOne</a></li>\n</ul>\n}}}\n</part>\n<part tags hidden>\n<<allTags>>\n</part>

\nMacros are basically shortcuts. If you open up the ImportTiddlers tiddler, you will see an elaborate layout with text boxes and various colors and instructions. But if you double-click on it to go into edit mode, you will see only the following: {{{ <<importTiddlers>> }}}. This is a macro that creates the elaborate Import Tiddlers layout. \n\nHere is Julian Knight's fairly complete list of the macros built into TiddlyWiki, and what each macro does. [[List of built-in macros]]\n\n

Menu:\n[[Welcome]]\n[[About]]\n[[Ordering Prints]]\n[[Australia Vacation, 2007|http://tvshare.eml.cc/gallery_sept07]]\n[[TomTools]]\n\nGalleries:\n[[Flora|http://tvshare.eml.cc/gallery/Flora/]]\n[[Water|http://tvshare.eml.cc/gallery/Water/]]\n[[Reflections|http://tvshare.eml.cc/gallery/Reflections/]]\n[[Earth|http://tvshare.eml.cc/gallery/Earth/]]\n[[Patterns & Textures|http://tvshare.eml.cc/gallery/Textures_Patterns/]]\n[[Fog & Shadows|http://tvshare.eml.cc/gallery/Fog_Shadows/]]\n\n\n

/***\n|Name|NestedSlidersPlugin|\n|Source|http://www.TiddlyTools.com/#NestedSlidersPlugin|\n|Version|2.0.2|\n|Author|Eric Shulman - ELS Design Studios|\n|License|http://www.TiddlyTools.com/#LegalStatements <<br>>and [[Creative Commons Attribution-ShareAlike 2.5 License|http://creativecommons.org/licenses/by-sa/2.5/]]|\n|~CoreVersion|2.1|\n|Type|plugin|\n|Requires||\n|Overrides|Slider.prototype.stop|\n|Description|Make any tiddler content into an expandable 'slider' panel, without needing to create a separate tiddler to contain the slider content.|\n\n++++!!!!![Configuration]>\nDebugging messages for 'lazy sliders' deferred rendering:\n<<option chkDebugLazySliderDefer>> show debugging alert when deferring slider rendering\n<<option chkDebugLazySliderRender>> show debugging alert when deferred slider is actually rendered\n===\n++++!!!!![Usage]>\nWhen installed, this plugin adds new wiki syntax for embedding 'slider' panels directly into tiddler content. Use {{{+++}}} and {{{===}}} to delimit the slider content. You can also 'nest' these sliders as deep as you like (see complex nesting example below), so that expandable 'tree-like' hierarchical displays can be created. This is most useful when converting existing in-line text content to create in-line annotations, footnotes, context-sensitive help, or other subordinate information displays.\n\nAdditional optional syntax elements let you specify\n*default to open\n*cookiename\n*heading level\n*floater (with optional CSS width value)\n*mouse auto rollover\n*custom class/label/tooltip/accesskey\n*automatic blockquote\n*deferred rendering\nThe complete syntax, using all options, is:\n//{{{\n++++(cookiename)!!!!!^width^*{{class{[label=key|tooltip]}}}>...\ncontent goes here\n===\n//}}}\nwhere:\n* {{{+++}}} (or {{{++++}}}) and {{{===}}}^^\nmarks the start and end of the slider definition, respectively. When the extra {{{+}}} is used, the slider will be open when initially displayed.^^\n* {{{(cookiename)}}}^^\nsaves the slider opened/closed state, and restores this state whenever the slider is re-rendered.^^\n* {{{!}}} through {{{!!!!!}}}^^\ndisplays the slider label using a formatted headline (Hn) style instead of a button/link style^^\n* {{{^width^}}} (or just {{{^}}})^^\nmakes the slider 'float' on top of other content rather than shifting that content downward. 'width' must be a valid CSS value (e.g., "30em", "180px", "50%", etc.). If omitted, the default width is "auto" (i.e., fit to content)^^\n* {{{*}}}^^\nautomatically opens/closes slider on "rollover" as well as when clicked^^\n* {{{{{class{[label=key|tooltip]}}}}}}^^\nuses custom label/tooltip/accesskey. {{{{{class{...}}}}}}, {{{=key}}} and {{{|tooltip}}} are optional. 'class' is any valid CSS class name, used to style the slider label text. 'key' must be a ''single letter only''. Default labels/tootips are: ">" (more) and "<" (less), with no default access key assignment.^^\n* {{{">"}}} //(without the quotes)//^^\nautomatically adds blockquote formatting to slider content^^\n* {{{"..."}}} //(without the quotes)//^^\ndefers rendering of closed sliders until the first time they are opened. //Note: deferred rendering may produce unexpected results in some cases. Use with care.//^^\n\n//Note: to make slider definitions easier to read and recognize when editing a tiddler, newlines immediately following the {{{+++}}} 'start slider' or preceding the {{{===}}} 'end slider' sequence are automatically supressed so that excess whitespace is eliminated from the output.//\n===\n++++!!!!![Examples]>\nsimple in-line slider: \n{{{\n+++\n content\n===\n}}}\n+++\n content\n===\n----\nuse a custom label and tooltip: \n{{{\n+++[label|tooltip]\n content\n===\n}}}\n+++[label|tooltip]\n content\n===\n----\ncontent automatically blockquoted: \n{{{\n+++>\n content\n===\n}}}\n+++>\n content\n===\n----\nall options combined //(default open, cookie, heading, sized floater, rollover, class, label/tooltip/key, blockquoted, deferred)//\n{{{\n++++(testcookie)!!!^30em^*{{big{[label=Z|click or press Alt-Z to open]}}}>...\n content\n===\n}}}\n++++(testcookie)!!!^30em^*{{big{[label=Z|click or press Alt-Z to open]}}}>...\n content\n===\n----\ncomplex nesting example:\n{{{\n+++^[get info...=I|click for information or press Alt-I]\n put some general information here, plus a floating slider with more specific info:\n +++^10em^[view details...|click for details]\n put some detail here, which could include a rollover with a +++^25em^*[glossary definition]explaining technical terms===\n ===\n===\n}}}\n+++^[get info...=I|click for information or press Alt-I]\n put some general information here, plus a floating slider with more specific info:\n +++^10em^[view details...|click for details]\n put some detail here, which could include a rollover with a +++^25em^*[glossary definition]explaining technical terms===\n ===\n===\n===\n!!!!!Installation\n<<<\nimport (or copy/paste) the following tiddlers into your document:\n''NestedSlidersPlugin'' (tagged with <<tag systemConfig>>)\n<<<\n!!!!!Revision History\n<<<\n''2007.03.01 - 2.0.2'' for TW2.2+, hijack Morpher.prototype.stop so that "overflow:hidden" can be reset to "overflow:visible" after animation ends\n''2007.03.01 - 2.0.1'' in hijack for Slider.prototype.stop, use apply() to pass params to core function\n''2006.07.28 - 2.0.0'' added custom class syntax around label/tip/key syntax: {{{{{classname{[label=key|tip]}}}}}}\n''2006.07.25 - 1.9.3'' when parsing slider, save default open/closed state in button element, then in onClickNestedSlider(), if slider state matches saved default, instead of saving cookie, delete it. Significantly reduces the 'cookie overhead' when default slider states are used.\n''2006.06.29 - 1.9.2'' in onClickNestedSlider(), when setting focus to first control, skip over type="hidden"\n''2006.06.22 - 1.9.1'' added panel.defaultPanelWidth to save requested panel width, even after resizing has changed the style value\n''2006.05.11 - 1.9.0'' added optional '^width^' syntax for floating sliders and '=key' syntax for setting an access key on a slider label\n''2006.05.09 - 1.8.0'' in onClickNestedSlider(), when showing panel, set focus to first child input/textarea/select element\n''2006.04.24 - 1.7.8'' in adjustSliderPos(), if floating panel is contained inside another floating panel, subtract offset of containing panel to find correct position\n''2006.02.16 - 1.7.7'' corrected deferred rendering to account for use-case where show/hide state is tracked in a cookie\n''2006.02.15 - 1.7.6'' in adjustSliderPos(), ensure that floating panel is positioned completely within the browser window (i.e., does not go beyond the right edge of the browser window)\n''2006.02.04 - 1.7.5'' add 'var' to unintended global variable declarations to avoid FireFox 1.5.0.1 crash bug when assigning to globals\n''2006.01.18 - 1.7.4'' only define adjustSliderPos() function if it has not already been provided by another plugin. This lets other plugins 'hijack' the function even when they are loaded first.\n''2006.01.16 - 1.7.3'' added adjustSliderPos(place,btn,panel,panelClass) function to permit specialized logic for placement of floating panels. While it provides improved placement for many uses of floating panels, it exhibits a relative offset positioning error when used within *nested* floating panels. Short-term workaround is to only adjust the position for 'top-level' floaters.\n''2006.01.16 - 1.7.2'' added button property to slider panel elements so that slider panel can tell which button it belongs to. Also, re-activated and corrected animation handling so that nested sliders aren't clipped by hijacking Slider.prototype.stop so that "overflow:hidden" can be reset to "overflow:visible" after animation ends\n''2006.01.14 - 1.7.1'' added optional "^" syntax for floating panels. Defines new CSS class, ".floatingPanel", as an alternative for standard in-line ".sliderPanel" styles.\n''2006.01.14 - 1.7.0'' added optional "*" syntax for rollover handling to show/hide slider without requiring a click (Based on a suggestion by tw4efl)\n''2006.01.03 - 1.6.2'' When using optional "!" heading style, instead of creating a clickable "Hn" element, create an "A" element inside the "Hn" element. (allows click-through in SlideShowPlugin, which captures nearly all click events, except for hyperlinks)\n''2005.12.15 - 1.6.1'' added optional "..." syntax to invoke deferred ('lazy') rendering for initially hidden sliders\nremoved checkbox option for 'global' application of lazy sliders\n''2005.11.25 - 1.6.0'' added optional handling for 'lazy sliders' (deferred rendering for initially hidden sliders)\n''2005.11.21 - 1.5.1'' revised regular expressions: if present, a single newline //preceding// and/or //following// a slider definition will be suppressed so start/end syntax can be place on separate lines in the tiddler 'source' for improved readability. Similarly, any whitespace (newlines, tabs, spaces, etc.) trailing the 'start slider' syntax or preceding the 'end slider' syntax is also suppressed.\n''2005.11.20 - 1.5.0'' added (cookiename) syntax for optional tracking and restoring of slider open/close state\n''2005.11.11 - 1.4.0'' added !!!!! syntax to render slider label as a header (Hn) style instead of a button/link style\n''2005.11.07 - 1.3.0'' removed alternative syntax {{{(((}}} and {{{)))}}} (so they can be used by other formatting extensions) and simplified/improved regular expressions to trim multiple excess newlines\n''2005.11.05 - 1.2.1'' changed name to NestedSlidersPlugin\n''2005.11.04 - 1.2.0'' added alternative character-mode syntax {{{(((}}} and {{{)))}}}\ntweaked "eat newlines" logic for line-mode {{{+++}}} and {{{===}}} syntax\n''2005.11.03 - 1.1.1'' fixed toggling of default tooltips ("more..." and "less...") when a non-default button label is used. code cleanup, added documentation\n''2005.11.03 - 1.1.0'' changed delimiter syntax from {{{(((}}} and {{{)))}}} to {{{+++}}} and {{{===}}}. changed name to EasySlidersPlugin\n''2005.11.03 - 1.0.0'' initial public release\n<<<\n!!!!!Credits\n<<<\nThis feature was implemented by EricShulman from [[ELS Design Studios|http:/www.elsdesign.com]] with initial research and suggestions from RodneyGomes, GeoffSlocock, and PaulPetterson.\n<<<\n!!!!!Code\n***/\n//{{{\nversion.extensions.nestedSliders = {major: 2, minor: 0, revision: 2, date: new Date(2007,3,2)};\n//}}}\n\n//{{{\n// options for deferred rendering of sliders that are not initially displayed\nif (config.options.chkDebugLazySliderDefer==undefined) config.options.chkDebugLazySliderDefer=false;\nif (config.options.chkDebugLazySliderRender==undefined) config.options.chkDebugLazySliderRender=false;\n\n// default styles for 'floating' class\nsetStylesheet(".floatingPanel { position:absolute; z-index:10; padding:0.5em; margin:0em; \s\n background-color:#eee; color:#000; border:1px solid #000; text-align:left; }","floatingPanelStylesheet");\n//}}}\n\n//{{{\nconfig.formatters.push( {\n name: "nestedSliders",\n match: "\s\sn?\s\s+{3}",\n terminator: "\s\ss*\s\s={3}\s\sn?",\n lookahead: "\s\sn?\s\s+{3}(\s\s+)?(\s\s([^\s\s)]*\s\s))?(\s\s!*)?(\s\s^(?:[^\s\s^\s\s*\s\s[\s\s>]*\s\s^)?)?(\s\s*)?(?:\s\s{\s\s{([\s\sw]+[\s\ss\s\sw]*)\s\s{)?(\s\s[[^\s\s]]*\s\s])?(?:\s\s}{3})?(\s\s>)?(\s\s.\s\s.\s\s.)?\s\ss*",\n handler: function(w)\n {\n // defopen=lookaheadMatch[1]\n // cookiename=lookaheadMatch[2]\n // header=lookaheadMatch[3]\n // panelwidth=lookaheadMatch[4]\n // rollover=lookaheadMatch[5]\n // class=lookaheadMatch[6]\n // label=lookaheadMatch[7]\n // blockquote=lookaheadMatch[8]\n // deferred=lookaheadMatch[9]\n\n lookaheadRegExp = new RegExp(this.lookahead,"mg");\n lookaheadRegExp.lastIndex = w.matchStart;\n var lookaheadMatch = lookaheadRegExp.exec(w.source)\n if(lookaheadMatch && lookaheadMatch.index == w.matchStart)\n {\n // location for rendering button and panel\n var place=w.output;\n\n // default to closed, no cookie, no accesskey\n var show="none"; var title=">"; var tooltip="show"; var cookie=""; var key="";\n\n // extra "+", default to open\n if (lookaheadMatch[1])\n { show="block"; title="<"; tooltip="hide"; }\n\n // cookie, use saved open/closed state\n if (lookaheadMatch[2]) {\n cookie=lookaheadMatch[2].trim().slice(1,-1);\n cookie="chkSlider"+cookie;\n if (config.options[cookie]==undefined)\n { config.options[cookie] = (show=="block") }\n if (config.options[cookie])\n { show="block"; title="<"; tooltip="hide"; }\n else\n { show="none"; title=">"; tooltip="show"; }\n }\n\n // parse custom label/tooltip/accesskey: [label=X|tooltip]\n if (lookaheadMatch[7]) {\n title = lookaheadMatch[7].trim().slice(1,-1);\n var pos=title.indexOf("|");\n if (pos!=-1) { tooltip = title.substr(pos+1,title.length); title=title.substr(0,pos); }\n if (title.substr(title.length-2,1)=="=") { key=title.substr(title.length-1,1); title=title.slice(0,-2); }\n if (pos==-1) tooltip += " "+title; // default tooltip: "show/hide <title>"\n }\n\n // create the button\n if (lookaheadMatch[3]) { // use "Hn" header format instead of button/link\n var lvl=(lookaheadMatch[3].length>6)?6:lookaheadMatch[3].length;\n var btn = createTiddlyElement(createTiddlyElement(place,"h"+lvl,null,null,null),"a",null,lookaheadMatch[6],title);\n btn.onclick=onClickNestedSlider;\n btn.setAttribute("href","javascript:;");\n btn.setAttribute("title",tooltip);\n }\n else\n var btn = createTiddlyButton(place,title,tooltip,onClickNestedSlider,lookaheadMatch[6]);\n\n // set extra button attributes\n btn.sliderCookie = cookie; // save the cookiename (if any) in the button object\n btn.defOpen=lookaheadMatch[1]!=null; // save default open/closed state (boolean)\n btn.keyparam=key; // save the access key letter ("" if none)\n if (key.length) {\n btn.setAttribute("accessKey",key); // init access key\n btn.onfocus=function(){this.setAttribute("accessKey",this.keyparam);}; // **reclaim** access key on focus\n }\n\n // "non-click" MouseOver open/close slider\n if (lookaheadMatch[5]) btn.onmouseover=onClickNestedSlider;\n\n // create slider panel\n var panelClass=lookaheadMatch[4]?"floatingPanel":"sliderPanel";\n var panel=createTiddlyElement(place,"div",null,panelClass,null);\n panel.button = btn; // so the slider panel know which button it belongs to\n panel.defaultPanelWidth=(lookaheadMatch[4] && lookaheadMatch[4].length>2)?lookaheadMatch[4].slice(1,-1):""; // save requested panel size\n btn.sliderPanel=panel;\n panel.style.display = show;\n panel.style.width=panel.defaultPanelWidth;\n\n // render slider (or defer until shown) \n w.nextMatch = lookaheadMatch.index + lookaheadMatch[0].length;\n if ((show=="block")||!lookaheadMatch[9]) {\n // render now if panel is supposed to be shown or NOT deferred rendering\n w.subWikify(lookaheadMatch[8]?createTiddlyElement(panel,"blockquote"):panel,this.terminator);\n // align slider/floater position with button\n window.adjustSliderPos(place,btn,panel,panelClass);\n }\n else {\n var src = w.source.substr(w.nextMatch);\n var endpos=findMatchingDelimiter(src,"+++","===");\n panel.setAttribute("raw",src.substr(0,endpos));\n panel.setAttribute("blockquote",lookaheadMatch[8]?"true":"false");\n panel.setAttribute("rendered","false");\n w.nextMatch += endpos+3;\n if (w.source.substr(w.nextMatch,1)=="\sn") w.nextMatch++;\n if (config.options.chkDebugLazySliderDefer) alert("deferred '"+title+"':\sn\sn"+panel.getAttribute("raw"));\n }\n }\n }\n }\n)\n\n// TBD: ignore 'quoted' delimiters (e.g., "{{{+++foo===}}}" isn't really a slider)\nfunction findMatchingDelimiter(src,starttext,endtext) {\n var startpos = 0;\n var endpos = src.indexOf(endtext);\n // check for nested delimiters\n while (src.substring(startpos,endpos-1).indexOf(starttext)!=-1) {\n // count number of nested 'starts'\n var startcount=0;\n var temp = src.substring(startpos,endpos-1);\n var pos=temp.indexOf(starttext);\n while (pos!=-1) { startcount++; pos=temp.indexOf(starttext,pos+starttext.length); }\n // set up to check for additional 'starts' after adjusting endpos\n startpos=endpos+endtext.length;\n // find endpos for corresponding number of matching 'ends'\n while (startcount && endpos!=-1) {\n endpos = src.indexOf(endtext,endpos+endtext.length);\n startcount--;\n }\n }\n return (endpos==-1)?src.length:endpos;\n}\n//}}}\n\n//{{{\nwindow.onClickNestedSlider=function(e)\n{\n if (!e) var e = window.event;\n var theTarget = resolveTarget(e);\n var theLabel = theTarget.firstChild.data;\n var theSlider = theTarget.sliderPanel\n var isOpen = theSlider.style.display!="none";\n // if using default button labels, toggle labels\n if (theLabel==">") theTarget.firstChild.data = "<";\n else if (theLabel=="<") theTarget.firstChild.data = ">";\n // if using default tooltips, toggle tooltips\n if (theTarget.getAttribute("title")=="show")\n theTarget.setAttribute("title","hide");\n else if (theTarget.getAttribute("title")=="hide")\n theTarget.setAttribute("title","show");\n if (theTarget.getAttribute("title")=="show "+theLabel)\n theTarget.setAttribute("title","hide "+theLabel);\n else if (theTarget.getAttribute("title")=="hide "+theLabel)\n theTarget.setAttribute("title","show "+theLabel);\n // deferred rendering (if needed)\n if (theSlider.getAttribute("rendered")=="false") {\n if (config.options.chkDebugLazySliderRender)\n alert("rendering '"+theLabel+"':\sn\sn"+theSlider.getAttribute("raw"));\n var place=theSlider;\n if (theSlider.getAttribute("blockquote")=="true")\n place=createTiddlyElement(place,"blockquote");\n wikify(theSlider.getAttribute("raw"),place);\n theSlider.setAttribute("rendered","true");\n }\n // show/hide the slider\n if(config.options.chkAnimate)\n anim.startAnimating(new Slider(theSlider,!isOpen,e.shiftKey || e.altKey,"none"));\n else\n theSlider.style.display = isOpen ? "none" : "block";\n // reset to default width (might have been changed via plugin code)\n theSlider.style.width=theSlider.defaultPanelWidth;\n // align slider/floater position with target button\n if (!isOpen) window.adjustSliderPos(theSlider.parentNode,theTarget,theSlider,theSlider.className);\n // if showing panel, set focus to first 'focus-able' element in panel\n if (theSlider.style.display!="none") {\n var ctrls=theSlider.getElementsByTagName("*");\n for (var c=0; c<ctrls.length; c++) {\n var t=ctrls[c].tagName.toLowerCase();\n if ((t=="input" && ctrls[c].type!="hidden") || t=="textarea" || t=="select")\n { ctrls[c].focus(); break; }\n }\n }\n if (this.sliderCookie && this.sliderCookie.length) {\n config.options[this.sliderCookie]=!isOpen;\n if (config.options[this.sliderCookie]!=this.defOpen)\n saveOptionCookie(this.sliderCookie);\n else { // remove cookie if slider is in default display state\n var ex=new Date(); ex.setTime(ex.getTime()-1000);\n document.cookie = this.sliderCookie+"=novalue; path=/; expires="+ex.toGMTString();\n }\n }\n return false;\n}\n\n// TW2.1 and earlier:\n// hijack Slider animation handler 'stop' handler so overflow is visible after animation has completed\nSlider.prototype.coreStop = Slider.prototype.stop;\nSlider.prototype.stop = function()\n { this.coreStop.apply(this,arguments); this.element.style.overflow = "visible"; }\n\n// TW2.2+\n// hijack Morpher animation handler 'stop' handler so overflow is visible after animation has completed\nif (version.major+.1*version.minor+.01*version.revision>=2.2) {\n Morpher.prototype.coreStop = Morpher.prototype.stop;\n Morpher.prototype.stop = function()\n { this.coreStop.apply(this,arguments); this.element.style.overflow = "visible"; }\n}\n\n// adjust panel position based on button position\nif (window.adjustSliderPos==undefined) window.adjustSliderPos=function(place,btn,panel,panelClass) {\n if (panelClass=="floatingPanel") {\n var left=0;\n var top=btn.offsetHeight; \n if (place.style.position!="relative") {\n var left=findPosX(btn);\n var top=findPosY(btn)+btn.offsetHeight;\n var p=place; while (p && p.className!='floatingPanel') p=p.parentNode;\n if (p) { left-=findPosX(p); top-=findPosY(p); }\n }\n if (left+panel.offsetWidth > getWindowWidth()) left=getWindowWidth()-panel.offsetWidth-15;\n panel.style.left=left+"px"; panel.style.top=top+"px";\n }\n}\n\nfunction getWindowWidth() {\n if(document.width!=undefined)\n return document.width; // moz (FF)\n if(document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )\n return document.documentElement.clientWidth; // IE6\n if(document.body && ( document.body.clientWidth || document.body.clientHeight ) )\n return document.body.clientWidth; // IE4\n if(window.innerWidth!=undefined)\n return window.innerWidth; // IE - general\n return 0; // unknown\n}\n//}}}

Greeting cards, matted and framed prints, and canvas prints of my images can be ordered easily from [[Redbubble, a wonderful Australian art community.|http://tlvee.redbubble.com]] New images usually appear there first. Purchases through redbubble enjoy a simple money-back guarantee.\n\nIn addition, I am happy to provide "hand-crafted" prints in sizes up to 12 x 18 (depending on image). These are printed using the Epson 2200 pigmented ink set on archival fine art paper from the Museo Fine Art Paper Company. I currently use their Portfolio Rag line, which is a beautiful, smooth and heavyweight (300 gsm), 100% cotton rag, acid-free matte paper without any optical brighteners. This combination of inks and paper produces a truly beautiful as well as long-lasting print. \n\nPrint Size (Length of shorter side varies by image)\n 8 x 12 - $25\n10 x 14 - $40\n11 x 16 - $55\n12 x 18 - $70\n\nDigital files ($15) are also available for personal use. Payments are accepted through Paypal.\n\nIf you are interested, please email and we can discuss your needs.\n\nSincerely, Tom Vaughan\n<<email tvphoto at tvaughan dot org "?subject=Tom Vaughan Photography Query">>\n

<<plugins>>

<<saveChanges>>\n!!Menu<<br>>\n[[Welcome]][[About]][[Slideshow]][[Ordering Prints]][[About this Website]][[Copyright]]\n----\n!!Galleries<<br>>\n[[Reflections|http://tlvee.redbubble.com/sets/17366/works]][[Water|http://tlvee.redbubble.com/sets/17368/works]][[Abstractions|http://tlvee.redbubble.com/sets/17370/works]][[Black & White|http://tlvee.redbubble.com/sets/17372/works]][[Duotones & Sepia|http://tlvee.redbubble.com/sets/17374/works]][[Flora & Landscapes|http://tlvee.redbubble.com/sets/17380/works]]\n----\n!!New! - 2009 Calendars<<br>>\n[[Lines in Nature|http://www.redbubble.com/products/configure/5459674]][[Duotones|http://www.redbubble.com/products/configure/5460257]][[Water|http://www.redbubble.com/products/configure/4619618]][[Blues|http://www.redbubble.com/products/configure/5460073]]\n----\n!!Other Galleries of Interest<<br>>\n[[A Photographer's Craft|http://www.redbubble.com/groups/a-photographers-craft]][[Anne Staub|http://www.anne-staub.com]][[Anthony Mancuso|http://www.galleriamancuso.com/]][[Susanna Gaunt|http://www.susannagaunt.com]][[Nature Photos|http://mynaturephotos.com]][[Dana DiPasquale|http://www.danadipasquale.com]][[Adrian Rachele|http://dogtiredphoto.wordpress.com/]]\n----\n<<search>>

<<search>><<closeAll>><<permaview>><<newTiddler>><<newJournal 'DD MMM YYYY'>><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel 'options »' 'Change TiddlyWiki advanced options'>>

<<search>><<saveChanges>>\n----\n!!!!Recommended Photo Galleries<<br>>\n<html><a href="http://h3images.com" title="Images from Mexico and Northwest" target==_blank"> Bill Hughlett</a></html><html><a href="http://dbphotography.net/" title="Beautiful collection of images from Northwest and beyond" target="_blank">David Bostock</a></html><html><a href="http://www.susannagaunt.com/" title="Dreamlike fine art images" target="_blank">Susanna Gaunt</a></html><html><a href="http://www.kleptography.com/index.htm" title="Eclectic images from the world over" target="_blank">Don Ellis</a></html><html><a href="http://www.kennethparker.com/" title="Spectacular large-format landscapes" target="_blank">Kenneth Parker</a></html><html><a href="http://mynaturephotos.com/" title="Fun collection by several photographers with a focus on wildlife. Developed by a different Tom Vaughan." target="_blank">Nature Photos</a></html><html><a href="http://www.notesfromtheroad.com/" title="Experimental travel writing" target="_blank">Notes from the Road</a></html><html><a href="http://www.quantumtiger.org/" target="_blank">Quantum Tiger</a></html>\n----\n!!!!Photography Resources<<br>>\n<html><a href="http://breezebrowser.com/BreezeBrowser/" title="Wonderful software for browsing and website development" target="_blank">Breeze Browser</a></html><html><a href="http://www.rmsp.com/" title="Great field studies for beginning and advanced" target="_blank">Rocky Mountain School of Photography</a></html>\n

<<tabs txtMainTab Timeline Timeline TabTimeline All 'All tiddlers' TabAll Tags 'All tags' TabTags More 'More lists' TabMore>>

@@font-family: mistral,arial,helvetica;Tom Vaughan Photography@@\n

\nThese plugins are for extra TiddlyWiki mileage. They increase your filesize significantly, but they also add significantly to your file's capabilities.\n\n!Favorites from [[Abego Extensions|http://tiddlywiki.abego-software.de/]]\n*''~ForEachTiddlerPlugin'' lets you sort tiddlers and portions of tiddlers in many clever and helpful ways. I use it to index tags and tiddler titles. See [[Advanced ideas for tags]].\n*''~FormTiddlerPlugin'' and ''~DataTiddlerPlugin'' work together to [[Create forms with editable fields]].\n*The ''~IncludePlugin'' allows you to create a portal TW that accesses tiddlers from multiple other TiddlyWiki files as read-only tiddlers. Very nice for having a lot of data in one file without bloating the file.\n\n!Favorites from [[Lewcid Extensions|http://tw.lewcid.org/]]\n*''~FontsizePlugin'' lets you adjust the font size in a tiddler with + and - buttons.\n*''~IconMacro'' and ''~ToolbarIconsPluigin'' let you replace the usual TW features with icons.\n*''~SplashScreenPlugin'' calls up an introductory message while users wait for your file to open.\n\n!Favorites from [[TiddlyTools|http://www.tiddlytools.com/]]\n*''~NestedSlidersPlugin'' is a plugin for more advanced sliders than you can get from the [[Slider macros]].\n*''~SearchOptionsPlugin''. When this plugin is loaded and you do a search, you get a list of tiddlers containing the word you are searching for, rather than having all those tiddlers open. I don't have it installed here, because I want newbies to see what happens normally with searching. But I think this plugin is a must.\n*''~CoreTweaks'' adds some helpful tweaks to the TW core.\n\n!From [[MonkeyPirate|http://mptw-beta.tiddlyspot.com/]]\n*''~SelectPaletteMacro'' is technically a macro, but I'm including it here. It lets you select from a dropdown list of color palettes, and automatically reconfigures your color scheme based on your selection. \n\n

/***\nhttp://tiddlystyles.com/#theme:DevFire\nAuthor: Clint Checketts\n***/\n\n/*{{{*/\nbody {\nbackground: #000;\n}\n/*}}}*/\n/***\n!Link styles /% ============================================================= %/\n***/\n/*{{{*/\n/* next two lines mod by TV to remove underlining of links */\n:link, \n:visited,\na,\na.button,\n#mainMenu a.button,\n#sidebarOptions .sliderPanel a{\n color: #ffbf00;\n border: 0;\n background: transparent;\n text-decoration: none;\n}\n\na:hover,\na.button:hover,\n#mainMenu a.button:hover,\n#sidebarOptions .sliderPanel a:hover\n#sidebarOptions .sliderPanel a:active{\n color: #ff7f00;\n border: 0;\n border-bottom: #ff7f00 1px dashed;\n background: transparent;\n}\n\n#displayArea .button.highlight{\n color: #ffbf00;\n background: #4c4c4c;\n}\n/*}}}*/\n/***\n!Header styles /% ============================================================= %/\n***/\n/*{{{*/\n.header{\n border-bottom: 2px solid #ffbf00;\n color: #fff;\n}\n\n.headerForeground a {\n color: #fff;\n}\n\n.header a:hover {\n border-bottom: 1px dashed #fff;\n}\n/*}}}*/\n/***\n!Main menu styles /% ============================================================= %/\n***/\n/*{{{*/\n#mainMenu {color: #fff;}\n#mainMenu h1{\n font-size: 1.1em;\n}\n#mainMenu li,#mainMenu ul{\n list-style: none;\n margin: 0;\n padding: 0;\n}\n/*}}}*/\n/***\n!Sidebar styles /% ============================================================= %/\n***/\n/*{{{*/\n#sidebar {\n right: 0;\n color: #ffbf00;\n border: 2px solid #ffbf00;\n border-width: 0 0 2px 2px;\n}\n#sidebarOptions {\n background-color: #4c4c4c;\n padding: 0;\n}\n\n#sidebarOptions a{\n margin: 0;\n color: #ffbf00;\n border: 0;\n}\n#sidebarOptions a:hover {\n color: #4c4c4c;\n background-color: #ffbf00;\n\n}\n\n#sidebarOptions a:active {\n color: #ffbf00;\n background-color: transparent;\n}\n\n#sidebarOptions .sliderPanel {\n background-color: #333;\n margin: 0;\n}\n\n#sidebarTabs {background-color: #4c4c4c;}\n#sidebarTabs .tabSelected {\n padding: 3px 3px;\n cursor: default;\n color: #ffbf00;\n background-color: #666;\n}\n#sidebarTabs .tabUnselected {\n color: #ffbf00;\n background-color: #5f5f5f;\n padding: 0 4px;\n}\n\n#sidebarTabs .tabUnselected:hover,\n#sidebarTabs .tabContents {\n background-color: #666;\n}\n\n.listTitle{color: #FFF;}\n#sidebarTabs .tabContents a{\n color: #ffbf00;\n}\n\n#sidebarTabs .tabContents a:hover{\n color: #ff7f00;\n background: transparent;\n}\n\n#sidebarTabs .txtMoreTab .tabSelected,\n#sidebarTabs .txtMoreTab .tab:hover,\n#sidebarTabs .txtMoreTab .tabContents{\n color: #ffbf00;\n background: #4c4c4c;\n}\n\n#sidebarTabs .txtMoreTab .tabUnselected {\n color: #ffbf00;\n background: #5f5f5f;\n}\n\n.tab.tabSelected, .tab.tabSelected:hover{color: #ffbf00; border: 0; background-color: #4c4c4c;cursor:default;}\n.tab.tabUnselected {background-color: #666;}\n.tab.tabUnselected:hover{color:#ffbf00; border: 0;background-color: #4c4c4c;}\n.tabContents {\n background-color: #4c4c4c;\n border: 0;\n}\n.tabContents .tabContents{background: #666;}\n.tabContents .tabSelected{background: #666;}\n.tabContents .tabUnselected{background: #5f5f5f;}\n.tabContents .tab:hover{background: #666;}\n/*}}}*/\n/***\n!Message area styles /% ============================================================= %/\n***/\n/*{{{*/\n#messageArea {background-color: #666; color: #fff; border: 2px solid #ffbf00;}\n#messageArea a:link, #messageArea a:visited {color: #ffbf00; text-decoration:none;}\n#messageArea a:hover {color: #ff7f00;}\n#messageArea a:active {color: #ff7f00;}\n#messageArea .messageToolbar a{\n border: 1px solid #ffbf00;\n background: #4c4c4c;\n}\n/*}}}*/\n/***\n!Popup styles /% ============================================================= %/\n***/\n/*{{{*/\n.popup {color: #fff; background-color: #4c4c4c; border: 1px solid #ffbf00;}\n.popup li.disabled{color: #fff;}\n.popup a {color: #ffbf00; }\n.popup a:hover { background: transparent; color: #ff7f00; border: 0;}\n.popup hr {color: #ffbf00; background: #ffbf00;}\n/*}}}*/\n/***\n!Tiddler Display styles /% ============================================================= %/\n***/\n/*{{{*/\n.title{color: #fff;}\nh1, h2, h3, h4, h5 {\n color: #fff;\n background-color: transparent;\n border-bottom: 0px solid #333;\n}\n\n.subtitle{\n color: #666;\n}\n\n.viewer {color: #fff; }\n\n.viewer table{background: #666; color: #fff;}\n\n.viewer th {background-color: #996; color: #fff;}\n\n.viewer pre, .viewer code {color: #ddd; background-color: #4c4c4c; border: 1px solid #ffbf00;}\n\n.viewer hr {color: #666;}\n\n.tiddler .button {color: #4c4c4c;}\n.tiddler .button:hover { color: #ffbf00; background-color: #4c4c4c;}\n.tiddler .button:active {color: #ffbf00; background-color: #4c4c4c;}\n\n.toolbar {\n color: #4c4c4c;\n}\n\n.toolbar a.button,\n.toolbar a.button:hover,\n.toolbar a.button:active,\n.editorFooter a{\n border: 0;\n}\n\n.footer {\n color: #ddd;\n}\n\n.selected .footer {\n color: #888;\n}\n\n.highlight, .marked {\n color: #000;\n background-color: #ffe72f;\n}\n.editorFooter {\n color: #aaa;\n}\n\n.tab{\n-moz-border-radius-topleft: 3px;\n-moz-border-radius-topright: 3px;\n}\n\n.tagging,\n.tagged{\n background: #4c4c4c;\n border: 1px solid #4c4c4c; \n}\n\n.selected .tagging,\n.selected .tagged{\n background-color: #333;\n border: 1px solid #ffbf00;\n}\n\n.tagging .listTitle,\n.tagged .listTitle{\n color: #fff;\n}\n\n.tagging .button,\n.tagged .button{\n color: #ffbf00;\n border: 0;\n padding: 0;\n}\n\n.tagging .button:hover,\n.tagged .button:hover{\nbackground: transparent;\n}\n\n.selected .isTag .tagging.simple,\n.selected .tagged.simple,\n.isTag .tagging.simple,\n.tagged.simple {\n float: none;\n display: inline;\n border: 0;\n background: transparent;\n color: #fff;\n margin: 0;\n}\n\n.cascade {\n background: #4c4c4c;\n color: #ddd;\n border: 1px solid #ffbf00;\n}\n/*}}}*/

/*{{{*/\n* html .tiddler {\n height: 1%;\n}\n\nbody {\n font-size: .75em;\n font-family: ,arial,helvetica;\n margin: 0;\n padding: 0;\n}\n\nh1,h2,h3,h4,h5 {\n font-weight: bold;\n text-decoration: none;\n padding-left: 0.4em;\n}\n\nh1 {font-size: 1.35em;}\nh2 {font-size: 1.25em;}\nh3 {font-size: 1.1em;}\nh4 {font-size: 1em;}\nh5 {font-size: .9em;}\n\nhr {\n height: 1px;\n}\n\na{\n text-decoration: none;\n}\n\ndt {font-weight: bold;}\n\nol { list-style-type: decimal }\nol ol { list-style-type: lower-alpha }\nol ol ol { list-style-type: lower-roman }\nol ol ol ol { list-style-type: decimal }\nol ol ol ol ol { list-style-type: lower-alpha }\nol ol ol ol ol ol { list-style-type: lower-roman }\nol ol ol ol ol ol ol { list-style-type: decimal }\n\n.txtOptionInput {\n width: 11em;\n}\n\n#contentWrapper .chkOptionInput {\n border: 0;\n}\n\n.externalLink {\n text-decoration: none;\n}\n\n.indent {margin-left:3em;}\n.outdent {margin-left:3em; text-indent:-3em;}\ncode.escaped {white-space:nowrap;}\n\n.tiddlyLinkExisting {\n font-weight: bold;\n}\n\n.tiddlyLinkNonExisting {\n font-style: italic;\n}\n\n/* the 'a' is required for IE, otherwise it renders the whole tiddler a bold */\na.tiddlyLinkNonExisting.shadow {\n font-weight: bold;\n}\n\n#mainMenu .tiddlyLinkExisting, \n#mainMenu .tiddlyLinkNonExisting,\n#sidebarTabs .tiddlyLinkNonExisting{\n font-weight: normal;\n font-style: normal;\n}\n\n#sidebarTabs .tiddlyLinkExisting {\n font-weight: bold;\n font-style: normal;\n}\n\n.header {\n position: relative;\n}\n\n.header a:hover {\n background: transparent;\n}\n\n.headerShadow {\n position: relative;\n padding: 1.5em 0em 0.5em 1em;\n left: -1px;\n top: -1px;\n}\n\n.headerForeground {\n position: absolute;\n padding: 1.5em 0em 0.5em 1em;\n left: 0px;\n top: 0px;\n}\n\n.siteTitle {\n font-size: 3em;\n}\n\n.siteSubtitle {\n font-size: 1.2em;\n}\n\n#mainMenu {\n position: absolute;\n left: 0;\n width: 10em;\n text-align: right;\n line-height: 1.6em;\n padding: 1.5em 0.5em 0.5em 0.5em;\n font-size: 1.1em;\n}\n\n#sidebar {\n position: absolute;\n right: 3px;\n width: 16em;\n font-size: .9em;\n}\n\n#sidebarOptions {\n padding-top: 0.3em;\n}\n\n#sidebarOptions a {\n margin: 0em 0.2em;\n padding: 0.2em 0.3em;\n display: block;\n}\n\n#sidebarOptions input {\n margin: 0.4em 0.5em;\n}\n\n#sidebarOptions .sliderPanel {\n margin-left: 1em;\n padding: 0.5em;\n font-size: .85em;\n}\n\n#sidebarOptions .sliderPanel a {\n font-weight: bold;\n display: inline;\n padding: 0;\n}\n\n#sidebarOptions .sliderPanel input {\n margin: 0 0 .3em 0;\n}\n\n#sidebarTabs .tabContents {\n width: 15em;\n overflow: hidden;\n}\n\n.wizard {\n padding: 0.1em 0em 0em 2em;\n}\n\n.wizard h1 {\n font-size: 2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.4em 0em 0.2em 0em;\n}\n\n.wizard h2 {\n font-size: 1.2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.2em 0em 0.2em 0em;\n}\n\n.wizardStep {\n padding: 1em 1em 1em 1em;\n}\n\n.wizard .button {\n margin: 0.5em 0em 0em 0em;\n font-size: 1.2em;\n}\n\n#messageArea {\nposition:absolute; top:0; right:0; margin: 0.5em; padding: 0.5em;\n}\n\n*[id='messageArea'] {\nposition:fixed !important; z-index:99;}\n\n.messageToolbar {\ndisplay: block;\ntext-align: right;\n}\n\n#messageArea a{\n text-decoration: underline;\n}\n\n.popup {\n font-size: .9em;\n padding: 0.2em;\n list-style: none;\n margin: 0;\n}\n\n.popup hr {\n display: block;\n height: 1px;\n width: auto;\n padding: 0;\n margin: 0.2em 0em;\n}\n\n.listBreak {\n font-size: 1px;\n line-height: 1px;\n}\n\n.listBreak div {\n margin: 2px 0;\n}\n\n.popup li.disabled {\n padding: 0.2em;\n}\n\n.popup li a{\n display: block;\n padding: 0.2em;\n}\n\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px;\n}\n\n.tabContents {\n padding: 0.5em;\n}\n\n.tabContents ul, .tabContents ol {\n margin: 0;\n padding: 0;\n}\n\n.txtMainTab .tabContents li {\n list-style: none;\n}\n\n.tabContents li.listLink {\n margin-left: .75em;\n}\n\n#displayArea {\n margin: 1em 17em 0em 1em;\n}\n\n\n.toolbar {\n text-align: right;\n font-size: .9em;\n visibility: hidden;\n}\n\n.selected .toolbar {\n visibility: visible;\n}\n\n.tiddler {\n padding: 1em 1em 0em 1em;\n}\n\n.missing .viewer,.missing .title {\n font-style: italic;\n}\n\n.title {\n font-size: 1.6em;\n font-weight: bold;\n}\n\n.missing .subtitle {\n display: none;\n}\n\n.subtitle {\n font-size: 1.1em;\n}\n\n.tiddler .button {\n padding: 0.2em 0.4em;\n}\n\n.tagging {\nmargin: 0.5em 0.5em 0.5em 0;\nfloat: left;\ndisplay: none;\n}\n\n.isTag .tagging {\ndisplay: block;\n}\n\n.tagged {\nmargin: 0.5em;\nfloat: right;\n}\n\n.tagging, .tagged {\nfont-size: 0.9em;\npadding: 0.25em;\n}\n\n.tagging ul, .tagged ul {\nlist-style: none;margin: 0.25em;\npadding: 0;\n}\n\n.tagClear {\nclear: both;\n}\n\n.footer {\n font-size: .9em;\n}\n\n.footer li {\ndisplay: inline;\n}\n\n* html .viewer pre {\n width: 99%;\n padding: 0 0 1em 0;\n}\n\n.viewer {\n line-height: 1.4em;\n padding-top: 0.5em;\n}\n\n.viewer .button {\n margin: 0em 0.25em;\n padding: 0em 0.25em;\n}\n\n.viewer blockquote {\n line-height: 1.5em;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul, .viewer ol{\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer table {\n border-collapse: collapse;\n margin: 0.8em 1.0em;\n}\n\n.viewer th, .viewer td, .viewer tr,.viewer caption{\n padding: 3px;\n}\n\n.viewer table.listView {\n font-size: 0.85em;\n margin: 0.8em 1.0em;\n}\n\n.viewer table.listView th, .viewer table.listView td, .viewer table.listView tr {\n padding: 0px 3px 0px 3px;\n}\n\n.viewer pre {\n padding: 0.5em;\n margin-left: 0.5em;\n font-size: 1.2em;\n line-height: 1.4em;\n overflow: auto;\n}\n\n.viewer code {\n font-size: 1.2em;\n line-height: 1.4em;\n}\n\n.editor {\nfont-size: 1.1em;\n}\n\n.editor input, .editor textarea {\n display: block;\n width: 100%;\n font: inherit;\n}\n\n.editorFooter {\n padding: 0.25em 0em;\n font-size: .9em;\n}\n\n.editorFooter .button {\npadding-top: 0px; padding-bottom: 0px;}\n\n.fieldsetFix {border: 0;\npadding: 0;\nmargin: 1px 0px 1px 0px;\n}\n\n.sparkline {\n line-height: 1em;\n}\n\n.sparktick {\n outline: 0;\n}\n\n.zoomer {\n font-size: 1.1em;\n position: absolute;\n padding: 1em;\n}\n\n.cascade {\n font-size: 1.1em;\n position: absolute;\n overflow: hidden;\n}\n/*}}}*/

/*{{{*/\n* html .tiddler {\n height: 1%;\n}\n\nbody {\n font-size: .75em;\n font-family: arial,helvetica;\n margin: 0;\n padding: 0;\n}\n\nh1,h2,h3,h4,h5 {\n font-weight: bold;\n text-decoration: none;\n padding-left: 0.4em;\n}\n\nh1 {font-size: 1.35em;}\nh2 {font-size: 1.25em;}\nh3 {font-size: 1.1em;}\nh4 {font-size: 1em;}\nh5 {font-size: .9em;}\n\nhr {\n height: 1px;\n}\n\na{\n text-decoration: none;\n}\n\ndt {font-weight: bold;}\n\nol { list-style-type: decimal }\nol ol { list-style-type: lower-alpha }\nol ol ol { list-style-type: lower-roman }\nol ol ol ol { list-style-type: decimal }\nol ol ol ol ol { list-style-type: lower-alpha }\nol ol ol ol ol ol { list-style-type: lower-roman }\nol ol ol ol ol ol ol { list-style-type: decimal }\n\n.txtOptionInput {\n width: 11em;\n}\n\n#contentWrapper .chkOptionInput {\n border: 0;\n}\n\n.externalLink {\n text-decoration: none;\n}\n\n.indent {margin-left:3em;}\n.outdent {margin-left:3em; text-indent:-3em;}\ncode.escaped {white-space:nowrap;}\n\n.tiddlyLinkExisting {\n font-weight: bold;\n}\n\n.tiddlyLinkNonExisting {\n font-style: italic;\n}\n\n/* the 'a' is required for IE, otherwise it renders the whole tiddler a bold */\na.tiddlyLinkNonExisting.shadow {\n font-weight: bold;\n}\n\n#mainMenu .tiddlyLinkExisting, \n#mainMenu .tiddlyLinkNonExisting,\n#sidebarTabs .tiddlyLinkNonExisting{\n font-weight: normal;\n font-style: normal;\n}\n\n#sidebarTabs .tiddlyLinkExisting {\n font-weight: bold;\n font-style: normal;\n}\n\n.header {\n position: relative;\n}\n\n.header a:hover {\n background: transparent;\n}\n\n.headerShadow {\n position: relative;\n padding: 4.5em 0em 1em 1em;\n left: -1px;\n top: -1px;\n}\n\n.headerForeground {\n position: absolute;\n padding: 4.5em 0em 1em 1em;\n left: 0px;\n top: 0px;\n}\n\n.siteTitle {\n font-size: 3em;\n}\n\n.siteSubtitle {\n font-size: 1.2em;\n}\n\n#mainMenu {\n position: absolute;\n left: 0;\n width: 10em;\n text-align: right;\n line-height: 1.6em;\n padding: 1.5em 0.5em 0.5em 0.5em;\n font-size: 1.1em;\n}\n\n#sidebar {\n position: absolute;\n right: 3px;\n width: 16em;\n font-size: .9em;\n}\n\n#sidebarOptions {\n padding-top: 0.3em;\n}\n\n#sidebarOptions a {\n margin: 0em 0.2em;\n padding: 0.2em 0.3em;\n display: block;\n}\n\n#sidebarOptions input {\n margin: 0.4em 0.5em;\n}\n\n#sidebarOptions .sliderPanel {\n margin-left: 1em;\n padding: 0.5em;\n font-size: .85em;\n}\n\n#sidebarOptions .sliderPanel a {\n font-weight: bold;\n display: inline;\n padding: 0;\n}\n\n#sidebarOptions .sliderPanel input {\n margin: 0 0 .3em 0;\n}\n\n#sidebarTabs .tabContents {\n width: 15em;\n overflow: hidden;\n}\n\n.wizard {\n padding: 0.1em 0em 0em 2em;\n}\n\n.wizard h1 {\n font-size: 2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.4em 0em 0.2em 0em;\n}\n\n.wizard h2 {\n font-size: 1.2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.2em 0em 0.2em 0em;\n}\n\n.wizardStep {\n padding: 1em 1em 1em 1em;\n}\n\n.wizard .button {\n margin: 0.5em 0em 0em 0em;\n font-size: 1.2em;\n}\n\n#messageArea {\nposition:absolute; top:0; right:0; margin: 0.5em; padding: 0.5em;\n}\n\n*[id='messageArea'] {\nposition:fixed !important; z-index:99;}\n\n.messageToolbar {\ndisplay: block;\ntext-align: right;\n}\n\n#messageArea a{\n text-decoration: underline;\n}\n\n.popup {\n font-size: .9em;\n padding: 0.2em;\n list-style: none;\n margin: 0;\n}\n\n.popup hr {\n display: block;\n height: 1px;\n width: auto;\n padding: 0;\n margin: 0.2em 0em;\n}\n\n.listBreak {\n font-size: 1px;\n line-height: 1px;\n}\n\n.listBreak div {\n margin: 2px 0;\n}\n\n.popup li.disabled {\n padding: 0.2em;\n}\n\n.popup li a{\n display: block;\n padding: 0.2em;\n}\n\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px;\n}\n\n.tabContents {\n padding: 0.5em;\n}\n\n.tabContents ul, .tabContents ol {\n margin: 0;\n padding: 0;\n}\n\n.txtMainTab .tabContents li {\n list-style: none;\n}\n\n.tabContents li.listLink {\n margin-left: .75em;\n}\n\n#displayArea {\n margin: 1em 17em 0em 14em;\n}\n\n\n.toolbar {\n text-align: right;\n font-size: .9em;\n visibility: hidden;\n}\n\n.selected .toolbar {\n visibility: visible;\n}\n\n.tiddler {\n padding: 1em 1em 0em 1em;\n}\n\n.missing .viewer,.missing .title {\n font-style: italic;\n}\n\n.title {\n font-size: 1.6em;\n font-weight: bold;\n}\n\n.missing .subtitle {\n display: none;\n}\n\n.subtitle {\n font-size: 1.1em;\n}\n\n.tiddler .button {\n padding: 0.2em 0.4em;\n}\n\n.tagging {\nmargin: 0.5em 0.5em 0.5em 0;\nfloat: left;\ndisplay: none;\n}\n\n.isTag .tagging {\ndisplay: block;\n}\n\n.tagged {\nmargin: 0.5em;\nfloat: right;\n}\n\n.tagging, .tagged {\nfont-size: 0.9em;\npadding: 0.25em;\n}\n\n.tagging ul, .tagged ul {\nlist-style: none;margin: 0.25em;\npadding: 0;\n}\n\n.tagClear {\nclear: both;\n}\n\n.footer {\n font-size: .9em;\n}\n\n.footer li {\ndisplay: inline;\n}\n\n* html .viewer pre {\n width: 99%;\n padding: 0 0 1em 0;\n}\n\n.viewer {\n line-height: 1.4em;\n padding-top: 0.5em;\n}\n\n.viewer .button {\n margin: 0em 0.25em;\n padding: 0em 0.25em;\n}\n\n.viewer blockquote {\n line-height: 1.5em;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul, .viewer ol{\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer table {\n border-collapse: collapse;\n margin: 0.8em 1.0em;\n}\n\n.viewer th, .viewer td, .viewer tr,.viewer caption{\n padding: 3px;\n}\n\n.viewer table.listView {\n font-size: 0.85em;\n margin: 0.8em 1.0em;\n}\n\n.viewer table.listView th, .viewer table.listView td, .viewer table.listView tr {\n padding: 0px 3px 0px 3px;\n}\n\n.viewer pre {\n padding: 0.5em;\n margin-left: 0.5em;\n font-size: 1.2em;\n line-height: 1.4em;\n overflow: auto;\n}\n\n.viewer code {\n font-size: 1.2em;\n line-height: 1.4em;\n}\n\n.editor {\nfont-size: 1.1em;\n}\n\n.editor input, .editor textarea {\n display: block;\n width: 100%;\n font: inherit;\n}\n\n.editorFooter {\n padding: 0.25em 0em;\n font-size: .9em;\n}\n\n.editorFooter .button {\npadding-top: 0px; padding-bottom: 0px;}\n\n.fieldsetFix {border: 0;\npadding: 0;\nmargin: 1px 0px 1px 0px;\n}\n\n.sparkline {\n line-height: 1em;\n}\n\n.sparktick {\n outline: 0;\n}\n\n.zoomer {\n font-size: 1.1em;\n position: absolute;\n padding: 1em;\n}\n\n.cascade {\n font-size: 1.1em;\n position: absolute;\n overflow: hidden;\n}\n/*}}}*/

/***\nhttp://tiddlystyles.com/#theme:DevFire\nAuthor: Clint Checketts\n***/\n\n/*{{{*/\nbody {\nbackground: #000;\n}\n/*}}}*/\n/***\n!Link styles /% ============================================================= %/\n***/\n/*{{{*/\n/* next two lines mod by TV to remove underlining of links */\n:link, \n:visited,\na,\na.button,\n#mainMenu a.button,\n#sidebarOptions .sliderPanel a{\n color: #ffbf00;\n border: 0;\n background: transparent;\n text-decoration: none;\n}\n\na:hover,\na.button:hover,\n#mainMenu a.button:hover,\n#sidebarOptions .sliderPanel a:hover\n#sidebarOptions .sliderPanel a:active{\n color: #ff7f00;\n border: 0;\n border-bottom: #ff7f00 1px dashed;\n background: transparent;\n}\n\n#displayArea .button.highlight{\n color: #ffbf00;\n background: #4c4c4c;\n}\n/*}}}*/\n/***\n!Header styles /% ============================================================= %/\n***/\n/*{{{*/\n.header{\n border-bottom: 2px solid #ffbf00;\n color: #fff;\n}\n\n.headerForeground a {\n color: #fff;\n}\n\n.header a:hover {\n border-bottom: 1px dashed #fff;\n}\n/*}}}*/\n/***\n!Main menu styles /% ============================================================= %/\n***/\n/*{{{*/\n#mainMenu {color: #fff;}\n#mainMenu h1{\n font-size: 1.1em;\n}\n#mainMenu li,#mainMenu ul{\n list-style: none;\n margin: 0;\n padding: 0;\n}\n/*}}}*/\n/***\n!Sidebar styles /% ============================================================= %/\n***/\n/*{{{*/\n#sidebar {\n right: 0;\n color: #fff;\n border: 2px solid #ffbf00;\n border-width: 0 0 2px 2px;\n}\n#sidebarOptions {\n background-color: #4c4c4c;\n padding: 0;\n}\n\n#sidebarOptions a{\n margin: 0;\n color: #ffbf00;\n border: 0;\n}\n#sidebarOptions a:hover {\n color: #4c4c4c;\n background-color: #ffbf00;\n\n}\n\n#sidebarOptions a:active {\n color: #ffbf00;\n background-color: transparent;\n}\n\n#sidebarOptions .sliderPanel {\n background-color: #333;\n margin: 0;\n}\n\n#sidebarTabs {background-color: #4c4c4c;}\n#sidebarTabs .tabSelected {\n padding: 3px 3px;\n cursor: default;\n color: #ffbf00;\n background-color: #666;\n}\n#sidebarTabs .tabUnselected {\n color: #ffbf00;\n background-color: #5f5f5f;\n padding: 0 4px;\n}\n\n#sidebarTabs .tabUnselected:hover,\n#sidebarTabs .tabContents {\n background-color: #666;\n}\n\n.listTitle{color: #FFF;}\n#sidebarTabs .tabContents a{\n color: #ffbf00;\n}\n\n#sidebarTabs .tabContents a:hover{\n color: #ff7f00;\n background: transparent;\n}\n\n#sidebarTabs .txtMoreTab .tabSelected,\n#sidebarTabs .txtMoreTab .tab:hover,\n#sidebarTabs .txtMoreTab .tabContents{\n color: #ffbf00;\n background: #4c4c4c;\n}\n\n#sidebarTabs .txtMoreTab .tabUnselected {\n color: #ffbf00;\n background: #5f5f5f;\n}\n\n.tab.tabSelected, .tab.tabSelected:hover{color: #ffbf00; border: 0; background-color: #4c4c4c;cursor:default;}\n.tab.tabUnselected {background-color: #666;}\n.tab.tabUnselected:hover{color:#ffbf00; border: 0;background-color: #4c4c4c;}\n.tabContents {\n background-color: #4c4c4c;\n border: 0;\n}\n.tabContents .tabContents{background: #666;}\n.tabContents .tabSelected{background: #666;}\n.tabContents .tabUnselected{background: #5f5f5f;}\n.tabContents .tab:hover{background: #666;}\n/*}}}*/\n/***\n!Message area styles /% ============================================================= %/\n***/\n/*{{{*/\n#messageArea {background-color: #666; color: #fff; border: 2px solid #ffbf00;}\n#messageArea a:link, #messageArea a:visited {color: #ffbf00; text-decoration:none;}\n#messageArea a:hover {color: #ff7f00;}\n#messageArea a:active {color: #ff7f00;}\n#messageArea .messageToolbar a{\n border: 1px solid #ffbf00;\n background: #4c4c4c;\n}\n/*}}}*/\n/***\n!Popup styles /% ============================================================= %/\n***/\n/*{{{*/\n.popup {color: #fff; background-color: #4c4c4c; border: 1px solid #ffbf00;}\n.popup li.disabled{color: #fff;}\n.popup a {color: #ffbf00; }\n.popup a:hover { background: transparent; color: #ff7f00; border: 0;}\n.popup hr {color: #ffbf00; background: #ffbf00;}\n/*}}}*/\n/***\n!Tiddler Display styles /% ============================================================= %/\n***/\n/*{{{*/\n.title{color: #fff;}\nh1, h2, h3, h4, h5 {\n color: #fff;\n background-color: transparent;\n border-bottom: 0px solid #333;\n}\n\n.subtitle{\n color: #666;\n}\n\n.viewer {color: #fff; }\n\n.viewer table{background: #666; color: #fff;}\n\n.viewer th {background-color: #996; color: #fff;}\n\n.viewer pre, .viewer code {color: #ddd; background-color: #4c4c4c; border: 1px solid #ffbf00;}\n\n.viewer hr {color: #666;}\n\n.tiddler .button {color: #4c4c4c;}\n.tiddler .button:hover { color: #ffbf00; background-color: #4c4c4c;}\n.tiddler .button:active {color: #ffbf00; background-color: #4c4c4c;}\n\n.toolbar {\n color: #4c4c4c;\n}\n\n.toolbar a.button,\n.toolbar a.button:hover,\n.toolbar a.button:active,\n.editorFooter a{\n border: 0;\n}\n\n.footer {\n color: #ddd;\n}\n\n.selected .footer {\n color: #888;\n}\n\n.highlight, .marked {\n color: #000;\n background-color: #ffe72f;\n}\n.editorFooter {\n color: #aaa;\n}\n\n.tab{\n-moz-border-radius-topleft: 3px;\n-moz-border-radius-topright: 3px;\n}\n\n.tagging,\n.tagged{\n background: #4c4c4c;\n border: 1px solid #4c4c4c; \n}\n\n.selected .tagging,\n.selected .tagged{\n background-color: #333;\n border: 1px solid #ffbf00;\n}\n\n.tagging .listTitle,\n.tagged .listTitle{\n color: #fff;\n}\n\n.tagging .button,\n.tagged .button{\n color: #ffbf00;\n border: 0;\n padding: 0;\n}\n\n.tagging .button:hover,\n.tagged .button:hover{\nbackground: transparent;\n}\n\n.selected .isTag .tagging.simple,\n.selected .tagged.simple,\n.isTag .tagging.simple,\n.tagged.simple {\n float: none;\n display: inline;\n border: 0;\n background: transparent;\n color: #fff;\n margin: 0;\n}\n\n.cascade {\n background: #4c4c4c;\n color: #ddd;\n border: 1px solid #ffbf00;\n}\n/*}}}*/

<<timeline>>

\n''TiddlyWiki uses Wiki style markup, a way of lightly "tagging" plain text so it can be transformed into HTML. To see the codes that create the following format samples, go into edit mode (by double-clicking within the tiddler or pressing the "edit" button in the hidden menu above). You might want to print out those codes to keep handy as you develop your portfolio. As you can see, you have a lot of control over your text's look and feel.''\n\n! Header Samples\n!Header 1\n!!Header 2\n!!!Header 3\n!!!!Header 4\n!!!!!Header 5\n\n! Text Formatting\n''Bold'' (note that the code is two apostrophes and ''not'' the quote mark)\n==Strike==\n__Underline__\n//Italic//\n\n! Word lists with words and their definitions\n;This is the word\n:This is its indented definition\n\n;This is the next entry in the word list \n:This is its indented definitionThis is its indented definitionThis is its indented definitionThis is its indented definitionThis is its indented definitionThis is its indented definitionThis is its indented definitionThis is its indented definitionThis is its indented definitionThis is its indented definitionThis is its indented definition\n\n! Unordered Lists:\n* Lists are where its at\n* Just use an asterisk and you're set\n** To nest lists just add more asterisks...\n***...like this\n* You can also nest mixed list types\n## Like this\n\n! Ordered Lists\n# Ordered lists are pretty neat too\n## To nest, just add more octothorpes (pound signs)...\n### Like this\n* You can also\n** Mix list types\n*** like this\n# Pretty neat don't you think?\n\n! Tiddler links\nTo create a Tiddler link, just use a WikiWord or simply suround the link with double square [[brackets]]. It is quicker to make a WikiWord, but some find them ugly. The double square bracket method makes for a more normal look.\n\nNote that existing Tiddlers are in bold and empty Tiddlers are in italics. See Creating Tiddlers for details.\n\n! External Links\nYou can link to [[external sites|http://google.com]] with brackets. You can also Link To Folders on your machine or network shares.\n\n! Images\n[img[http://farm1.static.flickr.com/161/347371396_15f9f558ff.jpg]]\n\n\nTo do this, visit [[ImageShack|http://www.imageshack.us/]]. Select "Browse" to find an image on your computer that you want to upload. Select an image, press "OK/Open," and then press the "Host it!" button. After a short while (depending on your internet connection and image size), your image will upload and you will see a number of boxes with linking code for your uploaded image. Chose the Direct Link linking code. \n\nNote: You could use other photo hosting services, like Flickr, if you prefer. ImageShack is easy, but Flickr has a lot of power.\n\nEdit this tiddler to see how to formate the linking code.\n!Tables\n|!th1111111111|!th2222222222|\n|>| colspan |\n| rowspan |left|\n|~| right|\n|bgcolor(#DC1A1A):colored| center |\n|caption|c\n\n\n! Horizontal Rules\nYou can divide a tiddler into\n----\nsections by typing four dashes on a line by themselves.\n\n! Blockquotes\n<<<\nThis is how you do an extended, wrapped blockquote so you don't have to put angle quotes on every line.\n<<<\n>level 1\n>level 1\n>>level 2\n>>level 2\n>>>level 3\n>>>level 3\n>>level 2\n>level 1\n\n\nSuperscript: 2^^3^^=8\nSubscript: a~~ij~~ = -a~~ji~~\n@@highlight@@ Highlighting is working now it seems.\n@@color(green):green colored@@\n@@bgcolor(#ff0000):color(#ffffff):red colored@@ Hexadecimal numbers are often used for colors in computer codes.\n\nSource: [[Tid-Help - a primer for tiddlywiki|http://tidhelp.tiddlyspot.com/]]

<<toggleSideBar Sidebar "Hide sidebar" show>>\n<<newTiddler>>\n<<search>>\n<<closeAll>>\n<<permaview>>\n[[MainMenu]]\n[[TabAll]]\n[[TabTimeline]]\n[[TabMoreShadowed]]\n[[SideBarOptionsOld]]\n[[SideBarOptions]]\nSideBarTabsOld\n\n[[AdvancedOptions]]\n[[PluginManager]]\n[[ImportTiddlers]]\n\nThese InterfaceOptions for customising TiddlyWiki are saved in your browser\n\nYour username for signing your edits. Write it as a WikiWord (eg JoeBloggs)\n\n<<option txtUserName>>\n<<option chkSaveBackups>> SaveBackups\n<<option chkAutoSave>> AutoSave\n<<option chkRegExpSearch>> RegExpSearch\n<<option chkCaseSensitiveSearch>> CaseSensitiveSearch\n<<option chkAnimate>> EnableAnimations\n

\n<div class='toolbar' macro='toolbar closeTiddler closeOthers +editTiddler permalink references jump'></div>\n<div class='title' macro='view title'></div>\n<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date [[DD MMM YYYY]]'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date [[DD MMM YYYY]]'></span>)</div>\n<div class='tagging' macro='tagging'></div>\n<div class='tagged' macro='tags'></div>\n<div class='viewer' macro='view text wikified'></div>\n<div class='tagClear'></div>\n

[img[http://images-1.redbubble.net/img/art/size:large/view:main/2504211-3-adrift.jpg]]\n\nI appreciate your taking the time to look over some of my artwork.\n\nVarious galleries and a slideshow of some of my favorites are available on the right, along with some information on my background and options for ordering prints. Many of my images (including greeting cards, matted prints and framed prints) are now available for viewing or purchase at the [[redbubble|http://tlvee.redbubble.com/works]] artist community. \n\nIt is said that art exists only in the response of the viewer -- I hope these images exist for you!\n\nRecent Images:\n\n<html><embed src="http://www.redbubble.com/swf/slideshow.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="150" flashvars="file=http://www.redbubble.com/people/tlvee/works/visual.atom&height=150&width=150&transition=fade&linktarget=_current" /></html>\n

\nA TiddlyWiki FAQ - http://twfaq.tiddlyspot.com/\n\nA TiddlyDoc documentation site: http://doc.tiddlywiki.org/\n\nA Tiddly Guides wikipedia type document: http://tiddlywikiguides.org/index.php?title=TiddlyWiki_Guides\n\nThe Google Group devoted to TiddlyWiki: http://groups-beta.google.com/group/TiddlyWiki\n\nThis is the best tutorial for those who know a bit more: http://tiddlyspot.com/twhelp/\n\nTo learn some CSS code, here's a link: http://www.htmldog.com/reference/cssproperties/\n\n

!!!<<gradient horiz #fc3 #ffffff>>[[HowToUseLinks]]>>\n''There are a mulitude of ways to link in ~TiddlyWiki and most are listed here.''\n!!!<<gradient horiz #aaaaaa #bbbbbb #cccccc #eeeeee #ffffff>> Example>>\n|<<tiddler ./demoLink>> |\n<part demoLink hidden>\n[[Link to file|file:///D:/Digital Photos/100_0008.JPG]] @@color:#C06;''» »'' @@ ''Link to a file on local disk''\n\n{{{like this: [[Link to file|file:///D:/Digital Photos/100_0008.JPG]]}}}\n</part>\n\n<part uselinks>\n!!!<<gradient horiz #aaaaaa #bbbbbb #cccccc #eeeeee #ffffff>> Preview>>\n*How to use links\n1: TiddlyWiki @@color:#C06;''» »'' @@ ''Link to tiddlers with ~WikiWord titles''\n<<<\n{{{like this: TiddlyWiki - just use tiddler title}}}\n<<<\n----\n2: [[Tiddly Wiki]] @@color:#C06;''» »'' @@ ''Link to tiddlers with nonWikiWord titles (with spaces)''\n<<<\n{{{like this: [[Tiddly Wiki]] using double square brackets.}}}\n<<<\n----\n3: [[ordinary words|TiddlyWiki]] @@color:#C06;''» »'' @@ ''Link to tiddlers with ordinary words''\n<<<\n{{{like this: [[ordinary words|TiddlyWiki]]}}}\n{{{like this: [[ordinary words|Tiddly Wiki]]}}}\n<<<\n</part>\n----\n4: [[external site|http://www.osmosoft.com]] @@color:#C06;''» »'' @@ ''Link to external sites with ordinary words''\n<<<\n{{{like this: [[external site|http://www.osmosoft.com]]}}}\n<<<\n----\n5: <html><a href="http://www.osmosoft.com" target="_blank">External link using HTML</a></html> @@color:#C06;''» »'' @@ ''Link to external sites using ordinary words in HTML''\n<<<\n{{{like this: <html><a href="http://www.osmosoft.com" target="_blank">External link using HTML</a></html>}}}\n<<<\n----\n6: http://www.osmosoft.com @@color:#C06;''» »'' @@ ''Link to external sites using URL''\n<<<\n{{{like this: http://www.osmosoft.com}}}\n<<<\n----\n7: [[Link to file|file:///D:/Digital Photos/100_0008.JPG]] @@color:#C06;''» »'' @@ ''Link to a file on local disk''\n<<<\n{{{like this: [[Link to file|file:///D:/Digital Photos/100_0008.JPG]]}}}\n<<<\n7a:[[Link to relative file|file:../TiddlySpot/TiddlyWiki2.1/tiddlywikihelp.html]] @@color:#C06;''» »'' @@ ''Link to a relative file on local disk''\n{{{\nlike this:\n[[Link to relative file|file:../TiddlySpot/TiddlyWiki2.1/tiddlywikihelp.html]]\n}}}\n''Note:'' This link backs out of a folder on local disk called ''~TiddlySpot'' to the main directory then back into ''~TiddlySpot'' folder then to a subfolder called ''~TiddlyWiki2.1'' and then to a file called ''tiddlywikihelp.html''\n<<<\n<<<\n----\n8: [[Link to folder|file:///D:/Digital Photos/]] @@color:#C06;''» »'' @@ ''Link to a folder on local disk''\n<<<\n{{{like this: [[Link to folder|file:///D:/Digital Photos/]]}}}\n<<<\n----\n<part images>\n9: ''Link to external images'' @@color:#C06;''» »'' @@\n[img[Castle on the Danube|http://img480.imageshack.us/img480/6435/CastleOnDanube.jpg][http://img480.imageshack.us/img480/6435/CastleOnDanube.jpg]]\n<<<\n{{{\n[img[http://ecetera.com/image.jpg]]\n\nor with tool tip and link\n\n[img[tooltip|http://ecetera.com/image.jpg][http://another-link.com]]\n}}}\nlike this:\n{{{[img[Castle|img[http://img480.imageshack.us/img480/6435/CastleOnDanube.jpg]]}}}\n\nfloat right like this:\n{{{ [>img[Castle|http://img480.imageshack.us/img480/6435/CastleOnDanube.jpg]]}}}\n\nfloat left like this:\n{{{ [<img[Castle|http://img480.imageshack.us/img480/6435/CastleOnDanube.jpg]]}}}\n<<<\n----\n10: ''Using external image as a link in HTML'' @@color:#C06;''» »'' @@\n<html><a href="http://img480.imageshack.us/img480/7466/RainbowOverDanube.jpg" target="_blank"><img src="http://img480.imageshack.us/img480/7203/ParliamentHouseBudapest.jpg" width="240" height="160" alt="Castle on the Danube" /></a></html>\nParliament House Budapest\n(click to to see rainbow over the Danube)\n<<<\n{{{like this: <html><a href="http://img480.imageshack.us/img480/7466/RainbowOverDanube.jpg" target="_blank"><img src="http://img480.imageshack.us/img480/7203/ParliamentHouseBudapest.jpg" width="240" height="160" alt="Castle on the Danube" /></a></html>}}}\n<<<\n----\n</part>\n\n\n\n\n\n\nSource: [[TwHelp - TiddlyWiki help file for beginners |http://tiddlyspot.com/twhelp/#TWHelp-SearchResults]]

config.macros.toggleSideBar={};\n\nconfig.macros.toggleSideBar.settings={\n styleHide : "#sidebar { display: none;}\sn"+"#contentWrapper #displayArea { margin-right: 1em;}\sn"+"",\n styleShow : " ",\n arrow1: "p",\n arrow2: "o"\n};\n\nconfig.macros.toggleSideBar.handler=function (place,macroName,params,wikifier,paramString,tiddler)\n{\n var tooltip= params[1]||'toggle sidebar';\n var mode = (params[2] && params[2]=="hide")? "hide":"show";\n var arrow = (mode == "hide")? this.settings.arrow1:this.settings.arrow2;\n var label= (params[0]&&params[0]!='.')?params[0]+" "+arrow:arrow;\n var theBtn = createTiddlyButton(place,label,tooltip,this.onToggleSideBar,"button HideSideBarButton");\n if (mode == "hide")\n { \n (document.getElementById("sidebar")).setAttribute("toggle","hide");\n setStylesheet(this.settings.styleHide,"ToggleSideBarStyles");\n }\n};\n\nconfig.macros.toggleSideBar.onToggleSideBar = function(){\n var sidebar = document.getElementById("sidebar");\n var settings = config.macros.toggleSideBar.settings;\n if (sidebar.getAttribute("toggle")=='hide')\n {\n setStylesheet(settings.styleShow,"ToggleSideBarStyles");\n sidebar.setAttribute("toggle","show");\n this.firstChild.data= (this.firstChild.data).replace(settings.arrow1,settings.arrow2);\n }\n else\n { \n setStylesheet(settings.styleHide,"ToggleSideBarStyles");\n sidebar.setAttribute("toggle","hide");\n this.firstChild.data= (this.firstChild.data).replace(settings.arrow2,settings.arrow1);\n }\n\n return false;\n}\n\nsetStylesheet(".HideSideBarButton .button {font-weight:bold; padding: 0 5px;}\sn","ToggleSideBarButtonStyles");

config.macros.toggleSideBar={};\n\nconfig.macros.toggleSideBar.settings={\n styleHide : "#sidebar { display: none;}\sn"+"#contentWrapper #displayArea { margin-right: 1em;}\sn"+"",\n styleShow : " ",\n arrow1: ">",\n arrow2: "<"\n};\n\nconfig.macros.toggleSideBar.handler=function (place,macroName,params,wikifier,paramString,tiddler)\n{\n var tooltip= params[1]||'toggle sidebar';\n var mode = (params[2] && params[2]=="hide")? "hide":"show";\n var arrow = (mode == "hide")? this.settings.arrow1:this.settings.arrow2;\n var label= (params[0]&&params[0]!='.')?params[0]+" "+arrow:arrow;\n var theBtn = createTiddlyButton(place,label,tooltip,this.onToggleSideBar,"button HideSideBarButton");\n if (mode == "hide")\n { \n (document.getElementById("sidebar")).setAttribute("toggle","hide");\n setStylesheet(this.settings.styleHide,"ToggleSideBarStyles");\n }\n};\n\nconfig.macros.toggleSideBar.onToggleSideBar = function(){\n var sidebar = document.getElementById("sidebar");\n var settings = config.macros.toggleSideBar.settings;\n if (sidebar.getAttribute("toggle")=='hide')\n {\n setStylesheet(settings.styleShow,"ToggleSideBarStyles");\n sidebar.setAttribute("toggle","show");\n this.firstChild.data= (this.firstChild.data).replace(settings.arrow1,settings.arrow2);\n }\n else\n { \n setStylesheet(settings.styleHide,"ToggleSideBarStyles");\n sidebar.setAttribute("toggle","hide");\n this.firstChild.data= (this.firstChild.data).replace(settings.arrow2,settings.arrow1);\n }\n\n return false;\n}\n\nsetStylesheet(".HideSideBarButton .button {font-weight:bold; padding: 0 5px;}\sn","ToggleSideBarButtonStyles");