<!--{{{--> <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> <span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span> </div> <div class='headerForeground'> <span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> <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>>
{{wrappingClass{ <<tiddler SideBarTabs>> }}}
[[GettingStarted]] [[WelcomeToTiddlyspot]]
|Name|FlexTheme| |Author|wolfgang - Changing menu by [[oc|http://b-oo-k.net/blog/]], variable width menu by [[FND|http://cleanlayout.tiddlyspot.com/]]| |Description|switches and widens left menu and may open tiddler simultaneously| |Source|http://menuflex.tiddlyspot.com/| |Requires|<<tag flexTheme>>| |PageTemplate|##PageTemplate| |ViewTemplate|ViewTemplate| |EditTemplate|EditTemplate| |StyleSheet|##StyleSheet| !PageTemplate <!--{{{--> <div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'> <div class='headerShadow'> <span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> <span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span> </div> <div class='headerForeground'> <span class='siteTitle' refresh='content' tiddler='SiteTitle'> ondblclick="story.displayTiddler(null,'SiteTitle', DEFAULT_EDIT_TEMPLATE)"</span> <span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle' ondblclick="story.displayTiddler(null,'SiteSubtitle', DEFAULT_EDIT_TEMPLATE)"></span> </div> </div> <div id='outer'><div id='sidemenu'> <div id='mainMenu' refresh='content' force='true' tiddler='MainMenu' ondblclick="story.displayTiddler(null,'MainMenu', DEFAULT_EDIT_TEMPLATE)"></div> <div id='sidemenuA'> <div id='mainMenuB' refresh='content' force='true' tiddler='ButtonMenu' ondblclick="story.displayTiddler(null,'ButtonMenu', DEFAULT_EDIT_TEMPLATE)"</div> <div id='mainMenuC' refresh='content' force='true' tiddler='SideBarTabs' ondblclick="story.displayTiddler(null,'SideBarTabs', DEFAULT_EDIT_TEMPLATE)"></div> <div id='mainMenuD' refresh='content' force='true' tiddler='TabMenu' ondblclick="story.displayTiddler(null,'TabMenu', DEFAULT_EDIT_TEMPLATE)"></div> <div id='mainMenuE' refresh='content' force='true' tiddler='SliderMenu' ondblclick="story.displayTiddler(null,'SliderMenu', DEFAULT_EDIT_TEMPLATE)"></div> </div> </div> </div> <div id='sidebar'> <div id='sidebarOptions' refresh='content' tiddler='SideBarOptions' ondblclick="story.displayTiddler(null,'SideBarOptions', DEFAULT_EDIT_TEMPLATE)"></div> <div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs' ondblclick="story.displayTiddler(null,'SideBarTabs', DEFAULT_EDIT_TEMPLATE)"></div> </div> <div id='messageArea'></div> <div id='displayArea'> <div id='tiddlerDisplay' style='clear:both'></div> </div> <!--}}}--> !Menu <html> <html><a href="javascript:;" title="show main menu" onclick="if (story) { document.getElementById('mainMenu').style.display='block'; document.getElementById('mainMenuB').style.display='none'; document.getElementById('mainMenuC').style.display='none'; document.getElementById('mainMenuD').style.display='none'; document.getElementById('mainMenuE').style.display='none'; story.displayTiddler(null,'HowTo');}" >Start -</a> <a href="javascript:;" title="show button tabs" onclick="if (story) { document.getElementById('mainMenuB').style.display='block'; document.getElementById('mainMenu').style.display='none'; document.getElementById('mainMenuC').style.display='none'; document.getElementById('mainMenuD').style.display='none'; document.getElementById('mainMenuE').style.display='none'; story.closeAllTiddlers(); story.displayTiddler(null,'FlexTheme');}" >Buttab -</a> <a href="javascript:;" title="show sliding tabs" onclick="if (story) { document.getElementById('mainMenuC').style.display='block'; document.getElementById('mainMenu').style.display='none'; document.getElementById('mainMenuB').style.display='none'; document.getElementById('mainMenuD').style.display='none'; document.getElementById('mainMenuE').style.display='none'; story.displayTiddler(null,'zConfig');}" >Slidetab -</a> <a href="javascript:;" title="show twin sliding tabs" onclick="if (story) { document.getElementById('mainMenuD').style.display='block'; document.getElementById('mainMenu').style.display='none'; document.getElementById('mainMenuB').style.display='none'; document.getElementById('mainMenuC').style.display='none'; document.getElementById('mainMenuE').style.display='none'; story.displayTiddler(null,'ButtonMenu');}" >Slidetwin -</a> <a href="javascript:;" title="show slider menu" onclick="if (story) { document.getElementById('mainMenuE').style.display='block'; document.getElementById('mainMenu').style.display='none'; document.getElementById('mainMenuB').style.display='none'; document.getElementById('mainMenuC').style.display='none'; document.getElementById('mainMenuD').style.display='none'; story.displayTiddler(null,'SliderMenu');}" >Slider</a> </html> !StyleSheet /*** [[Overflow style|http://cleanlayout.tiddlyspot.com]] by FND ***/ /*{{{*/ #outer{margin:auto} /* thanks to Morris Gray */ #sidemenu{position:static;float:left;width:auto;padding:1.5em .5em .5em .5em;font-size:1.1em;line-height:1.6em} #sidebar{position:static;float:right;margin-right:3px;width:16em;font-size:0.9em} #displayArea{overflow:hidden;margin:1em 1em 0} #displayArea{display:inline-block} #displayArea{display:block} #sidemenu{max-width:18em} #sidemenu{max-width:480px} /* * html #sidemenu{width: expression(this.clientWidth > 480 ? 480 : auto);} */ /* IE6 */ /*}}}*/ /*** [[MenuMore|http://tinyurl.com/59gpna]] style by Ocat ***/ /*{{{*/ /* Individual menu styles */ #mainMenuB{margin-top:-.8em;margin-right:1em} #mainMenuB .tabContents{margin-right:-1.5em} #mainMenuC{margin:-1.5em -.3em 0 -.5em} #mainMenuD{margin:-1.5em -.3em} #mainMenuE{text-align:right;margin-top:-1.5em;margin-left:-.15em} #sidemenu{position:relative;float:left;background:transparent;display:block;height:100%} #sidemenu ol,#sidemenu ul{font-size:.85em;line-height:110%;margin-left:0em;padding-left:.5em} #sidemenuA{position:static;background:transparent;display:block;height:100%;line-height:1.5em;margin:0em 0em 0em 0em} #mainMenu{position:static} #mainMenuB{display:none} #mainMenuC{display:none} #mainMenuD{display:none} #mainMenuE{display:none} /*}}}*/ [[TabButtonStyle]] [[SlideTabStyle]] [[SliderStyle]]
<br> @@font-size:14pt;line-height:150%;color:red; // Works with Firefox and Google Chrome browsers - with Opera and IE dynamically widening menus are fine, but switching more than 2 menus fails//@@ You may use Firefox's [[portable version|http://portableapps.com/apps/internet/firefox_portable]] - if you don't want to install a different browser for this [[TiddlyWiki|http://www.tiddlywiki.com/]] 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>>
!!¿ Set up a blank ~TiddlyWiki with the menu switching functionality to the left ? Import FlexTheme tiddler and add {{{config.options.txtTheme="FlexTheme";}}} to an other with {{{systemConfig}}} tagged tiddler. Next place a transclusion of the {{{!Menu}}} section of FlexTheme where you wish it to appear - here you find it in the SiteSubtitle tiddler - then save and reload to have the theme applied. You may choose some of the main menus and their individual style sheets, and use them as templates for your own. >To modify the extended menus you need some ~TiddlyWiki specific background knowledge, particularly about [[transclusion|http://tiddlywiki.org/wiki/Transclusion]]. !!¿ Indicate which menus appear in the main menu area on a menu switch ? >Be extremely careful while making changes to html scripts, as in the {{{!Menu}}} and {{{!PageTemplate}}} sections of FlexTheme tiddler, only one apostrophe missing and it won't work! Therefore, leave the default backup function on during customizations. The {{{!PageTemplate}}} section of the FlexTheme tiddler contains for each menu item one paragraph, like this: {{{<div id='mainMenuB' style="" refresh='content' force='true' tiddler='ButtonMenu' ondblclick="story.displayTiddler(null,'ButtonMenu', DEFAULT_EDIT_TEMPLATE)">}}} *{{{mainMenuB}}} is the unique id which corresponds to its respective parts in the {{{!Menu}}} and {{{!StyleSheet}}} sections. #the first {{{ButtonMenu}}} is the tiddler title of the tiddler containing the menu to invoke, change this title accordingly. #with the second {{{MainMenu}}} just before {{{DEFAULT_EDIT_TEMPLATE}}} you can indicate any tiddler opening in the display area in edit mode, whenever the background of the particular menu is double clicked. **If this function is not needed, you could remove this last part of each paragraph: <br>{{{ondblclick="story.displayTiddler(null,'MainMenu', DEFAULT_EDIT_TEMPLATE)"}}} *Here tiddler titles have to be in CamelCase. !!¿ Add more menu switching items (additional to 5 defined): #Copy and paste more item paragraphs in the {{{!PageTemplate}}} section just below the last one: <br>{{{<div id='mainMenuE' refresh='content' force='true' tiddler='MenuTitle' ondblclick="story.displayTiddler(null,'MenuTitle', DEFAULT_EDIT_TEMPLATE)"></div>}}}, <br>- change the menu id by using the next not used letter (ie. {{{mainMenuF}}} etc.). #Add <br>{{{document.getElementById('mainMenuF').style.display='none';}"}}} <br>at the end of //each// paragraph, just before their last declarations (which are listed below under "Whether tiddlers are closed and/or...?). #In the new and last paragraph change within the new declaration for mainMenuF: <br>{{{.style.display ='none';}}} to {{{.style.display='block';}}} <br>and place it before all declarations within the same paragraph. **All menu paragraphs should contain declarations for each of the other menus. **There should only remain one declaration in each paragraph ending with <br>{{{.style.display='block';}}}. **All other menu item declarations within the same paragraph should end with <br>{{{.style.display='none';}}}. #Add the following to already existing declarations in the {{{!StyleSheet}}} section: <br>{{{#mainMenuF{display:none}}}}<br>{{{#mainMenuG{display:none}}}}<br>{{{...}}} #Adapt menu title buttons and the tiddlers to be invoked in the {{{!Menu}}} section, as explained further below. !!¿ Remove menu buttons for switching Menus? #You could delete whole paragraphs under the {{{!Menu}}} section, together with its corresponding parts under the {{{!PageTemplate}}} and {{{!StyleSheet}}} sections. !!¿ Change the button label and which tiddlers are displayed on a menu switch ? #Under the {{{!Menu}}} section in the respective paragraph change the {{{Label -}}} and {{{TiddlerTitle}}} with the label and title of the tiddler to display: {{{story.closeAllTiddlers(); story.displayTiddler(null,'TiddlerTitle'); }">Label -</a>}}} #Change the description appearing in a small popup on hovering over the button in the first line of the same paragraph: {{{<html><a href="javascript:;" title="description to show in popup" onclick="if (story) {}}} !!¿ Whether tiddlers are closed and/or opened on a menu switch ? Look at the end of a paragraph in the {{{!Menu}}} section of FlexTheme, where you can find for example this statement: <br>{{{document.getElementById('mainMenuA').style.display='none';}"}}} After which one of the following declarations have to be exchanged precisely, to give the respective results with a menu switch: ##No change to the tiddler display area: <br>{{{return false;}"}}} ##Only refresh the tiddler display, to adapt to a narrowed main menu: <br>{{{story.refreshTiddler(getAttribute('tiddler'),null,true);}"}}} ##Close all visible tiddlers (except those in edit mode): <br>{{{story.closeAllTiddlers();}"}}} ##Leave visible tiddlers open and open one new: <br>{{{story.displayTiddler(null,'$2');}"}}} ##Close all visible tiddlers and open one new tiddler: <br>{{{story.closeAllTiddlers(); story.displayTiddler(null,'$2');}"}}} ##Open a group of tiddlers indicated in an unique tiddler (as it is done with DefaultTiddlers): <br>{{{story.displayTiddlers(null,store.getTiddlerText('$2').readBracketedList());}"}}} ##Close all visible tiddlers and open a group of tiddlers indicated in a default tiddler: <br>{{{story.closeAllTiddlers(); story.displayTiddlers(null,store.getTiddlerText('$2').readBracketedList());}"}}} ##Close ... and open some tiddlers indicated by the further tiddler titles (only less than 8 possible): <br>{{{story.closeAllTiddlers(); story.displayTiddlers(null,['$2','$4','$5','$6','$7','$8','$9']);}"}}} !!¿ Change the menu switch from 'on mouse over' to 'on click', or to the opposite ? In the first line of the concerned paragraph within the {{{!Menu}}} section change {{{onmouseover}}} to {{{onclick}}}, or accordingly to the reverse.
/*** |''Name:''|LoadRemoteFileThroughProxy (previous LoadRemoteFileHijack)| |''Description:''|When the TiddlyWiki file is located on the web (view over http) the content of [[SiteProxy]] tiddler is added in front of the file url. If [[SiteProxy]] does not exist "/proxy/" is added. | |''Version:''|1.1.0| |''Date:''|mar 17, 2007| |''Source:''|http://tiddlywiki.bidix.info/#LoadRemoteFileHijack| |''Author:''|BidiX (BidiX (at) bidix (dot) info)| |''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]| |''~CoreVersion:''|2.2.0| ***/ //{{{ version.extensions.LoadRemoteFileThroughProxy = { major: 1, minor: 1, revision: 0, date: new Date("mar 17, 2007"), source: "http://tiddlywiki.bidix.info/#LoadRemoteFileThroughProxy"}; if (!window.bidix) window.bidix = {}; // bidix namespace if (!bidix.core) bidix.core = {}; bidix.core.loadRemoteFile = loadRemoteFile; loadRemoteFile = function(url,callback,params) { if ((document.location.toString().substr(0,4) == "http") && (url.substr(0,4) == "http")){ url = store.getTiddlerText("SiteProxy", "/proxy/") + url; } return bidix.core.loadRemoteFile(url,callback,params); } //}}}
[[HowTo]] [[FlexTheme]] [[SiteSubtitle]] ---- [[ButtonMenu]] [[TabMenu]] [[SliderMenu]] ---- [[zConfig]] ---- [[GettingStarted]]
/*** |''Name:''|PasswordOptionPlugin| |''Description:''|Extends TiddlyWiki options with non encrypted password option.| |''Version:''|1.0.2| |''Date:''|Apr 19, 2007| |''Source:''|http://tiddlywiki.bidix.info/#PasswordOptionPlugin| |''Author:''|BidiX (BidiX (at) bidix (dot) info)| |''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]| |''~CoreVersion:''|2.2.0 (Beta 5)| ***/ //{{{ version.extensions.PasswordOptionPlugin = { major: 1, minor: 0, revision: 2, date: new Date("Apr 19, 2007"), source: 'http://tiddlywiki.bidix.info/#PasswordOptionPlugin', author: 'BidiX (BidiX (at) bidix (dot) info', license: '[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D]]', coreVersion: '2.2.0 (Beta 5)' }; config.macros.option.passwordCheckboxLabel = "Save this password on this computer"; config.macros.option.passwordInputType = "password"; // password | text setStylesheet(".pasOptionInput {width: 11em;}\n","passwordInputTypeStyle"); merge(config.macros.option.types, { 'pas': { elementType: "input", valueField: "value", eventName: "onkeyup", className: "pasOptionInput", typeValue: config.macros.option.passwordInputType, create: function(place,type,opt,className,desc) { // password field config.macros.option.genericCreate(place,'pas',opt,className,desc); // checkbox linked with this password "save this password on this computer" config.macros.option.genericCreate(place,'chk','chk'+opt,className,desc); // text savePasswordCheckboxLabel place.appendChild(document.createTextNode(config.macros.option.passwordCheckboxLabel)); }, onChange: config.macros.option.genericOnChange } }); merge(config.optionHandlers['chk'], { get: function(name) { // is there an option linked with this chk ? var opt = name.substr(3); if (config.options[opt]) saveOptionCookie(opt); return config.options[name] ? "true" : "false"; } }); merge(config.optionHandlers, { 'pas': { get: function(name) { if (config.options["chk"+name]) { return encodeCookie(config.options[name].toString()); } else { return ""; } }, set: function(name,value) {config.options[name] = decodeCookie(value);} } }); // need to reload options to load passwordOptions loadOptionsCookie(); /* if (!config.options['pasPassword']) config.options['pasPassword'] = ''; merge(config.optionsDesc,{ pasPassword: "Test password" }); */ //}}}
<<tiddler FlexTheme##Menu>>
FlexTheme
/* TeamTasks tabs by PhilHawksworth http://www.hawksworx.com/playground/TeamTasks/ */ /*{{{*/ #mainMenuC div.tabContents{background-color:transparent;overflow:auto;border:solid 0px #aaa;padding-top:0.5em} #mainMenuC div.txtMainTab{} #mainMenuC div.txtMainTab div.tabset{background-color:[[ColorPalette::PrimaryLight]];color:[[ColorPalette::PrimaryPale]];padding:0; /* float:left; */ border-right:solid 1px #aaa} #mainMenuC div.txtMainTab div.tabset a.tab{display:block;padding:0.2em 1.5em;text-align:right;background-color:[[ColorPalette::PrimaryLight]];border-bottom:solid 1px #aaa;margin:0} #mainMenuC div.txtMainTab div.tabset a.tabSelected{background-color:[[ColorPalette::PrimaryMid]];border-top:solid 0px #aaa;color:#fff} #mainMenuC div.txtMainTab div.tabset a.tab:hover{background-color:[[ColorPalette::PrimaryMid]]} #mainMenuD div.txtSlideTab{} #mainMenuD div.txtSlideTab div.tabset{background-color:[[ColorPalette::PrimaryLight]];color:[[ColorPalette::PrimaryPale]];padding:0;float:left;border-right:solid 1px #aaa;margin-left:-.5em} #mainMenuD div.txtSlideTab div.tabset a.tab{display:block;padding:0.2em 1.5em;text-align:right;background-color:[[ColorPalette::PrimaryLight]];border-bottom:solid 1px #aaa;margin:0} #mainMenuD div.txtSlideTab div.tabset a.tabSelected{background-color:[[ColorPalette::PrimaryMid]];border-top:solid 0px #aaa;color:#fff} #mainMenuD div.txtSlideTab div.tabset a.tab:hover{background-color:[[ColorPalette::PrimaryMid]]} #mainMenuD div.tabContents{background-color:transparent;overflow:auto;border:solid 0px #aaa;padding-top:0.5em;margin-right:-1em} #mainMenuD div.txtSlideTab ul{list-style:none;margin:0.5em 0 0 0;padding:0} #mainMenuD div.txtSlideTab ul li{padding:0 10px} #mainMenuD div.txtSlideTab ul li a{font-weight:normal;line-height:1.3em;margin:0.2em 0} #mainMenuD div.txtSlideTab ul li.listTitle{border-top:solid 0px #bbc;padding:0.3em 0 0.2em 5px;font-size:1.3em;color:#bbc} #mainMenuD div.txtSlideTab ul li.listLink {margin:0} #mainMenuD div.txtSlideTab ul:first-child li.listTitle{border:solid 0 #ccc} /*}}}*/
{{accordionEffect{ <<slider hTo SliderMenu##how "How Tos" "show/hide menu">>/% %/<<slider fTh SliderMenu##flex "Flex Theme" "show/hide menu">>/% %/<<slider mEn SliderMenu##menu Menus "show/hide menu">>/% %/<<slider sTs SliderMenu##style Styles "show/hide menu">>/% %/<<slider tAg TabTags "All Tags "show/hide menu">>/% %/<<slider tLi TabTimeline "Timeline" "show/hide menu">>}}}/% !how <<list filter [tag[howTo]]>> !flex <<list filter [tag[flexTheme]]>> !menu <<list filter [tag[mainMenu]]>> !style <<list filter [tag[styleSheet]]>> !0 %/
/*AccordionEffect by oc ( http://b-oo-k.net/blog/ ) http://b-oo-k.net/TiddlyWiki/Simple2.html */ /*{{{*/ .accordionEffect .button{display:block;color:[[ColorPalette::PrimaryPale]];text-align:left;font-weight:bold; line-height:140%;border-top:solid 1px #bbb;border-left:solid 1px #bbb;border-right:solid 1px #888;border-bottom:solid 1px #888;background:[[ColorPalette::PrimaryLight]];margin-left:-.3em;padding:0 21px 1px 20px;} .accordionEffect .button:hover{color:[[ColorPalette::Background]];border-top:solid 1px #bdf;border-left:solid 1px #bdf;border-right:solid 1px #8ac;border-bottom:solid 1px #8ad;background:[[ColorPalette::PrimaryMid]];padding:1px 20px 0 21px;} /*}}}*/
/* Tab buttons style by MorrisGray http://twhelp.tiddlyspot.com/ */ /*{{{*/ .wrappingClass .tabContents{background:transparent !important;border:0px;margin-top:0;margin-bottom:.1em} .wrappingClass .tabSelected, .popup .tabSelected{background:url([[TabButtonStyle##tab-selected]]) repeat-x top left;top left;background-color:#fcb;font-size:1em;font-weight:normal;color:#a00;text-decoration:none;border:1px 1px 1px 1px solid #999} .wrappingClass .tabUnselected, popup .tabSelected{background:url([[TabButtonStyle##tab-unselected]]) repeat-x top left;top left;background-color:#eee;font-size:1em;font-weight:normal;color:#008;text-decoration:none;border-top:1px solid #999;border-right:1px solid #999} .wrappingClass .tabset{/*text-align:center;*/padding:1% 0 0 0 !important} .wrappingClass .tab{margin:0 0 0 2% !important;padding:1px 3px 1px 4px;-moz-border-radius: 3px 3px 3px 3px !important} /*}}}*/ !tab-selected data:image/gif;base64,R0lGODlhAQBkAPcAAN69vee9vefGxu/Ozu/W1vfe3v/n5//v7//39////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ywAAAAAAQBkAAAIIAATCESA4IABAwUKEBggoCGAhxAjSpxIsaLFixgzUgwIADs= !tab-unselected data:image/gif;base64,R0lGODlhAQBkAPMPALa2trm5ub29vb+/v8TExMbGxsvLy9HR0dfX19vb29zc3OHh4efn5+vr6+zs7O7u7iH5BAAAAAAALAAAAAABAGQAAAQW8D3X2FIJHVPIEAEgjmRpnmiqrqwZAQA7
<<tabs txtSlideTab "" "" "" "How To" "show all help tiddlers" TabMenu##how "MenuFlex" "show all menuFlex theme tiddlers" TabMenu##flex "Menus" "show all main menus" TabMenu##menu "Styles" "show all style sheets" TabMenu##style "Timeline" "show timeline" TabTimeline "All" "show all tiddlers" TabAll "Tags" "show all tags" TabTags "More" "shadowed tiddlers" TabMoreShadowed>>/% !how <<list filter [tag[howTo]]>> !flex <<list filter [tag[flexTheme]]>> !menu <<list filter [tag[mainMenu]]>> !style <<list filter [tag[styleSheet]]>> !0 %/
/*** Description: Contains the stuff you need to use Tiddlyspot Note, you also need UploadPlugin, PasswordOptionPlugin and LoadRemoteFileThroughProxy from http://tiddlywiki.bidix.info for a complete working Tiddlyspot site. ***/ //{{{ // edit this if you are migrating sites or retrofitting an existing TW config.tiddlyspotSiteId = 'flextheme'; // make it so you can by default see edit controls via http config.options.chkHttpReadOnly = false; window.readOnly = false; // make sure of it (for tw 2.2) window.showBackstage = true; // show backstage too // disable autosave in d3 if (window.location.protocol != "file:") config.options.chkGTDLazyAutoSave = false; // tweak shadow tiddlers to add upload button, password entry box etc with (config.shadowTiddlers) { SiteUrl = 'http://'+config.tiddlyspotSiteId+'.tiddlyspot.com'; SideBarOptions = SideBarOptions.replace(/(<<saveChanges>>)/,"$1<<tiddler TspotSidebar>>"); OptionsPanel = OptionsPanel.replace(/^/,"<<tiddler TspotOptions>>"); DefaultTiddlers = DefaultTiddlers.replace(/^/,"[[WelcomeToTiddlyspot]] "); MainMenu = MainMenu.replace(/^/,"[[WelcomeToTiddlyspot]] "); } // create some shadow tiddler content merge(config.shadowTiddlers,{ 'WelcomeToTiddlyspot':[ "This document is a ~TiddlyWiki from tiddlyspot.com. A ~TiddlyWiki is an electronic notebook that is great for managing todo lists, personal information, and all sorts of things.", "", "@@font-weight:bold;font-size:1.3em;color:#444; //What now?// @@ Before you can save any changes, you need to enter your password in the form below. Then configure privacy and other site settings at your [[control panel|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/controlpanel]] (your control panel username is //" + config.tiddlyspotSiteId + "//).", "<<tiddler TspotControls>>", "See also GettingStarted.", "", "@@font-weight:bold;font-size:1.3em;color:#444; //Working online// @@ You can edit this ~TiddlyWiki right now, and save your changes using the \"save to web\" button in the column on the right.", "", "@@font-weight:bold;font-size:1.3em;color:#444; //Working offline// @@ A fully functioning copy of this ~TiddlyWiki can be saved onto your hard drive or USB stick. You can make changes and save them locally without being connected to the Internet. When you're ready to sync up again, just click \"upload\" and your ~TiddlyWiki will be saved back to tiddlyspot.com.", "", "@@font-weight:bold;font-size:1.3em;color:#444; //Help!// @@ Find out more about ~TiddlyWiki at [[TiddlyWiki.com|http://tiddlywiki.com]]. Also visit [[TiddlyWiki.org|http://tiddlywiki.org]] for documentation on learning and using ~TiddlyWiki. New users are especially welcome on the [[TiddlyWiki mailing list|http://groups.google.com/group/TiddlyWiki]], which is an excellent place to ask questions and get help. If you have a tiddlyspot related problem email [[tiddlyspot support|mailto:support@tiddlyspot.com]].", "", "@@font-weight:bold;font-size:1.3em;color:#444; //Enjoy :)// @@ We hope you like using your tiddlyspot.com site. Please email [[feedback@tiddlyspot.com|mailto:feedback@tiddlyspot.com]] with any comments or suggestions." ].join("\n"), 'TspotControls':[ "| tiddlyspot password:|<<option pasUploadPassword>>|", "| site management:|<<upload http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/store.cgi index.html . . " + config.tiddlyspotSiteId + ">>//(requires tiddlyspot password)//<br>[[control panel|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/controlpanel]], [[download (go offline)|http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/download]]|", "| links:|[[tiddlyspot.com|http://tiddlyspot.com/]], [[FAQs|http://faq.tiddlyspot.com/]], [[blog|http://tiddlyspot.blogspot.com/]], email [[support|mailto:support@tiddlyspot.com]] & [[feedback|mailto:feedback@tiddlyspot.com]], [[donate|http://tiddlyspot.com/?page=donate]]|" ].join("\n"), 'TspotSidebar':[ "<<upload http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/store.cgi index.html . . " + config.tiddlyspotSiteId + ">><html><a href='http://" + config.tiddlyspotSiteId + ".tiddlyspot.com/download' class='button'>download</a></html>" ].join("\n"), 'TspotOptions':[ "tiddlyspot password:", "<<option pasUploadPassword>>", "" ].join("\n") }); //}}}
| 10/06/2009 20:54:45 | wolfgang | [[flextheme.html|file:///C:/Dokumente%20und%20Einstellungen/Wolfgang/Desktop/flextheme.html]] | [[store.cgi|http://flextheme.tiddlyspot.com/store.cgi]] | . | [[index.html | http://flextheme.tiddlyspot.com/index.html]] | . | | 01/07/2009 12:14:29 | YourName | [[flextheme.tiddlyspot.com.html|file:///C:/DOKUME~1/Wolfgang/Desktop/flextheme.tiddlyspot.com.html]] | [[store.cgi|http://flextheme.tiddlyspot.com/store.cgi]] | . | [[index.html | http://flextheme.tiddlyspot.com/index.html]] | . |
/*** |''Name:''|UploadPlugin| |''Description:''|Save to web a TiddlyWiki| |''Version:''|4.1.3| |''Date:''|Feb 24, 2008| |''Source:''|http://tiddlywiki.bidix.info/#UploadPlugin| |''Documentation:''|http://tiddlywiki.bidix.info/#UploadPluginDoc| |''Author:''|BidiX (BidiX (at) bidix (dot) info)| |''License:''|[[BSD open source license|http://tiddlywiki.bidix.info/#%5B%5BBSD%20open%20source%20license%5D%5D ]]| |''~CoreVersion:''|2.2.0| |''Requires:''|PasswordOptionPlugin| ***/ //{{{ version.extensions.UploadPlugin = { major: 4, minor: 1, revision: 3, date: new Date("Feb 24, 2008"), source: 'http://tiddlywiki.bidix.info/#UploadPlugin', author: 'BidiX (BidiX (at) bidix (dot) info', coreVersion: '2.2.0' }; // // Environment // if (!window.bidix) window.bidix = {}; // bidix namespace bidix.debugMode = false; // true to activate both in Plugin and UploadService // // Upload Macro // config.macros.upload = { // default values defaultBackupDir: '', //no backup defaultStoreScript: "store.php", defaultToFilename: "index.html", defaultUploadDir: ".", authenticateUser: true // UploadService Authenticate User }; config.macros.upload.label = { promptOption: "Save and Upload this TiddlyWiki with UploadOptions", promptParamMacro: "Save and Upload this TiddlyWiki in %0", saveLabel: "save to web", saveToDisk: "save to disk", uploadLabel: "upload" }; config.macros.upload.messages = { noStoreUrl: "No store URL in parmeters or options", usernameOrPasswordMissing: "Username or password missing" }; config.macros.upload.handler = function(place,macroName,params) { if (readOnly) return; var label; if (document.location.toString().substr(0,4) == "http") label = this.label.saveLabel; else label = this.label.uploadLabel; var prompt; if (params[0]) { prompt = this.label.promptParamMacro.toString().format([this.destFile(params[0], (params[1] ? params[1]:bidix.basename(window.location.toString())), params[3])]); } else { prompt = this.label.promptOption; } createTiddlyButton(place, label, prompt, function() {config.macros.upload.action(params);}, null, null, this.accessKey); }; config.macros.upload.action = function(params) { // for missing macro parameter set value from options if (!params) params = {}; var storeUrl = params[0] ? params[0] : config.options.txtUploadStoreUrl; var toFilename = params[1] ? params[1] : config.options.txtUploadFilename; var backupDir = params[2] ? params[2] : config.options.txtUploadBackupDir; var uploadDir = params[3] ? params[3] : config.options.txtUploadDir; var username = params[4] ? params[4] : config.options.txtUploadUserName; var password = config.options.pasUploadPassword; // for security reason no password as macro parameter // for still missing parameter set default value if ((!storeUrl) && (document.location.toString().substr(0,4) == "http")) storeUrl = bidix.dirname(document.location.toString())+'/'+config.macros.upload.defaultStoreScript; if (storeUrl.substr(0,4) != "http") storeUrl = bidix.dirname(document.location.toString()) +'/'+ storeUrl; if (!toFilename) toFilename = bidix.basename(window.location.toString()); if (!toFilename) toFilename = config.macros.upload.defaultToFilename; if (!uploadDir) uploadDir = config.macros.upload.defaultUploadDir; if (!backupDir) backupDir = config.macros.upload.defaultBackupDir; // report error if still missing if (!storeUrl) { alert(config.macros.upload.messages.noStoreUrl); clearMessage(); return false; } if (config.macros.upload.authenticateUser && (!username || !password)) { alert(config.macros.upload.messages.usernameOrPasswordMissing); clearMessage(); return false; } bidix.upload.uploadChanges(false,null,storeUrl, toFilename, uploadDir, backupDir, username, password); return false; }; config.macros.upload.destFile = function(storeUrl, toFilename, uploadDir) { if (!storeUrl) return null; var dest = bidix.dirname(storeUrl); if (uploadDir && uploadDir != '.') dest = dest + '/' + uploadDir; dest = dest + '/' + toFilename; return dest; }; // // uploadOptions Macro // config.macros.uploadOptions = { handler: function(place,macroName,params) { var wizard = new Wizard(); wizard.createWizard(place,this.wizardTitle); wizard.addStep(this.step1Title,this.step1Html); var markList = wizard.getElement("markList"); var listWrapper = document.createElement("div"); markList.parentNode.insertBefore(listWrapper,markList); wizard.setValue("listWrapper",listWrapper); this.refreshOptions(listWrapper,false); var uploadCaption; if (document.location.toString().substr(0,4) == "http") uploadCaption = config.macros.upload.label.saveLabel; else uploadCaption = config.macros.upload.label.uploadLabel; wizard.setButtons([ {caption: uploadCaption, tooltip: config.macros.upload.label.promptOption, onClick: config.macros.upload.action}, {caption: this.cancelButton, tooltip: this.cancelButtonPrompt, onClick: this.onCancel} ]); }, options: [ "txtUploadUserName", "pasUploadPassword", "txtUploadStoreUrl", "txtUploadDir", "txtUploadFilename", "txtUploadBackupDir", "chkUploadLog", "txtUploadLogMaxLine" ], refreshOptions: function(listWrapper) { var opts = []; for(i=0; i<this.options.length; i++) { var opt = {}; opts.push(); opt.option = ""; n = this.options[i]; opt.name = n; opt.lowlight = !config.optionsDesc[n]; opt.description = opt.lowlight ? this.unknownDescription : config.optionsDesc[n]; opts.push(opt); } var listview = ListView.create(listWrapper,opts,this.listViewTemplate); for(n=0; n<opts.length; n++) { var type = opts[n].name.substr(0,3); var h = config.macros.option.types[type]; if (h && h.create) { h.create(opts[n].colElements['option'],type,opts[n].name,opts[n].name,"no"); } } }, onCancel: function(e) { backstage.switchTab(null); return false; }, wizardTitle: "Upload with options", step1Title: "These options are saved in cookies in your browser", step1Html: "<input type='hidden' name='markList'></input><br>", cancelButton: "Cancel", cancelButtonPrompt: "Cancel prompt", listViewTemplate: { columns: [ {name: 'Description', field: 'description', title: "Description", type: 'WikiText'}, {name: 'Option', field: 'option', title: "Option", type: 'String'}, {name: 'Name', field: 'name', title: "Name", type: 'String'} ], rowClasses: [ {className: 'lowlight', field: 'lowlight'} ]} }; // // upload functions // if (!bidix.upload) bidix.upload = {}; if (!bidix.upload.messages) bidix.upload.messages = { //from saving invalidFileError: "The original file '%0' does not appear to be a valid TiddlyWiki", backupSaved: "Backup saved", backupFailed: "Failed to upload backup file", rssSaved: "RSS feed uploaded", rssFailed: "Failed to upload RSS feed file", emptySaved: "Empty template uploaded", emptyFailed: "Failed to upload empty template file", mainSaved: "Main TiddlyWiki file uploaded", mainFailed: "Failed to upload main TiddlyWiki file. Your changes have not been saved", //specific upload loadOriginalHttpPostError: "Can't get original file", aboutToSaveOnHttpPost: 'About to upload on %0 ...', storePhpNotFound: "The store script '%0' was not found." }; bidix.upload.uploadChanges = function(onlyIfDirty,tiddlers,storeUrl,toFilename,uploadDir,backupDir,username,password) { var callback = function(status,uploadParams,original,url,xhr) { if (!status) { displayMessage(bidix.upload.messages.loadOriginalHttpPostError); return; } if (bidix.debugMode) alert(original.substr(0,500)+"\n..."); // Locate the storeArea div's var posDiv = locateStoreArea(original); if((posDiv[0] == -1) || (posDiv[1] == -1)) { alert(config.messages.invalidFileError.format([localPath])); return; } bidix.upload.uploadRss(uploadParams,original,posDiv); }; if(onlyIfDirty && !store.isDirty()) return; clearMessage(); // save on localdisk ? if (document.location.toString().substr(0,4) == "file") { var path = document.location.toString(); var localPath = getLocalPath(path); saveChanges(); } // get original var uploadParams = new Array(storeUrl,toFilename,uploadDir,backupDir,username,password); var originalPath = document.location.toString(); // If url is a directory : add index.html if (originalPath.charAt(originalPath.length-1) == "/") originalPath = originalPath + "index.html"; var dest = config.macros.upload.destFile(storeUrl,toFilename,uploadDir); var log = new bidix.UploadLog(); log.startUpload(storeUrl, dest, uploadDir, backupDir); displayMessage(bidix.upload.messages.aboutToSaveOnHttpPost.format([dest])); if (bidix.debugMode) alert("about to execute Http - GET on "+originalPath); var r = doHttp("GET",originalPath,null,null,username,password,callback,uploadParams,null); if (typeof r == "string") displayMessage(r); return r; }; bidix.upload.uploadRss = function(uploadParams,original,posDiv) { var callback = function(status,params,responseText,url,xhr) { if(status) { var destfile = responseText.substring(responseText.indexOf("destfile:")+9,responseText.indexOf("\n", responseText.indexOf("destfile:"))); displayMessage(bidix.upload.messages.rssSaved,bidix.dirname(url)+'/'+destfile); bidix.upload.uploadMain(params[0],params[1],params[2]); } else { displayMessage(bidix.upload.messages.rssFailed); } }; // do uploadRss if(config.options.chkGenerateAnRssFeed) { var rssPath = uploadParams[1].substr(0,uploadParams[1].lastIndexOf(".")) + ".xml"; var rssUploadParams = new Array(uploadParams[0],rssPath,uploadParams[2],'',uploadParams[4],uploadParams[5]); var rssString = generateRss(); // no UnicodeToUTF8 conversion needed when location is "file" !!! if (document.location.toString().substr(0,4) != "file") rssString = convertUnicodeToUTF8(rssString); bidix.upload.httpUpload(rssUploadParams,rssString,callback,Array(uploadParams,original,posDiv)); } else { bidix.upload.uploadMain(uploadParams,original,posDiv); } }; bidix.upload.uploadMain = function(uploadParams,original,posDiv) { var callback = function(status,params,responseText,url,xhr) { var log = new bidix.UploadLog(); if(status) { // if backupDir specified if ((params[3]) && (responseText.indexOf("backupfile:") > -1)) { var backupfile = responseText.substring(responseText.indexOf("backupfile:")+11,responseText.indexOf("\n", responseText.indexOf("backupfile:"))); displayMessage(bidix.upload.messages.backupSaved,bidix.dirname(url)+'/'+backupfile); } var destfile = responseText.substring(responseText.indexOf("destfile:")+9,responseText.indexOf("\n", responseText.indexOf("destfile:"))); displayMessage(bidix.upload.messages.mainSaved,bidix.dirname(url)+'/'+destfile); store.setDirty(false); log.endUpload("ok"); } else { alert(bidix.upload.messages.mainFailed); displayMessage(bidix.upload.messages.mainFailed); log.endUpload("failed"); } }; // do uploadMain var revised = bidix.upload.updateOriginal(original,posDiv); bidix.upload.httpUpload(uploadParams,revised,callback,uploadParams); }; bidix.upload.httpUpload = function(uploadParams,data,callback,params) { var localCallback = function(status,params,responseText,url,xhr) { url = (url.indexOf("nocache=") < 0 ? url : url.substring(0,url.indexOf("nocache=")-1)); if (xhr.status == 404) alert(bidix.upload.messages.storePhpNotFound.format([url])); if ((bidix.debugMode) || (responseText.indexOf("Debug mode") >= 0 )) { alert(responseText); if (responseText.indexOf("Debug mode") >= 0 ) responseText = responseText.substring(responseText.indexOf("\n\n")+2); } else if (responseText.charAt(0) != '0') alert(responseText); if (responseText.charAt(0) != '0') status = null; callback(status,params,responseText,url,xhr); }; // do httpUpload var boundary = "---------------------------"+"AaB03x"; var uploadFormName = "UploadPlugin"; // compose headers data var sheader = ""; sheader += "--" + boundary + "\r\nContent-disposition: form-data; name=\""; sheader += uploadFormName +"\"\r\n\r\n"; sheader += "backupDir="+uploadParams[3] + ";user=" + uploadParams[4] + ";password=" + uploadParams[5] + ";uploaddir=" + uploadParams[2]; if (bidix.debugMode) sheader += ";debug=1"; sheader += ";;\r\n"; sheader += "\r\n" + "--" + boundary + "\r\n"; sheader += "Content-disposition: form-data; name=\"userfile\"; filename=\""+uploadParams[1]+"\"\r\n"; sheader += "Content-Type: text/html;charset=UTF-8" + "\r\n"; sheader += "Content-Length: " + data.length + "\r\n\r\n"; // compose trailer data var strailer = new String(); strailer = "\r\n--" + boundary + "--\r\n"; data = sheader + data + strailer; if (bidix.debugMode) alert("about to execute Http - POST on "+uploadParams[0]+"\n with \n"+data.substr(0,500)+ " ... "); var r = doHttp("POST",uploadParams[0],data,"multipart/form-data; ;charset=UTF-8; boundary="+boundary,uploadParams[4],uploadParams[5],localCallback,params,null); if (typeof r == "string") displayMessage(r); return r; }; // same as Saving's updateOriginal but without convertUnicodeToUTF8 calls bidix.upload.updateOriginal = function(original, posDiv) { if (!posDiv) posDiv = locateStoreArea(original); if((posDiv[0] == -1) || (posDiv[1] == -1)) { alert(config.messages.invalidFileError.format([localPath])); return; } var revised = original.substr(0,posDiv[0] + startSaveArea.length) + "\n" + store.allTiddlersAsHtml() + "\n" + original.substr(posDiv[1]); var newSiteTitle = getPageTitle().htmlEncode(); revised = revised.replaceChunk("<title"+">","</title"+">"," " + newSiteTitle + " "); revised = updateMarkupBlock(revised,"PRE-HEAD","MarkupPreHead"); revised = updateMarkupBlock(revised,"POST-HEAD","MarkupPostHead"); revised = updateMarkupBlock(revised,"PRE-BODY","MarkupPreBody"); revised = updateMarkupBlock(revised,"POST-SCRIPT","MarkupPostBody"); return revised; }; // // UploadLog // // config.options.chkUploadLog : // false : no logging // true : logging // config.options.txtUploadLogMaxLine : // -1 : no limit // 0 : no Log lines but UploadLog is still in place // n : the last n lines are only kept // NaN : no limit (-1) bidix.UploadLog = function() { if (!config.options.chkUploadLog) return; // this.tiddler = null this.tiddler = store.getTiddler("UploadLog"); if (!this.tiddler) { this.tiddler = new Tiddler(); this.tiddler.title = "UploadLog"; this.tiddler.text = "| !date | !user | !location | !storeUrl | !uploadDir | !toFilename | !backupdir | !origin |"; this.tiddler.created = new Date(); this.tiddler.modifier = config.options.txtUserName; this.tiddler.modified = new Date(); store.addTiddler(this.tiddler); } return this; }; bidix.UploadLog.prototype.addText = function(text) { if (!this.tiddler) return; // retrieve maxLine when we need it var maxLine = parseInt(config.options.txtUploadLogMaxLine,10); if (isNaN(maxLine)) maxLine = -1; // add text if (maxLine != 0) this.tiddler.text = this.tiddler.text + text; // Trunck to maxLine if (maxLine >= 0) { var textArray = this.tiddler.text.split('\n'); if (textArray.length > maxLine + 1) textArray.splice(1,textArray.length-1-maxLine); this.tiddler.text = textArray.join('\n'); } // update tiddler fields this.tiddler.modifier = config.options.txtUserName; this.tiddler.modified = new Date(); store.addTiddler(this.tiddler); // refresh and notifiy for immediate update story.refreshTiddler(this.tiddler.title); store.notify(this.tiddler.title, true); }; bidix.UploadLog.prototype.startUpload = function(storeUrl, toFilename, uploadDir, backupDir) { if (!this.tiddler) return; var now = new Date(); var text = "\n| "; var filename = bidix.basename(document.location.toString()); if (!filename) filename = '/'; text += now.formatString("0DD/0MM/YYYY 0hh:0mm:0ss") +" | "; text += config.options.txtUserName + " | "; text += "[["+filename+"|"+location + "]] |"; text += " [[" + bidix.basename(storeUrl) + "|" + storeUrl + "]] | "; text += uploadDir + " | "; text += "[[" + bidix.basename(toFilename) + " | " +toFilename + "]] | "; text += backupDir + " |"; this.addText(text); }; bidix.UploadLog.prototype.endUpload = function(status) { if (!this.tiddler) return; this.addText(" "+status+" |"); }; // // Utilities // bidix.checkPlugin = function(plugin, major, minor, revision) { var ext = version.extensions[plugin]; if (! (ext && ((ext.major > major) || ((ext.major == major) && (ext.minor > minor)) || ((ext.major == major) && (ext.minor == minor) && (ext.revision >= revision))))) { // write error in PluginManager if (pluginInfo) pluginInfo.log.push("Requires " + plugin + " " + major + "." + minor + "." + revision); eval(plugin); // generate an error : "Error: ReferenceError: xxxx is not defined" } }; bidix.dirname = function(filePath) { if (!filePath) return; var lastpos; if ((lastpos = filePath.lastIndexOf("/")) != -1) { return filePath.substring(0, lastpos); } else { return filePath.substring(0, filePath.lastIndexOf("\\")); } }; bidix.basename = function(filePath) { if (!filePath) return; var lastpos; if ((lastpos = filePath.lastIndexOf("#")) != -1) filePath = filePath.substring(0, lastpos); if ((lastpos = filePath.lastIndexOf("/")) != -1) { return filePath.substring(lastpos + 1); } else return filePath.substring(filePath.lastIndexOf("\\")+1); }; bidix.initOption = function(name,value) { if (!config.options[name]) config.options[name] = value; }; // // Initializations // // require PasswordOptionPlugin 1.0.1 or better bidix.checkPlugin("PasswordOptionPlugin", 1, 0, 1); // styleSheet setStylesheet('.txtUploadStoreUrl, .txtUploadBackupDir, .txtUploadDir {width: 22em;}',"uploadPluginStyles"); //optionsDesc merge(config.optionsDesc,{ txtUploadStoreUrl: "Url of the UploadService script (default: store.php)", txtUploadFilename: "Filename of the uploaded file (default: in index.html)", txtUploadDir: "Relative Directory where to store the file (default: . (downloadService directory))", txtUploadBackupDir: "Relative Directory where to backup the file. If empty no backup. (default: ''(empty))", txtUploadUserName: "Upload Username", pasUploadPassword: "Upload Password", chkUploadLog: "do Logging in UploadLog (default: true)", txtUploadLogMaxLine: "Maximum of lines in UploadLog (default: 10)" }); // Options Initializations bidix.initOption('txtUploadStoreUrl',''); bidix.initOption('txtUploadFilename',''); bidix.initOption('txtUploadDir',''); bidix.initOption('txtUploadBackupDir',''); bidix.initOption('txtUploadUserName',''); bidix.initOption('pasUploadPassword',''); bidix.initOption('chkUploadLog',true); bidix.initOption('txtUploadLogMaxLine','10'); // Backstage merge(config.tasks,{ uploadOptions: {text: "upload", tooltip: "Change UploadOptions and Upload", content: '<<uploadOptions>>'} }); config.backstageTasks.push("uploadOptions"); //}}}
/*** Description: Settings made to stick ***/ //{{{ config.options.txtTheme="FlexTheme"; config.options.txtBackupFolder="backup"; config.options.chkInsertTabs=true; config.macros.search.label=""; config.macros.list.all.prompt=""; config.macros.list.shadowed.prompt=""; config.messages.backstage.open.text=""; merge(config.views.wikified.tag,{labelNoTags:"",labelTags:""}); merge(config.macros.tagging,{labelNotTag:"",label:""}); //}}}