<!--{{{-->
<link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml' />
<!--}}}-->
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
/*{{{*/
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]];}

.sparkline {background:[[ColorPalette::PrimaryPale]]; border:0;}
.sparktick {background:[[ColorPalette::PrimaryDark]];}

.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]];}

#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 0em 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:0px; top:0px;}

.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:0em 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 .3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}

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

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

.tiddlerPopupButton {padding:0.2em 0.2em 0.2em 0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em 1em 1em 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 0em;}
.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 0em 0em 0.5em;}
.tab {margin:0em 0em 0em 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 0em 14em;}

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

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

.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:0em 0.25em; padding:0em 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:0px 3px 0px 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 0em; font-size:.9em;}
.editorFooter .button {padding-top:0px; padding-bottom:0px;}

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

.sparkline {line-height:1em;}
.sparktick {outline:0;}

.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 0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0em; right:0em;}
#backstageButton a {padding:0.1em 0.4em 0.1em 0.4em; margin:0.1em 0.1em 0.1em 0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; width:90%; margin:0em 3em 0em 3em; padding:1em 1em 1em 1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em 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 1em;}
/* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
noscript {display:none;}
}
/*}}}*/
<!--{{{-->
<div class='header' 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' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
<!--}}}-->
<!--{{{-->
<div class='toolbar' 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>
<!--}}}-->
<!--{{{-->
<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>>
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
<<importTiddlers>>
Mathematics lecturer.
Graduated [[Phi Beta Kappa|http://en.wikipedia.org/wiki/Phi_Beta_Kappa_Society]]
/***
|''Name:''|BackstageTiddlersPlugin|
|''Description:''|Adds a backstage panel allowing easy access to all tiddlers|
|''Author:''|JeremyRuston|
|''Source:''|http://www.osmosoft.com/#BackstageTiddlersPlugin |
|''CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/JeremyRuston/plugins/BackstageTiddlersPlugin.js |
|''Version:''|0.0.1|
|''Date:''|Feb 28, 2008|
|''Comments:''|Please make comments at http://groups.google.co.uk/group/TiddlyWikiDev |
|''License:''|[[BSD License|http://www.opensource.org/licenses/bsd-license.php]] |
|''~CoreVersion:''|2.3|

***/

//{{{
if(!version.extensions.BackstageTiddlersPlugin) {

version.extensions.BackstageTiddlersPlugin = {installed:true};

config.tasks.tiddlers = {
	text: "tiddlers",
	tooltip: "Access the raw tiddlers",
	content: "<<tabs txtMainTab 'Timeline' 'Timeline' TabTimeline 'All' 'All tiddlers' TabAll 'Tags' 'All tags' TabTags 'More' 'More lists' TabMore>>"};
config.backstageTasks.push("tiddlers");

} //# end of 'install only once'
//}}}
Warning!! This is an Alpha-quality, incomplete version of ~TiddlyResume
{{{

BodyBackground: #111

HeaderBackground: #111
SiteTitle: #FFF

MenuText: #888
MenuBorder: #333
MenuTextHover: #FFF
MenuBackground: #000

PaperBackground: #FFF
PaperBorder: #222
PaperShadow: #EEE
PaperColor: #000

EditorBackground: #888
EditorBorder: #222

MessageBoxBorder: #222
MessageBoxBackground: #222
MessageBoxForeground: #FFF
MessageBoxClose: #FFF

TextColor: #000

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

}}}
|''profileViewTemplate''|##profileViewTemplate|
|''StyleSheet''|##StyleSheet|

!profileViewTemplate
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::ProfileViewToolbar]]'></div>
<div class="address profile vcard">
	<span class='adr'>
		<span class="street-address" macro="view street_address"></span>
		<span class="locality" macro="view locality"></span> |
		<span class="region" macro="view region"></span>,
		<span class="postal-code" macro="view postal_code"></span>
	</span>
	<br/>
        <span class="tel" macro="view phone"></span>
	| <span class='web' macro="LinkMaker type:text display:url linkto:url classname:url"></span>
        Email: <span class="email" macro="view email"></span>
	<h1 class="fn n" id="name">
		<span class="honorific-prefix" macro="view honorific_prefix"></span>
		<span class="given-name" macro="view given_name"></span>
		<span class="additional-name" macro="view additional_name"></span>
		<span class="family-name" macro="view family_name"></span>
		<span class="honorific-suffix" macro="view honorific_suffix"></span>
	</h1>
</div>
<!--}}}-->


!StyleSheet
[[StyleSheet]]
/*{{{*/

/* hResume-based stylesheet == Created by Brad Czerniak. Released into the public domain on 1/10/2008 */
/* http://brad.hawidu.com */

/* Main elements and wrappers */
#displayArea {
	background-color:#bbb;
	font-family:Calibri, Tahoma, Arial, sans-serif;
	font-size:100%;
	font-style:normal;
	font-weight:400;
	font-size:12pt;
	}	

.hresume {
	padding: 4em;
}

/* Headings */
h1{
	font-size: 22pt;
	letter-spacing: 4pt;
	font-weight:normal;
	margin:0;
	text-transform:uppercase;
	color:#f78418;
	}
h2{
	border-bottom:1px solid #999;
	font-size:10pt;
	font-weight:normal;
	text-transform:lowercase;
	margin-bottom:7px;
	}
h3{
	margin:0 0 2px 0;
	font-size:13pt;
	}
h4{
	margin:0;
	}

/* Hyperlinks */
a {
	text-decoration: none;
	color:  #004276;
	}
a:visited {
	color:  #004276;
	border-bottom:1px dashed #ccc;
	}
a:active {
	color:  #f78418;
	}
a:hover {
	color: #f78418;
	border-bottom:1px solid #ccc;
	}
h1 a{
	color:#f78418;
	border-bottom:0;
}
h1 a:visited{
	color:#f78418;
	border-bottom:0;
}
h1 a:hover{
	color:#004276;
	border-bottom:0;
}

/* Elementals */
abbr{
	border-bottom:0;
	}
ul{
	margin:1px 0 3px 0;
	}
	
/* class-specific styles */
.address{
	font-style:normal;
	font-size: 7.5pt;
	letter-spacing: 1pt;
	text-transform:uppercase;
	}
.coursework{
	margin-left:20px;
	padding-left:5px;
	border-left:2px solid #444;
	}
.datum{
	float:right;
	color:#bbb;
}
.email{
	font-weight:bold;
	text-transform:none;
	}
.experience .org{
	font-weight:bold;
	}
.experience .title{
	font-weight:bold;
	font-style:italic;
	}
#qualifications{
	margin-left:60px;
	}
.quals{
	margin-left:30px;
	}
.quals a{
	color:#000;
	}
.vcalendar{
	margin-left:60px;
	}
.vcalendar .url{
	font-weight:bold;
}
/*}}}*/
|''StyleSheet''|##StyleSheet|

!StyleSheet
[[StyleSheet]]
/*{{{*/

.hresume {
	padding: 2em;
}

/*}}}*/
[[Profile]]
[[ExperienceSection]]
[tag[experience]] [sort[+dtstart]]
[[EducationSection]]
[tag[education]] [sort[-dtend]]


/***
|''Name:''|FadingMessagesPlugin|
|''Description:''|Automatically clear a displayed message after an interval |
|''Author:''|PaulDowney (psd (at) osmosoft (dot) com) |
|''Source:''|http://whatfettle.com/2008/07/FadingMessagesPlugin/ |
|''CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/PaulDowney/plugins/FadingMessagesPlugin/ |
|''Version:''|0.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|
|''Overrides:''|displayMessage|
|''Requires:''|WikifiedMessagesPlugin|
!!Documentation
Displayed messages automatically fade away after a short interval. 
!!Options
|<<option txtFadingMessagesTimeout>>|<<message config.optionsDesc.txtFadingMessagesTimeout>>|
|<<option chkAnimate>>|<<message config.optionsDesc.chkAnimate>>|
!!Code
***/
//{{{
if(!version.extensions.FadingMessagesPlugin) {
version.extensions.FadingMessagesPlugin = {installed:true};

	config.options.txtFadingMessagesTimeout = 5;
	config.optionsDesc.txtFadingMessagesTimeout = "seconds before a displayed message clears itself";

	config.animDurationFade = 900;

	config.extensions.FadingMessages = {
		Fader: function(e,done)
		{
			e.style.overflow = 'hidden';
			e.style.display = 'block';
			var p = [];
			p.push({style: 'display', atEnd: 'none'});
			p.push({style: 'opacity', start: 1, end: 0, template: '%0'});
			p.push({style: 'filter', start: 100, end: 0, template: 'alpha(opacity:%0)'});
			return new Morpher(e,config.animDurationFade,p,done);
		},  
		clearMessageBox: function(e)
		{
			try { removeNode(e); } catch(ex) {}
			var msgArea = document.getElementById("messageArea");
			var n = msgArea.getElementsByTagName('div');
			if(!(n&&n.length)){
				msgArea.style.display = "none";
			}
		},
		fadeMessageBox: function(e)
		{
			var me = config.extensions.FadingMessages;
			if(config.options.chkAnimate && anim){
				anim.startAnimating(new me.Fader(e,me.clearMessageBox));
			}else{
				me.clearMessageBox(e);
			}
		},
		createClearAllButton: function(e)
		{
			return null;
		},
		createClearMessageButton: function(e)
		{
			var me = config.extensions.FadingMessages;
			return createTiddlyButton(createTiddlyElement(e,"span",null,"messageClear"),
				"×","",
				function(){me.clearMessageBox(e);});
		},
		_displayMessage: displayMessage,
		displayMessage: function(text,linkText)
		{
			var me = config.extensions.FadingMessages;
			var e = me._displayMessage(text,linkText);
			if(e){
				window.setTimeout(function(){me.fadeMessageBox(e);},config.options.txtFadingMessagesTimeout*1000);
			}
			return e;
		}
	};

	displayMessage = config.extensions.FadingMessages.displayMessage;
	config.extensions.WikifiedMessages.createClearMessageButton = config.extensions.FadingMessages.createClearMessageButton;
	config.extensions.WikifiedMessages.createClearAllButton = config.extensions.FadingMessages.createClearAllButton;
}
//}}}
/***
|''Name:''|FixedDisplayPlugin|
|''Description:''|Use the DefaultTiddlers to assert a fixed page. |
|''Author:''|PaulDowney (psd (at) osmosoft (dot) com) |
|''Source:''|http://whatfettle.com/2008/07/FixedDisplayPlugin/ |
|''CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/PaulDowney/plugins/FixedDisplayPlugin/ |
|''Version:''|0.1|
|''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.saveTiddler() |
!!Documentation
A marvelously naive method of implementing a fixed page display, the DefaultTiddlers are reasserted whenever a tiddler is changed.
Tiddlers may still be added to a story during reading, but that behavior may be controlled by other plugins. 
Importantly, this destroys the very "unordered" nature of TiddlyWiki.
!!Code
***/
//{{{
if(!version.extensions.FixedDisplayPlugin) {
version.extensions.FixedDisplayPlugin = {installed:true};

Story.prototype._fixedDisplay_saveTiddler = Story.prototype.saveTiddler;
Story.prototype.saveTiddler = function(title,minorUpdate)
{
	this._fixedDisplay_saveTiddler(title,minorUpdate);
        this.forEachTiddler(function(title,element) {
                if(element.getAttribute("dirty") != "true")
                        this.closeTiddler(title);
        });
	this.displayDefaultTiddlers();
};

}
//}}}
/***
|''Name:''|FormatUTCStringPlugin|
|''Description:''|UTC version of core formatString|
|''Author:''|PaulDowney (psd (at) osmosoft (dot) com)|
|''CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/PaulDowney/plugins/FormatUTCStringPlugin.js |
|''Version:''|0.1|
|''License:''|[[BSD open source license]]|
|''Comments:''|Please make comments at http://groups.google.co.uk/group/TiddlyWikiDev |
|''~CoreVersion:''|2.2|

***/

//{{{

// Substitute UTC date components into a string
// might be neater to parse the timezone from the formatString, e.g. "0hh:0mm UTC"
Date.prototype.formatUTCString = function(template)
{
        var t = template.replace(/0hh12/g,String.zeroPad(this.getUTCHours12(),2));
        t = t.replace(/hh12/g,this.getUTCHours12());
        t = t.replace(/0hh/g,String.zeroPad(this.getUTCHours(),2));
        t = t.replace(/hh/g,this.getUTCHours());
        t = t.replace(/mmm/g,config.messages.dates.shortMonths[this.getUTCMonth()]);
        t = t.replace(/0mm/g,String.zeroPad(this.getUTCMinutes(),2));
        t = t.replace(/mm/g,this.getUTCMinutes());
        t = t.replace(/0ss/g,String.zeroPad(this.getUTCSeconds(),2));
        t = t.replace(/ss/g,this.getUTCSeconds());
        t = t.replace(/[ap]m/g,this.getUTCAmPm().toLowerCase());
        t = t.replace(/[AP]M/g,this.getUTCAmPm().toUpperCase());
        t = t.replace(/wYYYY/g,this.getUTCYearForWeekNo());
        t = t.replace(/wYY/g,String.zeroPad(this.getUTCYearForWeekNo()-2000,2));
        t = t.replace(/YYYY/g,this.getUTCFullYear());
        t = t.replace(/YY/g,String.zeroPad(this.getUTCFullYear()-2000,2));
        t = t.replace(/MMM/g,config.messages.dates.months[this.getUTCMonth()]);
        t = t.replace(/0MM/g,String.zeroPad(this.getUTCMonth()+1,2));
        t = t.replace(/MM/g,this.getUTCMonth()+1);
        t = t.replace(/0WW/g,String.zeroPad(this.getUTCWeek(),2));
        t = t.replace(/WW/g,this.getUTCWeek());
        t = t.replace(/DDD/g,config.messages.dates.days[this.getUTCDay()]);
        t = t.replace(/ddd/g,config.messages.dates.shortDays[this.getUTCDay()]);
        t = t.replace(/0DD/g,String.zeroPad(this.getUTCDate(),2));
        t = t.replace(/DDth/g,this.getUTCDate()+this.dayUTCSuffix());
        t = t.replace(/DD/g,this.getUTCDate());
        var tz = this.getTimezoneOffset();
        var atz = Math.abs(tz);
        t = t.replace(/TZD/g,(tz < 0 ? '+' : '-') + String.zeroPad(Math.floor(atz / 60),2) + ':' + String.zeroPad(atz % 60,2));
        t = t.replace(/\\/g,"");
        return t;
};

Date.prototype.getUTCWeek = function()
{
        var dt = new Date(this.getTime());
        var d = dt.getDay();
        if(d==0) d=7;// JavaScript Sun=0, ISO Sun=7
        dt.setTime(dt.getTime()+(4-d)*86400000);// shift day to Thurs of same week to calculate weekNo
        var n = Math.floor((dt.getTime()-new Date(dt.getFullYear(),0,1)+3600000)/86400000);
        return Math.floor(n/7)+1;
};

Date.prototype.getUTCYearForWeekNo = function()
{
        var dt = new Date(this.getTime());
        var d = dt.getUTCDay();
        if(d==0) d=7;// JavaScript Sun=0, ISO Sun=7
        dt.setTime(dt.getTime()+(4-d)*86400000);// shift day to Thurs of same week
        return dt.getUTCFullYear();
};

Date.prototype.getUTCHours12 = function()
{
        var h = this.getUTCHours();
        return h > 12 ? h-12 : ( h > 0 ? h : 12 );
};

Date.prototype.getUTCAmPm = function()
{
        return this.getUTCHours() >= 12 ? config.messages.dates.pm : config.messages.dates.am;
};

Date.prototype.dayUTCSuffix = function()
{
        return config.messages.dates.daySuffixes[this.getUTCDate()-1];
};

//}}}

/***
|''Name:''|LinkMakerPlugin|
|''Description:''|Create a link from a Template, accessing a tiddlers properties|
|''Author:''|PhilHawksworth|
|''CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/PhilHawksworth/plugins/LinkMakerPlugin.js |
|''Version:''|0.1|
|''Date:''|Feb 29, 2008|
|''Comments:''|Please make comments at http://groups.google.co.uk/group/TiddlyWikiDev |
|''License:''|[[Creative Commons Attribution-ShareAlike 2.5 License|http://creativecommons.org/licenses/by-sa/2.5/]] |
|''~CoreVersion:''|2.3|

Usage:

<<LinkMaker type:'text|image|img' display:'tiddler field|image path' linkto:'href|TiddlerTitle' [classname:'classname'] [tooltip:'tooltip'] [rel:'relvalue']>>

***/

//{{{
if(!version.extensions.LinkMakerPlugin) {
version.extensions.LinkMakerPlugin = {installed:true};
	
	config.macros.LinkMaker = {};
	config.macros.LinkMaker.handler = function(place,macroName,params,wikifier,paramString,tiddler) {
		
		params = paramString.parseParams("anon",null,true,false,false);
		var linktype = getParam(params,"type",'text');
		var display =  store.getValue(tiddler,getParam(params,"display",""));
		var classname = getParam(params,'classname',null);
		var dateformat = getParam(params,'dateformat',null);
		var rel = getParam(params,'rel',null);
		var linkto = getParam(params,"linkto",null);
		linkto = linkto ? store.getValue(tiddler, linkto) : null;
		var tip = getParam(params,'tooltip',null);
		var tooltip = tip ? store.getValue(tiddler, tip) : null;

		if(dateformat) {
			var handler = config.macros.view.views['date'];
			var fakeParams = [null,null,dateformat];
		}

		function createAnchor() {
			var a = createTiddlyElement(place,'a',null,null);
			a.setAttribute('href',linkto);
			a.setAttribute('target',"_blank");
			if(classname){
				a.setAttribute('class',classname);
			}
			if(tooltip){
				a.setAttribute('title',tooltip);				
			}
			if(rel){
				a.setAttribute('rel',rel);				
			}
			return a;
		}
		
		if(linktype == 'image' || linktype == 'img') {
			var a = place;
			if(linkto) {
				a = createAnchor();
			}
			var i = createTiddlyElement(a,'img');
			i.setAttribute('src',display);
			if(classname){
				i.setAttribute('class',classname);
			}
		}
		
		else if (linkto && config.formatterHelpers.isExternalLink(linkto)) {
			var a = createAnchor();
			if (handler)
				handler(display,a,fakeParams);
			else 
				createTiddlyText(a,display);
		}
		else if (linkto) {			
			var e = createTiddlyLink(place,linkto,false,classname);
			if (handler)
				handler(display,e,fakeParams);
			else 
				createTiddlyText(e,display);
		}
		else {
			createTiddlyText(place,display);
		}
	};

} //# end of 'install only once'
//}}}

<<saveChanges>><<selectTheme>><<slider chkSliderOptionsPanel OptionsPanel 'options»' 'Change TiddlyResume options'>><<slider chkSliderTiddlyResumePanel TiddlyResume 'help»' 'TiddlyResume help'>>
/***
|''Name:''|MicroformatPlugin|
|''Description:''|Assist constructing Microformats in a TiddlyWiki|
|''Author:''|PaulDowney (psd (at) osmosoft (dot) com)|
|''CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/PaulDowney/plugins/MicroformatPlugin.js |
|''Version:''|0.2|
|''License:''|[[BSD open source license]]|
|''Comments:''|Please make comments at http://groups.google.co.uk/group/TiddlyWikiDev |
|''~CoreVersion:''|2.2|

Create hCalendar abbr:
&lt;&lt;dtstart [storeName|'YYYYMMDDHHMM'] [dateFormatString]&gt;&gt;
&lt;&lt;dtend [storeName|'YYYYMMDDHHMM'] [dateFormatSting]&gt;&gt;

Options:
|<<option txtDisplayTimeFormat>>|<<message config.optionsDesc.txtDisplayTimeFormat>>|
|<<option txtDisplayTimezone>>|<<message config.optionsDesc.txtDisplayTimezone>>|

***/

//{{{
if(!version.extensions.Microformat) {
version.extensions.Microformat = {installed:true};

	config.options.txtDisplayTimeFormat = "0hh:0mm";
	config.optionsDesc.txtDisplayTimeFormat = "format to display time fields";
	config.options.txtDisplayTimezone = "";
	config.optionsDesc.txtDisplayTimezone= "timezone to display time fields: UTC, etc. Blank for localtime";
	
	config.macros.dtstart = {};
	config.macros.dtstart.handler = function(place,macroName,params,wikifier,paramString,tiddler) {
		Microformat_abbr(place,macroName,params,wikifier,paramString,tiddler);
	}

	config.macros.dtend = {};
	config.macros.dtend.handler = function(place,macroName,params,wikifier,paramString,tiddler) {
		Microformat_abbr(place,macroName,params,wikifier,paramString,tiddler);
	}


	Microformat_abbr = function(place,macroName,params,wikifier,paramString,tiddler) {

		className = macroName;
		var format = config.options.txtDisplayTimeFormat;
		var formatTz = config.options.txtDisplayTimezone;

		// date is in TiddlyWiki YYYYMMMDDHHMM format
		if(params[0]) {
		    if(params[0].match(/^\d/)) {
			value = params[0];
		    }else{
			value = store.getValue(tiddler,params[0]);
		    }
		}

		// formatDateString
		if(params[1]) {
			format = params[1];
		}

		d = Date.convertFromYYYYMMDDHHMM(value);

		var text;
		if(!formatTz){
			text = d.formatString(format);
		}else{
			//TBD - handle alternative timezones
			text = d.formatUTCString(format)
		}

		// microformats is ISO YYYY-MM-DDTHH:MM:SS format
		var iso = value.substr(0,4) + "-" + value.substr(4,2) + "-" + value.substr(6,2) 
			+ "T" + value.substr(8,2) + ":" + value.substr(10,2) + ":00";

		var e = createTiddlyElement(place,'abbr',null,null);
		e.setAttribute('title',iso);
		e.setAttribute('class',className);
		createTiddlyText(e,text);
	};

} //# end of 'install only once'
//}}}
|''StyleSheet''|##StyleSheet|
!StyleSheet
[[StyleSheet]]
/*{{{*/

	.hresume {
		background-color: #fff;
		color: #000;
		font: 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
		padding: 2em 3.25em;
		margin: 0 auto;
		border: 1px solid #000;
		width: 52em;
	}

	h1, h2 {
		font-variant: small-caps;
		letter-spacing: 0.2em;
	}

	h1 {
		border-bottom: 3px double #000;
		margin: 0;
	}

	h1 a {
		background-color: #fff;
		color: #000;
		text-decoration: none;
	}

	h2 {
		border-bottom: 1px solid #000;
		margin: 30px 0 0 0;
	}

	h3 {
		font-size: 1em;
		display: inline;
		margin-right: .75em;
		text-transform: uppercase;
	}

	.experience > h3 {
	  margin-right: 0;
	}

	h3:after { 
	  content: "- ";
	}

	h4 {
		font-size: 1em;
		margin-bottom: 0;
	}

	ul {
		list-style-type: none;
		padding-left: 0;
	}

	li { 
		margin-bottom: .5em;
	}

	abbr { 
		cursor: default;
		border: none;
	}

	abbr:hover { 
		cursor: default;
		border-bottom: 1px dotted #000;
	}

	.type {
		display: none;	
	}

	span.street-address, span.postal-code, div.tel { 
		margin-right: .75em;
	}

	address > span.street-address, address > span.postal-code, div.vcard > div.tel { 
		margin-right: 0;
	}

	span.street-address:after, span.postal-code:after, div.tel:after {
		content: " \00B7";
		font-weight: bold;
		font-size: 1.1em;
	}

	span.additional-name  {
		display: none;
	}

	address, div.email, div.tel { 
		display: inline;
		font-style: normal;
	}

	div.email a { 
		background-color: #fff;
		color: #000;
		text-decoration: none;
	}

	div.email a span.value{ 
		background-color: #fff;
		color: #0000FF;
		text-decoration: underline;
	}

	div.location { 
		display: inline;
	}

	div.period { 
		margin-top: -1.3em;
		float: right;
	}

	@media all and (min-width: 0px) {
	  div.period { 
	    margin-top: 0;
		}

	}
	p.description {
		margin-top: 0;
	}

	ul.history {
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
	}

	li.experience {
		margin-bottom: 30px;
	}

	ul.skills  {
		list-style-type: none;
		margin: 10px 0 0 0;
		padding: 0;
	}

	ul.skills li  {
		margin: 0;
		padding: 0;
	}

	ul.skillset {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: inline;
	}

	li.skillarea {
		font-weight: bold;
	}

	ul.skillset li {
		display: inline;
		font-weight: normal;
	}

	ul.skillset li:after {
		content: ", "
	}

	ul.skillset li:last-child:after {
		content: ""
	}

	object.include {
		display: none;
		width:0; 
		height:0;
	}

	div#resume_web_header {
		padding: 0;
		margin: 0 0 15px 0;
	}

	div#resume_web_header p {
		text-align: center;
		color: #888;
		line-height: 1.3em;
		font-size: .9em;
		border-bottom: 1px solid #888;
		padding: 0;
		margin: 0;
	}

	.hresume p.summary abbr { border-bottom: 1px dotted #000; }
	/*abbr.dtstart, abbr.dtend {
	width: 50px;
	height: 50px;
	border: 1px solid red;
	float: right;
	top: 0;
	}*/

	.photoframe, photo {
		display: none;
	}


/*}}}*/
These interface options for customising TiddlyResume are saved in your browser:

<<option chkAnimate>> EnableAnimations
<!--{{{-->
<div>
	<div id="caveat" tiddler='Caveat' refresh='content'></div>
	<div id='controlBar' tiddler='MainMenu' refresh='content'></div>
	<div id='header'><span class='siteTitle' refresh='content' tiddler='SiteTitle'></span></div>
	<div id='messageArea'></div>
	<div id='mainArea'><div id='displayArea'><div id='tiddlerDisplay' class='hresume'></div></div></div>
<!--}}}-->

An American computer scientist and United States Naval officer, one of the first programmers of the Harvard Mark I calculator, developed the first compiler for a computer programming language, instrumental in the philosophy and development of COBOL, popularized the term "debugging" and famous for her "nanoseconds", a length of wire an electron travelled in on nanosecond, which she used to explain why satelite transmissions were slow and computers had to be small to be fast. Her accomplishments and naval rank led to the nickname of "Amazing Grace".
/***
|''Name:''|SectionItemPlugin|
|''Description:''|Command to create a new tiddler based on a section tiddler |
|''Author:''|PaulDowney (psd (at) osmosoft (dot) com)|
|''Source:''|http://whatfettle.com/2008/07/SectionItemPlugin |
|''CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/PaulDowney/plugins/SectionItemPlugin |
|''Version:''|0.1|
|''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 a "newSectionItem" command which creates a new tiddler based on the value of the tiddler field ''section''.

!!Code
***/
//{{{
if(!version.extensions.SectionItemPlugin) {
version.extensions.SectionItemPlugin = {installed:true};

config.commands.newSectionItem = {};
config.commands.newSectionItem.handler = function(event,src,title)
{
	var tiddler = store.getTiddler(title);
	var section = tiddler.fields['section'];
	src.setAttribute("newTitle","new "+section+" item");
	src.setAttribute("params",section);
        src.setAttribute("newTemplate",section+"EditTemplate");
	src.setAttribute("newText","");
        return config.macros.newTiddler.onClickNewTiddler.call(src);
};

merge(config.commands.newSectionItem,{
        text: "add item",
        tooltip: "Add an item to this section"});

} //# end of 'install only once'
//}}}
/***
|''Name:''|SegmentedFilterPlugin|
|''Description:''|Treat a fliter as a series of filters, one per line|
|''Author:''|PaulDowney (psd (at) osmosoft (dot) com)|
|''Source:''|http://whatfettle.com/2008/07/SegmentedFilterPlugin |
|''CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/PaulDowney/plugins/SegmentedFilterPlugin |
|''Version:''|0.1|
|''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''|TiddlyWiki.prototype.filterTiddlers() |
!!Documentation
Useful for separating a filter, such as the MainMenu and DefaultTiddlers, into a series of filters which may include sort and limit clauses.
!!Code
***/
//{{{
if(!version.extensions.SegmentedFilterPlugin) {
version.extensions.SegmentedFilterPlugin = {installed:true};

TiddlyWiki.prototype._segmentedFilter_filterTiddlers = TiddlyWiki.prototype.filterTiddlers;
TiddlyWiki.prototype.filterTiddlers = function(filter)
{
	var lines = filter.split("\n");
	var tiddlers = [];
        for(var t=0; t<lines.length; t++){
                tiddlers = tiddlers.concat(this._segmentedFilter_filterTiddlers(lines[t]));
	}
	return tiddlers;
};
}
//}}}
Traveled and gaves lectures at conferences and universities.
Later purchased by [[Remington Rand|http://en.wikipedia.org/wiki/Remington_Rand]] in 1950, which in turn merged into the [[Sperry Corporation|http://en.wikipedia.org/wiki/Sperry_Corporation]] in 1955, here Grace with periods away with the Naval Reserve. Developed the A-0 compiler, later versions of which were released commercially as the [[ARITH-MATIC|http://en.wikipedia.org/wiki/ARITH-MATIC]], [[MATH-MATIC|http://en.wikipedia.org/wiki/MATH-MATIC]] and [[FLOW-MATIC|http://en.wikipedia.org/wiki/FLOW-MATIC]] compilers..
a TiddlyWiki for creating hResumes
~TiddlyRésumé
http://tiddlyresume.com
/*{{{*/

	body {
		background-color: [[ColorPalette::BodyBackground]];	
		color: [[ColorPalette::TextColor]];
		font-size: 100%;
		font-family: Georgia, serif;
	}

	#caveat { 
		font-family: Helvetica, Arial, sans-serif;
		background-color: #F88;
		color: #FFF;
		padding: 0.5em;
		text-align: center;
		border-top: 1px #FFF solid; 
		border-bottom: 1px #FFF solid; 
	}

	#controlBar {
		background-color: [[ColorPalette::MenuBackground]];
		border-bottom: solid 1px [[ColorPalette::MenuBorder]];
		color: [[ColorPalette::MenuText]];
		font-size: 0.8em;
		padding-left: 1em;
		padding-bottom: 0.2em;
	}

	#controlBar a {
		color: [[ColorPalette::MenuText]];
		border-style: none;
		margin-right: 2em;
	}

	#controlBar a:hover {
		color: [[ColorPalette::MenuTextHover]];
		background-color: [[ColorPalette::MenuBackground]];
	}

	#controlBar div.sliderPanel {
		color: [[ColorPalette:MenuText]];
		margin: 2em 2em;
	}

	#controlBar div.sliderPanel a {
		margin-right: 0;
	}

	#backstageButton a {
		color: [[ColorPalette:MenuText]];
	}

	#messageArea {
		border:none;
		background: transparent;
		padding-top: 20px;
	}

	#messageArea .messageBox {
		font-family: Helvetica, Arial, sans-serif;
		border:1px solid [[ColorPalette::MessageBoxBorder]];
		background:[[ColorPalette::MessageBoxBackground]]; 
		width:12em;
		padding:10px;
		margin-top:5px;
		margin-bottom:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		filter:alpha(opacity=90%);
	}

	#messageArea .messageText {
		display:block;
		width:12em;
		margin:0;
		padding:0;
		color:[[ColorPalette::MessageBoxForeground]];
	}

	#messageArea .messageText a {
		text-decoration:none;
		color:[[ColorPalette::MessageBoxForeground]];
	}

	#messageArea .messageClear {
		display:none;
	}

	#mainMenu {
		display: none;
	}

	#header {
		padding: 0px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
	}

	.siteTitle {
		display: block;
		color: [[ColorPalette::SiteTitle]];
		background-color: [[ColorPalette::HeaderBackground]];
		padding: 20px 0px 20px 0px;
		font-size: 3em;
		font-weight: bold;
		letter-spacing: 2px;
		text-align: center;
	}

	#mainArea {
		width: 100%;
	}

	#displayArea {
		display: inline-block; /* IE bugfix: give layout (hasLayout = true) */
	}

	#displayArea {
		display: block; /* restore proper behavior (see IE bugfix above) */
		background-color: [[ColorPalette::PaperShadow]];
		border: thin solid [[ColorPalette::PaperBorder]];
		margin: 0.5em auto 0.5em auto;
		width: 210mm;		/* A4 paper size */
		padding: 10mm;
	}


	/* 
	 *  hResums
	 */
	.hresume {
		background-color: [[ColorPalette::PaperBackground]];
		border: thin solid [[ColorPalette::PaperBorder]];
	}

	.hresume, span.title {
		font-size: 14pt;	/* same size as for print */
		font-weight: normal;
		color: [[ColorPalette::PaperColor]];
	}

	.tiddler div.toolbar {
		margin: 0;
		padding: 0 0 0 0;
		height: 2em;
		float: right;
		visibility: hidden;
	}

	.tiddler {
		padding: 0 0 0 0;
	}

	.selected div.toolbar,
	.editor div.toolbar {
		visibility: visible;
	}

	.editor > .tags {
		display: none;
	}

	.editor {
		border: thin solid [[ColorPalette::EditorBorder]];
		padding: 1em;
	}

	.profile  > .title {
		display: none;
	}

	.hint {
		color: [[ColorPalette::MenuText]];
		font-size: 0.8em;
	}

	.label {
		padding-top: 1em;
	}

	.label:after {
		content: ":";
	}

	li.selected a {
		font-weight: bold;
	}

	.photoframe {
		display: block;
	}

	img.photo {
		display: block;
		background-color: [[ColorPalette::PaperShadow]];
		border: thin solid [[ColorPalette::PaperBorder]];
		float: right;
		width: 100px;
	}

	.include {
		 display: none;
	}

/*}}}*/
/*{{{*/
@media print { 
body { background-color: #FFF; }
#header, #controlBar, #mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea { display: none ! important; }
#mainArea, #paper, #displayArea, #tiddlerDisplay { margin: 0px auto; border: 0px; background-color: #FFF; } 
/* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
noscript {display:none;}
}
/*}}}*/
/***
|''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:''|0.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|
|''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 "fooFip Bar SNORK" will result in a hunt for a template, first in the skin, then in a dedicated tiddler, finally for the default ViewTemplate as follows: 
#[[CurrentTheme]]##barViewTemplate
#[[CurrentTheme]]##foofipViewTemplate
#[[CurrentTheme]]##snorkViewTemplate
#[[barViewTemplate]]
#[[foofipViewTemplate]]
#[[snorkViewTemplate]]
#[[ViewTemplate]]
This plugin is based on Eric Shulman's [[TaggedTemplateTweak|http://www.TiddlyTools.com/#TaggedTemplateTweak]] plugin which more features and subtly different behaviour.
!!Code
***/
//{{{
if(!version.extensions.TaggedTemplatePlugin) {
version.extensions.TaggedTemplatePlugin = {installed:true};

Story.prototype._taggedTemplate_chooseTemplateForTiddler = Story.prototype.chooseTemplateForTiddler;
Story.prototype.chooseTemplateForTiddler = function(title,template)
{
	template = this._taggedTemplate_chooseTemplateForTiddler.apply(this,arguments);
	var tiddler = store.getTiddler(title);
	if(!tiddler) {
		return template;
	}
	var skin = store.tiddlerExists(config.options.txtTheme);
	var tags = tiddler.tags;
	tags.sort();
        for(i=0;i<tags.length;i++) {
                var taggedTemplate = tags[i].toLowerCase()+template;
                if(skin) {
                        var slice = config.options.txtTheme+'##'+taggedTemplate;
                        if(store.getTiddlerText(slice)) {
                                return slice;
                        }
                }
                if(store.tiddlerExists(taggedTemplate)) {
                        return taggedTemplate;
                }
        }
        return template;
};
}
//}}}
/***
|''Name:''|ThemeSwitchRefreshPlugin|
|''Description:''|Force a refresh on switching a theme, even when the default View or Edit template hasn't been changed |
|''Author:''|PaulDowney (psd (at) osmosoft (dot) com)|
|''CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/PaulDowney/plugins/ThemeSwitchRefreshPlugin |
|''Version:''|0.1|
|''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.swtichTheme() |
!!Documentation
The core Story.themeSwitch function has an optimization to avoid refreshing the story when the View or Edit templates haven't been altered. This causes issues with plugins which extend the chooseTemplateForTiddler functionality, such as the TaggedTemplateTweak and TaggedTemplatePlugin.
This plugin refreshes the page and story on a theme switch, regardless of the templates defined.
!!Code
***/
//{{{
if(!version.extensions.ThemeSwitchRefreshPlugin) {
version.extensions.ThemeSwitchRefreshPlugin = {installed:true};

Story.prototype._themeSwitchRefresh_switchTheme = Story.prototype.switchTheme;
Story.prototype.switchTheme = function(theme)
{
	this._themeSwitchRefresh_switchTheme.apply(this,arguments);
	//TBD: be canny to see if the theme contained a View or Edit template and avoid this:
	refreshAll();
	this.refreshAllTiddlers(true);
};
}
//}}}
/***
|''Name:''|ThemeSwitcherPlugin|
|''Description:''|Theme Switcher|
|''Author:''|Martin Budden|
|''Source:''|http://www.martinswiki.com/#ThemeSwitcherPlugin |
|''~CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/MartinBudden/plugins/ThemeSwitcherPlugin.js |
|''Version:''|0.0.10|
|''Status:''|Not for release - still under development|
|''Date:''|Oct 31, 2007|
|''Comments:''|Please make comments at http://groups.google.co.uk/group/TiddlyWikiDev |
|''License:''|[[Creative Commons Attribution-ShareAlike 2.5 License|http://creativecommons.org/licenses/by-sa/2.5/]] |
|''~CoreVersion:''|2.3|

!!Description
This plugin defines a theme selector button that allows you to select a theme from a list of tiddlers tagged with "systemTheme".

!!Usage
Include
{{{<<selectTheme>>}}}
in any tiddler to create a select theme button.

***/

//{{{
if(!version.extensions.ThemeSwitcherPlugin) {
version.extensions.ThemeSwitcherPlugin = {installed:true};

config.macros.selectTheme = {
	label: "select theme",
	prompt: "Select the current theme"
};

config.macros.selectTheme.handler = function(place)
{
	createTiddlyButton(place,this.label,this.prompt,this.onClick);
};

config.macros.selectTheme.onClick = function(ev)
{
	var e = ev ? ev : window.event;
	var popup = Popup.create(this);
	var tiddlers = store.getTaggedTiddlers('systemTheme');
	for(var i=0; i<tiddlers.length; i++) {
		var t = tiddlers[i].title;
		var name = store.getTiddlerSlice(t,'Name');
		var desc = store.getTiddlerSlice(t,'Description');
		var className = config.options.txtTheme==t ? 'selected' : null;
		var btn = createTiddlyButton(createTiddlyElement(popup,'li',null,className),name ? name : t,desc ? desc : config.macros.selectTheme.label,config.macros.selectTheme.onClickTheme);		btn.setAttribute('theme',t);
	}
	Popup.show();
	return stopEvent(e);
};

config.macros.selectTheme.onClickTheme = function(ev)
{
	story.switchTheme(this.getAttribute('theme'));
	return false;
};
} //# end of 'install only once'
//}}}
Hi There! This is a TiddlyWiki!
|~ViewToolbar|closeTiddler closeOthers +editTiddler > fields syncing permalink references jump|
|~EditToolbar|+saveTiddler -cancelTiddler deleteTiddler|
|~ProfileEditToolbar|+saveTiddler -cancelTiddler|
|~ProfileViewToolbar|+editTiddler|
|~EducationSectionViewToolbar|newSectionItem +editTiddler|
|~ExperienceSectionViewToolbar|newSectionItem +editTiddler|
|~SectionEditToolbar|+saveTiddler -cancelTiddler|
|~ItemViewToolbar|+editTiddler|
|~ItemEditToolbar|+saveTiddler -cancelTiddler deleteTiddler|
Theme based on [[Ben Ward|http://ben-ward.co.uk]]'s [[Resume|http://ben-ward.co.uk/static/Ben%20Michael%20Ward.html]].

|''StyleSheet''|##StyleSheet|
|''profileViewTemplate''|##profileViewTemplate|

!StyleSheet
[[StyleSheet]]
/*{{{*/

.hresume > p, 
.hresume > ol, 
.hresume > ul, 
.hresume > dl {
	margin-bottom: 0.5em;
}

.hresume > dd {
	margin-left: 2em;
}

.hresume > abbr, 
.hresume > acronym { 
	border: none; cursor: help; 
}

.hresume > dl dt::after {
	content: ": " 
}

.profile dl { 
	float: left; 
}

.profile dl.adr { 
	float: right; 
  	clear: right; 
  	width: 18em; 
  }

.profile dl * {
	margin: 0;
}

.profile dl dt,
.profile dl dd {
	display: inline;
}

.profile dl.adr dt,
.profile dl.adr dd { 
	float: none;
	display: block; 
}

.skills { 
	clear: both;
}

.hresume {
	background: white;
	color: black;
	font-family: Cambria, Garamond, Georgia, serif;
	line-height: 120%;  
}

.hresume > h1 { 
	font-family: "Century Gothic", "Gill Sans", sans-serif;
	font-size: 140%;
	margin-bottom: 0.3em;
	letter-spacing: -1px;
}

.hresume > h2, 
.hresume > dt {
	font-family: "Century Gothic", "Gills Sans", sans-serif;
	font-size: 100%;
}

.hresume > dt {
	font-weight: bold;
}

.hresume > li::marker {
	color: #6A899E;
}

.hresume > ul.meta li, 
.hresume > ol.meta li {
	display: block;
	list-style: none;
}

.hresume dt { 
	font-family: Cambria, Garamond, Georgia, serif;
}

a.skill {
	color: inherit;
	text-decoration: none; 
}

a.skill:hover {
	color: #5a0;
	text-decoration: underline;
}

/*}}}*/

!profileViewTemplate
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::ProfileViewToolbar]]'></div>
<!-- hResume: Cannot use ADDRESS as a block-level container, triggers quirks mode -->
<div class="address profile vcard">
	<h1 class="fn n" id="name">
		<span class="honorific-prefix" macro="view honorific_prefix"></span>
		<span class="given-name" macro="view given_name"></span>
		<span class="additional-name" macro="view additional_name"></span>
		<span class="family-name" macro="view family_name"></span>
		<span class="honorific-suffix" macro="view honorific_suffix"></span>
	</h1>

	<span class='adr'>
		<span class="street-address" macro="view street_address"></span>
		<span class="locality" macro="view locality"></span> |
		<span class="region" macro="view region"></span>,
		<span class="postal-code" macro="view postal_code"></span>
	</span>
	<br/>
        <span class="tel" macro="view phone"></span>
	| <span class='web' macro="LinkMaker type:text display:url linkto:url classname:url"></span>
        Email: <span class="email" macro="view email"></span>

	<div class="summary">
	<div class='summary' macro='view text wikified'></div>
	</div>
</div>
<!--}}}-->

<div id="benmichaelward" class="vcard"> 
  
  <!-- This list contains some BR elements to work around poor browser support
    for generating line breaks with ::after pseudo elements in CSS -->
  <dl>
  	<dt>Telephone</dt>
    	<dd class="tel"><span class="value">+44</span> (0) <span class="value">7515 515 586</span><br></dd>
  	<dt>Email</dt>
    	<dd><a class="email" href="mailto:ben@ben-ward.co.uk">ben@ben-ward.co.uk</a><br></dd>
  	<dt>Web</dt>
    	<dd><a class="url" href="http://ben-ward.co.uk" rel="me">http://ben-ward.co.uk</a></dd>
  </dl>  
</div>
/***
|''Name:''|WikifiedMessagesPlugin|
|''Description:''|Wikify displayMessage text  |
|''Author:''|PaulDowney (psd (at) osmosoft (dot) com) |
|''Source:''|http://whatfettle.com/2008/07/WikifiedMessagesPlugin/ |
|''CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/PaulDowney/plugins/WikifiedMessagesPlugin/ |
|''Version:''|0.4|
|''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
A plugin to replace the core displayMessage function with a version which wikifies the message text.
The construction of the [close] single message and [close all] buttons has been seperated to be overrideable and the created message div is returned by displayMessage, for extensibility by other plugins.
!!Code
***/
//{{{
if(!version.extensions.WikifiedMessagesPlugin) {
version.extensions.WikifiedMessagesPlugin = {installed:true};

	if(!config.extensions){
		config.extensions = {};
	}

	config.extensions.WikifiedMessages = {

		createClearAllButton: function(msgArea)
		{
			return (msgArea.hasChildNodes())? null :
				createTiddlyButton(createTiddlyElement(msgArea,"div",null,"messageToolbar"),
					config.messages.messageClose.text,
					config.messages.messageClose.tooltip,
					clearMessage);
		},
		createClearMessageButton: function(e)
		{
			return null;
		},
		getMessageDiv: function()
		{
			var msgArea = document.getElementById("messageArea");
			var me = config.extensions.WikifiedMessages;
			if(!msgArea){
				return null;
			}
			msgArea.style.display = "block";
			me.createClearAllButton(msgArea);
			e = createTiddlyElement(msgArea,"div",null,"messageBox");
			me.createClearMessageButton(e);
			return e;
		},
		displayMessage: function(text,linkText)
		{
			var e = getMessageDiv();
			if(!e) {
				alert(wikifyPlain(text));
				return null;
			}
			if(linkText) {
				text = "[["+text+"|"+linkText+"]]";
			}
			t = createTiddlyElement(e,"span",null,"messageText");
			t.innerHTML = wikifyStatic(text);
			return e;
		}
	};

	displayMessage = config.extensions.WikifiedMessages.displayMessage;
	getMessageDiv = config.extensions.WikifiedMessages.getMessageDiv;

        // macro, useful for testing
        config.macros.DisplayMessage = {
                handler: function(place,macroName,params,wikifier,paramString,tiddler){
                        displayMessage(paramString);
                }
        };
}
//}}}
<div class="editor education">
	<div class='toolbar' macro='toolbar [[ToolbarCommands::ItemEditToolbar]]'></div>
        <div class="label">Title</div><div class="title edit" macro="edit title"></div>
        <div class="label">Establishment</div><div class="edit org" macro="edit org"></div>
        <div class="label">Url</div><div class="edit url" macro="edit url"></div>
        <div class="label">Location</div><div class="edit location" macro="edit location"></div>
        <div class="label">End date <span class="hint">YYYYMMDD</span></div><div class="edit dtend" macro="edit dtend"></div>
        <div class="label">Description</div><div class='edit description' macro='edit text'></div>
        <div class="tags edit" macro="edit tags"></div>
</div>
   <div class='toolbar' macro='toolbar [[ToolbarCommands::ItemViewToolbar]]'></div>
   <div class="vcalendar education vevent">
	<a href="#name" class="include"></a>
        <span class="time"><span macro="dtend dtend 'YYYY'"></span></span>
	<span class='summary' macro='view title'></span>
        <span class='org' macro="LinkMaker type:text display:org linkto:url"></span>
        <span class='location' macro="view location"></span>
	<div class='description' macro='view text wikified'></div>
   </div>
<div class='toolbar' macro='toolbar [[ToolbarCommands::EducationSectionViewToolbar]]'></div>
<div class='education section'>
	<h2 macro='view displayed'></h2>
</div>
<div class='toolbar' macro='toolbar [[ToolbarCommands::ItemEditToolbar]]'></div>
<div class="editor experience">
        <div class="label">Title</div><div class="edit title" macro="edit title"></div>
        <div class="label">Establishment</div><div class="edit org" macro="edit org"></div>
        <div class="label">Location</div><div class="edit location" macro="edit location"></div>
        <div class="label">Url</div><div class="edit url" macro="edit url"></div>
        <div class="label">Start date <span class="hint">YYYYMMDD</span></div><div class="edit dtstart" macro="edit dtstart"></div>
        <div class="label">End date <span class="hint">YYYYMMDD</hint></div><div class="edit dtend" macro="edit dtend"></div>
        <div class="label">Description</div><div class='edit description' macro='edit text'></div>
        <div class="edit tags" macro="edit tags"></div>
</div>
  <div class='toolbar' macro='toolbar [[ToolbarCommands::ItemViewToolbar]]'></div>
  <div class="experience vevent vcard">
        <span class="period"><span macro="dtstart dtstart 'MMM  YYYY'"></span><span class="period_break">-</span><span macro="dtend dtend 'MMM YYYY'"></span></span>
	<span class="htitle">
		<a href="#name" class="include"></a>
		<span class="org" macro='view org'></span> 
		<span class='title' macro='view title'></span>
	</span>
	<span class='location' macro='view location'></span>
	<div class='description' macro='view text wikified'></div>
  </div>
<div class='toolbar' macro='toolbar [[ToolbarCommands::ExperienceSectionViewToolbar]]'></div>
<div class='experience section'>
	<h2 macro='view displayed'></h2>
</div>
//{{{

merge(config.macros.saveChanges,{
        label: "save",
        prompt: "Save the TiddlyResume",
        accessKey: "S"});

merge(config.macros.selectTheme,{
        label: "theme",
        prompt: "Change the style of the TiddlyResume"});

merge(config.commands.editTiddler,{
	text: "edit",
	tooltip: "Edit this section",
	readOnlyText: "view",
	readOnlyTooltip: "View the source of this section"});

merge(config.commands.saveTiddler,{
	text: "done",
	tooltip: "Save changes to this section"});

merge(config.commands.cancelTiddler,{
	text: "cancel",
	tooltip: "Undo changes to this section",
	warning: "Are you sure you want to abandon your changes to '%0'?",
	readOnlyText: "done",
	readOnlyTooltip: "View this section normally"});

merge(config.commands.deleteTiddler,{
	text: "delete",
	tooltip: "Delete this section",
	warning: "Are you sure you want to delete '%0'?"});

config.messages.backstage = {
        open: {text: "", tooltip: "Open the backstage area to perform authoring and editing tasks"},
        close: {text: "", tooltip: "Close the backstage area"},
        prompt: "backstage: ",
        decal: {
                edit: {text: "edit", tooltip: "Edit the tiddler '%0'"}
        }
};

//}}}
<div class="editor profile">
	<div class='toolbar' macro='toolbar [[ToolbarCommands::ProfileEditToolbar]]'></div>
        <div class="label">Honorific prefix</div><div class="edit honorific-prefix" macro="edit honorific_prefix"></div>
        <div class="label">Given name</div><div class="edit given-name" macro="edit given_name"></div>
        <div class="label">Additional name</div><div class="edit additional-name" macro="edit additional_name"></div>
        <div class="label">Family name</div><div class="edit family-name" macro="edit family_name"></div>
        <div class="label">Honorific suffix</div><div class="edit honorific-suffix" macro="edit honorific_suffix"></div>
        <div class="label">Nickname</div><div class="edit nickname" macro="edit nickname"></div>
        <div class="label">Url</div><div class="edit url" macro="edit url"></div>
        <div class="label">Photo</div><div class="edit photo" macro="edit photo"></div>
        <div class="label">Email</div><div class="edit email" macro="edit email"></div>
        <div class="label">Phone</div><div class="edit phone" macro="edit phone"></div>
        <div class="label">Street address</div><div class="edit street-address" macro="edit street_address"></div>
        <div class="label">Locality</div><div class="edit locality" macro="edit locality"></div>
        <div class="label">Region</div><div class="edit region" macro="edit region"></div>
        <div class="label">Postal code</div><div class="edit postal-code" macro="edit postal_code"></div>
	<div class="label">Summary title</div><div class='edit summary-title' macro='edit summary_title'></div>
	<div class="label">Summary</div><div class='viewer edit' macro='edit text'></div>
	<div class="edit title" macro="edit title"></div>
	<div class="tags edit" macro="edit tags"></div>
</div>
<div class='toolbar' macro='toolbar [[ToolbarCommands::ProfileViewToolbar]]'></div>
<h2 macro='view title'></h2>
<div class="profile vcard">
        <div class='photoframe' macro="LinkMaker type:img display:photo classname:photo"></div>
	<span class="fn n" id="name">
		<span class="honorific-prefix" macro="view honorific_prefix"></span>
		<span class="given-name" macro="view given_name"></span>
		<span class="additional-name" macro="view additional_name"></span>
		<span class="family-name" macro="view family_name"></span>
		<span class="honorific-suffix" macro="view honorific_suffix"></span>
	</span>
	<div class='adr'>
		<span class="street-address" macro="view street_address"></span>
		<span class="locality" macro="view locality"></span>
		<span class="region" macro="view region"></span>
		<span class="postal-code" macro="view postal_code"></span>
	</div>
        <div class='web' macro="LinkMaker type:text display:url linkto:url classname:url"></div>
        <div class="email" macro="view email"></div>
        <div class="tel" macro="view phone"></div>
</div>
<h2 macro='view summary_title'></h2>
<div class='summary' macro='view text wikified'></div>
<div class='toolbar' macro='toolbar [[ToolbarCommands::SectionEditToolbar]]'></div>
<div class="editor">
	<div class='edit title' macro='edit displayed'></div>
</div>
<div class='toolbar' macro='toolbar [[ToolbarCommands::SectionViewToolbar]]'></div>
<h2 macro='view title'></h2>
//{{{

/*
 *  Theme
 */
config.options.txtTheme = "DefaultTheme";

/*
 *  Groups of tiddlers
 */

/*
var educationGroup = new TiddlerDisplayGroup();
educationGroup.setPattern([
        {label:'educationsection', tag:'educationSection', count:1, require:null, openAt:null},
        {label:'education', tag:'education', count:0, require:'educationsection', openAt:'bottom'}
]);
educationGroup.setGroupField('section');
*/

//}}}