<!--{{{-->
<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]];}
.readOnly {background:[[ColorPalette::TertiaryPale]];}
#backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
#backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
#backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
#backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
#backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
.backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
.backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
#backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:'alpha(opacity=60)';}
/*}}}*/
/*{{{*/
* html .tiddler {height:1%;}
body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}
hr {height:1px;}
a {text-decoration:none;}
dt {font-weight:bold;}
ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:lower-alpha;}
ol ol ol ol ol ol {list-style-type:lower-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}
.txtOptionInput {width:11em;}
#contentWrapper .chkOptionInput {border:0;}
.externalLink {text-decoration:underline;}
.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}
.tiddlyLinkExisting {font-weight:bold;}
.tiddlyLinkNonExisting {font-style:italic;}
/* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
a.tiddlyLinkNonExisting.shadow {font-weight:bold;}
#mainMenu .tiddlyLinkExisting,
#mainMenu .tiddlyLinkNonExisting,
#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
#sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}
.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0 1em 1em; left: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:0 0.2em; padding:0.2em 0.3em; display:block;}
#sidebarOptions input {margin:0.4em 0.5em;}
#sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
#sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
#sidebarOptions .sliderPanel input {margin:0 0 0.3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}
.wizard {padding:0.1em 1em 0 2em;}
.wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
.wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0; margin:0.4em 0 0.2em;}
.wizardStep {padding:1em 1em 1em 1em;}
.wizard .button {margin:0.5em 0 0; font-size:1.2em;}
.wizardFooter {padding:0.8em 0.4em 0.8em 0;}
.wizardFooter .status {padding:0 0.4em; margin-left:1em;}
.wizard .button {padding:0.1em 0.2em;}
#messageArea {position:fixed; top:2em; right:0; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
.messageToolbar {display:block; text-align:right; padding:0.2em;}
#messageArea a {text-decoration:underline;}
.tiddlerPopupButton {padding:0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em; margin:0;}
.popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
.popup .popupMessage {padding:0.4em;}
.popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0;}
.popup li.disabled {padding:0.4em;}
.popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
.listBreak {font-size:1px; line-height:1px;}
.listBreak div {margin:2px 0;}
.tabset {padding:1em 0 0 0.5em;}
.tab {margin:0 0 0 0.25em; padding:2px;}
.tabContents {padding:0.5em;}
.tabContents ul, .tabContents ol {margin:0; padding:0;}
.txtMainTab .tabContents li {list-style:none;}
.tabContents li.listLink { margin-left:.75em;}
#contentWrapper {display:block;}
#splashScreen {display:none;}
#displayArea {margin:1em 17em 0 14em;}
.toolbar {text-align:right; font-size:.9em;}
.tiddler {padding:1em 1em 0;}
.missing .viewer,.missing .title {font-style:italic;}
.title {font-size:1.6em; font-weight:bold;}
.missing .subtitle {display:none;}
.subtitle {font-size:1.1em;}
.tiddler .button {padding:0.2em 0.4em;}
.tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
.isTag .tagging {display:block;}
.tagged {margin:0.5em; float:right;}
.tagging, .tagged {font-size:0.9em; padding:0.25em;}
.tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
.tagClear {clear:both;}
.footer {font-size:.9em;}
.footer li {display:inline;}
.annotation {padding:0.5em; margin:0.5em;}
* html .viewer pre {width:99%; padding:0 0 1em 0;}
.viewer {line-height:1.4em; padding-top:0.5em;}
.viewer .button {margin:0 0.25em; padding:0 0.25em;}
.viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
.viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}
.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
table.listView {font-size:0.85em; margin:0.8em 1.0em;}
table.listView th, table.listView td, table.listView tr {padding: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 0; font-size:.9em;}
.editorFooter .button {padding-top:0px; padding-bottom:0px;}
.fieldsetFix {border:0; padding:0; margin: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;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0; right:0;}
#backstageButton a {padding:0.1em 0.4em; margin:0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; width:90%; margin-left:3em; padding:1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em;}
#backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}
.whenBackstage {display:none;}
.backstageVisible .whenBackstage {display:block;}
/*}}}*/
/***
StyleSheet for use when a translation requires any css style changes.
This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which need larger font sizes.
***/
/*{{{*/
body {font-size:0.8em;}
#sidebarOptions {font-size:1.05em;}
#sidebarOptions a {font-style:normal;}
#sidebarOptions .sliderPanel {font-size:0.95em;}
.subtitle {font-size:0.8em;}
.viewer table.listView {font-size:0.95em;}
/*}}}*/
/*{{{*/
@media print {
#mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea {display: none !important;}
#displayArea {margin: 1em 1em 0em;}
noscript {display:none;} /* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
}
/*}}}*/
<!--{{{-->
<div class='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>>
/***
|''Name:''|ThemedTiddlerPlugin |
|''Description:''|Per-Tiddler Mini-Themes |
|''Author:''|PaulDowney (psd (at) osmosoft (dot) com) |
|''Source:''|http://whatfettle.com/2008/07/ThemedTiddlerPlugin/ |
|''CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/PaulDowney/plugins/ThemedTiddlerPlugin/ |
|''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
The extended field "theme" is used to reference a tiddler containing a "mini-theme"
A mini-theme is a tiddler containing a [[ViewTemplate]], [[EditTemplate]] and [[StyleSheet]] sections which are applied when the tiddler is displayed.
In addition, a CSS class of the theme name is added to the tiddler which may be useful when writing a mini-theme [[StyleSheet]].
!!Code
***/
//{{{
/*jslint onevar: false nomen: false plusplus: false */
/*global Story, store, setStylesheet, addClass */
if (!version.extensions.ThemedTiddlerPlugin) {
version.extensions.ThemedTiddlerPlugin = {installed: true};
Story.prototype.__chooseTemplateForTiddler = Story.prototype.chooseTemplateForTiddler;
Story.prototype.chooseTemplateForTiddler = function (title, n)
{
// translate number into template name
var template = ["ViewTemplate", "EditTemplate"][n ? n - 1 : 0];
var tiddler = store.getTiddler(title);
if (tiddler) {
var theme = tiddler.fields.theme;
if (theme) {
// assert stylesheet
var style = store.getTiddlerText(theme + '##StyleSheet');
if (style) {
setStylesheet(style, theme);
}
// return theme template
var slice = theme + '##' + template;
if (store.getTiddlerText(slice)) {
return slice;
}
}
}
// default template
return this.__chooseTemplateForTiddler.apply(this, arguments);
};
// assert theme name as a class on the tiddler
Story.prototype.__refreshTiddler = Story.prototype.refreshTiddler;
Story.prototype.refreshTiddler = function (title, template, force, customFields, defaultText)
{
var tiddlerElem = this.__refreshTiddler.apply(this, arguments);
var tiddler = store.getTiddler(title);
if (tiddler) {
addClass(tiddlerElem, store.getTiddler(title).fields.theme);
}
return tiddlerElem;
};
}
//}}}
/***
|''Name''|ImageMacroPlugin|
|''Description''|Allows the rendering of svg images in a TiddlyWiki|
|''Author''|Osmosoft|
|''License''|[[BSD|http://www.opensource.org/licenses/bsd-license.php]]|
|''Notes''|Currently only works in modern browsers (not IE)|
!Code
***/
/*{{{*/
config.macros.image = {
_fixPrefix: 1
,generateIdPrefix: function(){
return "$tw_svgfix_" + (this._fixPrefix++).toString() + "_";
}
,fixSVG: function(childNodes,idPrefix) {
if(!idPrefix)idPrefix = this.generateIdPrefix();
var urlPattern = /^\s*url\(\#([^\)]*)\)\s*$/ig;
var fixes = [
{attr: "id", namespace: "", pattern: /^(.*)$/ig},
{attr: "fill", namespace: "", pattern: urlPattern},
{attr: "stroke", namespace: "", pattern: urlPattern},
{attr: "href", namespace: "http://www.w3.org/1999/xlink", pattern: /^#(.*)$/ig}
];
for(var t=0; t<childNodes.length; t++) {
var node = childNodes[t];
for(var a=0; a<fixes.length; a++) {
var fix = fixes[a];
if(node.hasAttributeNS && node.hasAttributeNS(fix.namespace,fix.attr)) {
var v = node.getAttributeNS(fix.namespace,fix.attr);
fix.pattern.lastIndex = 0;
var match = fix.pattern.exec(v);
if(match) {
var replacement = (idPrefix + match[1]).replace("$","$$$$"); // Make sure replacement string doesn't contain any single dollar signs
v = v.replace(match[1],replacement);
node.setAttributeNS(fix.namespace,fix.attr,v);
}
}
}
var children = node.childNodes;
if(children.length > 0)
this.fixSVG(children,idPrefix);
}
}
,importSVG: function(place,options){
if(!options)options = {};
var tiddlerText =options.tiddler.text;
var svgDoc;
if (window.DOMParser){
svgDoc = new DOMParser().parseFromString(tiddlerText, "application/xml").documentElement;
if(options.fix){
this.fixSVG(svgDoc.childNodes);
}
var el;
el = jQuery(document.importNode(svgDoc, true))[0];
if(options.width)el.setAttribute("width",options.width);
if(options.height)el.setAttribute("height",options.height);
if(options.transform)el.setAttribute("viewbox",options.transform);
jQuery(place).append(el);
}
else{ //IE
//do some ie magic
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(tiddlerText);
svgDoc = xmlDoc.documentElement;
}
}
,handler: function(place, macroName, params){
var img;
var tiddler = store.getTiddler(params[0]);
var width = params[1];
var height = params[2];
var transform = params[3];
if(!tiddler)return;
//do some type checking
var options = {tiddler:tiddler,fix:true,width:width,height:height,transform:transform};
this.importSVG(place,options);
}
}
/*}}}*/
/***
|''Name:''|ImageViewMacroPlugin|
|''Description:''|Provide a view macro to display image tiddlers using the ImageMacroPlugin |
|''Author:''|PaulDowney (psd (at) osmosoft (dot) com) |
|''Source:''|http://whatfettle.com/2008/07/ImageViewMacroPlugin/ |
|''CodeRepository:''|http://svn.tiddlywiki.org/Trunk/contributors/PaulDowney/plugins/ImageViewMacroPlugin/ |
|''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|
!!Code
***/
//{{{
/*jslint onevar: false nomen: false plusplus: false */
/*global jQuery config */
(function ($) {
version.extensions.ImageViewMacroPlugin = {installed: true};
// view macro for SVG image tiddlers
config.macros.view.views.image = function (value, place, params, wikifier, paramString, tiddler) {
config.macros.image.handler(place, "image", [tiddler.title, tiddler.fields.width, tiddler.fields.height, tiddler.fields.transform]);
};
}(jQuery));
//}}}
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="183.50534" height="63.044147" viewBox="0 0 468 212" preserveAspectRatio="xMidYMid meet"><g transform="matrix(5.1942e-2,0,0,-5.1942e-2,-93.283282,192.22572)" style="fill:#000000;stroke:none"><path d="M 11827.537,3628.3359 C 11794.044,3593.5969 11757.086,3561.4017 11714.267,3538.7 C 11659.782,3540.833 11606.445,3502.9881 11590.378,3450.7899 C 11494.424,3328.1985 11383.634,3215.6867 11253.907,3128.9094 C 11046.155,2960.0118 10838.609,2787.7125 10603.836,2657.1043 C 10566.598,2625.5407 10521.367,2600.4363 10471.919,2596.7714 C 10356.658,2663.3028 10258.605,2762.555 10128.422,2800.9473 C 9965.1143,2865.4179 9773.2306,2867.8985 9614.8781,2787.5077 C 9449.6964,2690.1533 9339.2392,2527.7942 9192.8131,2407.5679 C 8916.3553,2173.1127 8596.8622,1996.1859 8320.4847,1761.6119 C 8096.4059,1590.8982 7846.0192,1458.4916 7589.5353,1343.9192 C 7313.065,1213.8023 7022.3126,1104.6213 6717.4057,1067.6663 C 6254.0697,1005.1927 5783.601,1032.1119 5321.8761,1095.1346 C 5083.0076,1125.6317 4843.2197,1151.276 4602.4364,1159.2958 C 4258.8162,1189.6189 3927.4703,1294.1895 3604.0176,1409.2666 C 3331.4427,1505.3333 3061.9655,1610.5207 2797.5673,1727.3229 C 2454.8344,1900.03 2158.3178,2150.6328 1888.2749,2420.8198 C 1651.4905,2660.5483 1443.0771,2930.4483 1175.7515,3138.3468 C 1010.9509,3267.5079 833.73221,3379.4828 665.35326,3503.7362 C 645.28888,3530.2386 608.47592,3552.7441 575.23764,3537.2591 C 546.02221,3515.1744 555.11187,3465.0498 585.90075,3448.821 C 676.07676,3363.2397 735.20359,3252.2766 805.02084,3150.7867 C 877.19338,3040.4647 958.05549,2934.2752 1058.78,2848.4174 C 1262.9626,2656.8175 1492.6611,2491.0734 1672.4192,2274.4438 C 1821.7622,2078.9008 1896.0733,1840.6583 2014.5931,1627.3875 C 2081.2234,1506.2739 2163.8585,1395.1882 2242.022,1281.5032 C 2388.54,1074.2202 2553.6226,876.10392 2758.3934,723.99386 C 3033.9611,516.03567 3353.9133,376.77918 3678.7931,265.96422 C 4299.7855,53.562104 4947.7682,-64.821209 5595.8338,-158.19812 C 5708.1668,-175.262 5821.182,-189.04954 5932.4393,-212.34513 C 6052.3493,-240.87928 6165.2499,-291.49021 6279.5939,-336.24226 C 6396.9708,-369.58038 6519.3417,-345.61368 6638.7942,-342.23763 C 6811.634,-332.97006 6984.1698,-315.702 7154.6467,-285.29699 C 7513.4372,-226.35121 7869.0877,-142.17149 8232.736,-117.7872 C 8493.0032,-85.429679 8734.7677,26.133167 8963.6702,148.97646 C 9468.4991,416.78919 9943.3538,740.71111 10378.943,1110.8258 C 10510.676,1218.1693 10646.338,1327.3872 10738.68,1472.4489 C 10880.663,1707.276 10884.904,2014.7413 10761.096,2258.064 C 10743.466,2291.3313 10748.507,2333.3799 10773.161,2361.6606 C 10795.524,2390.3847 10831.624,2400.544 10859.11,2422.8874 C 11110.152,2597.2226 11334.508,2808.6034 11532.313,3041.3486 C 11674.377,3210.1179 11801.162,3391.7867 11910.602,3583.4029 C 11935.811,3609.7339 11954.48,3646.9188 11947.071,3684.1529 C 11923.329,3714.6313 11866.532,3700.6616 11859.168,3662.8485 C 11852.009,3648.9529 11843.247,3633.6666 11827.537,3628.3359 z M 11589.377,3241.1422 C 11547.956,3175.6743 11485.193,3126.1716 11448.551,3057.3649 C 11327.276,2943.1166 11191.04,2846.4725 11066.437,2736.0797 C 11194.318,2932.8987 11406.081,3055.1063 11566.495,3229.0684 C 11573.271,3234.4816 11581.013,3238.7723 11589.377,3241.1422 z M 1340.6794,2830.4823 C 1194.8984,2940.2787 1045.1169,3048.8142 927.41163,3189.9652 C 1076.8905,3120.9422 1215.001,2952.058 1340.6794,2830.4823 z M 1036.1466,2986.9242 C 991.86754,3013.2817 964.91421,3058.8628 928.43404,3093.8818 C 972.48014,3067.4164 1001.6254,3023.7201 1036.1466,2986.9242 z M 1457.8073,2831.786 C 1425.4929,2818.0005 1384.0221,2843.6867 1381.8939,2878.806 C 1416.614,2891.7894 1438.6333,2853.3662 1457.8073,2831.786 z M 1365.4063,2728.7951 C 1521.213,2571.8006 1682.8302,2420.1499 1827.7833,2252.751 C 1741.5384,2290.0372 1679.4399,2364.8766 1627.469,2440.6419 C 1517.3531,2589.9768 1239.1447,2676.0496 1218.0385,2850.9709 C 1284.7539,2841.1462 1316.3347,2775.5748 1365.4063,2728.7951 z M 10863.184,2692.2919 C 10826.959,2655.3528 10788.05,2620.1615 10742.674,2594.8109 C 10764.997,2670.4759 10834.139,2677.7147 10863.184,2692.2919 z M 11062.301,2662.3072 C 11020.515,2621.8078 10973.316,2586.7178 10921.687,2559.8164 C 10954.705,2611.5216 11026.179,2640.739 11062.301,2662.3072 z M 10873.595,2520.2059 C 10812.284,2486.0943 10764.048,2438.7158 10716.993,2388.9503 C 10686.173,2471.6583 10785.406,2482.597 10854.193,2529.5118 C 10861.742,2531.6932 10870.716,2527.6647 10873.595,2520.2059 z M 2004.4044,1916.6009 C 2015.53,1816.0797 2077.9866,1761.9996 2110.0693,1680.2911 C 2122.7957,1645.6063 2142.035,1612.7427 2146.7186,1575.5497 C 2047.584,1722.7145 1981.7732,1890.7624 1887.6442,2041.3234 C 1897.3803,2077.4008 1960.5951,2068.8941 1960.8127,2031.6549 C 1958.683,1988.1248 1999.5359,1958.3204 2004.4044,1916.6009 z M 2230.8519,1601.1097 C 2253.8139,1568.6219 2287.6143,1543.0374 2300.9588,1504.3432 C 2250.6084,1485.8955 2192.9824,1542.61 2210.5052,1593.3664 C 2214.4359,1600.0363 2223.3233,1604.6988 2230.8519,1601.1097 z M 3281.0995,1449.8826 C 3358.4261,1412.8405 3438.5724,1382.1368 3516.228,1345.8224 C 3515.5564,1310.8033 3557.0866,1283.3603 3588.9586,1297.7644 C 3630.9799,1297.8757 3672.3932,1276.077 3696.141,1241.3494 C 3702.161,1206.0649 3657.1769,1175.5933 3626.7299,1194.3316 C 3504.6902,1240.3306 3421.4049,1353.1536 3297.1625,1394.8331 C 3243.4845,1398.8597 3190.8226,1421.4075 3152.5912,1459.6791 C 3195.886,1507.2562 3231.5881,1479.4324 3281.0995,1449.8826 z M 2738.204,1342.635 C 2698.7488,1348.5818 2661.8424,1366.7294 2630.6068,1391.2404 C 2635.5466,1437.3964 2713.3258,1359.6889 2738.204,1342.635 z M 2467.7107,1256.9376 C 2500.1256,1259.9513 2498.5634,1206.1316 2471.7242,1199.8492 C 2440.4731,1197.6485 2435.4731,1255.844 2467.7107,1256.9376 z M 4138.7363,1168.2872 C 4337.1007,1112.5868 4531.5715,1042.4487 4733.277,999.10769 C 4730.1978,962.58038 4679.8896,941.91342 4652.0945,965.75634 C 4442.147,1026.3192 4220.973,1050.5766 4020.3827,1141.4316 C 3991.4751,1159.5913 3954.1326,1154.2123 3925.5504,1173.1156 C 3911.9383,1207.3988 3963.6969,1240.9404 3989.3324,1214.4482 C 4036.5126,1191.43 4089.0221,1183.7927 4138.7363,1168.2872 z M 2629.0872,949.2687 C 2599.5079,960.29206 2573.9849,981.68951 2557.6535,1008.7115 C 2589.6515,1000.3983 2601.8907,964.79673 2629.0872,949.2687 z M 4307.9213,942.75021 C 4400.3734,928.94499 4493.7503,923.32196 4586.8553,915.89267 C 4632.553,860.46272 4706.8541,854.05257 4769.1287,817.87034 C 4831.8541,802.15483 4899.6501,827.23751 4960.1847,799.62061 C 4931.6422,691.09936 4727.6592,776.09623 4628.1632,802.66758 C 4519.2901,865.22965 4394.0446,909.76517 4266.8984,897.40526 C 4227.4561,895.17079 4224.4732,956.95586 4263.6538,959.15246 C 4280.5148,961.78929 4292.9406,947.38874 4307.9213,942.75021 z M 2822.9988,908.85448 C 2799.7105,904.27397 2830.9765,921.8921 2822.9988,908.85448 z M 4864.9298,882.78084 C 4879.9839,849.44568 4836.6957,810.86744 4805.2318,828.8935 C 4770.7598,836.18055 4762.8184,891.10817 4794.0468,907.67068 C 4821.1079,914.52341 4840.6078,888.49623 4864.9298,882.78084 z M 2739.708,877.56607 C 2722.4949,865.53644 2737.2111,895.14343 2739.708,877.56607 z M 6474.7888,852.79605 C 6375.8299,829.64286 6272.7196,841.24976 6173.4071,820.50063 C 6107.2101,817.67415 6040.9772,821.32691 5974.8869,824.95499 C 6136.9939,871.85273 6308.3887,866.76797 6474.7888,852.79605 z M 5356.8673,835.84824 C 5400.7331,845.73351 5447.1101,843.07319 5489.9331,829.61765 C 5511.9543,802.70147 5549.7895,796.43116 5572.0471,769.78558 C 5576.1301,733.32914 5525.0837,707.21886 5497.9989,731.91048 C 5450.4003,761.28139 5402.6525,790.81657 5351.5994,813.88099 C 5344.6285,820.0706 5347.7056,833.62675 5356.8673,835.84824 z M 2962.251,812.38194 C 3003.8402,777.52463 3055.5365,753.49293 3087.5664,708.16519 C 3058.3244,687.4609 3013.0165,696.21813 2993.5496,726.32107 C 2957.4447,734.38929 2937.0423,781.17638 2955.745,813.16992 C 2957.7278,814.30555 2960.7508,814.32797 2962.251,812.38194 z M 5744.691,813.68566 C 5753.6793,778.0843 5703.4429,747.31504 5675.9059,771.55533 C 5666.9839,805.81593 5715.2416,835.76511 5741.9242,812.58682 L 5743.3838,813.16606 L 5743.3839,813.16606 L 5743.3839,813.16638 L 5744.691,813.68566 z M 6123.4049,758.93099 C 6095.3049,722.06076 6034.2784,718.16745 6001.7357,751.16847 C 6018.1078,785.5222 6070.2306,794.24227 6096.8589,767.08369 C 6104.9611,762.50125 6113.984,758.99944 6123.4049,758.93099 z M 5134.3242,755.01994 C 5129.6981,717.22892 5071.7687,703.32358 5050.5468,734.90986 C 5043.786,779.18735 5119.1651,794.59465 5134.3242,755.01994 z M 3482.8198,715.90947 C 3527.1407,715.55004 3571.111,698.29203 3603.8335,668.33627 C 3553.9247,652.39602 3497.0509,660.45017 3453.4443,689.50234 C 3408.534,698.07731 3477.3074,759.52065 3482.8198,715.90947 z M 3264.181,679.40637 C 3535.7225,567.1537 3792.7435,422.91389 4064.4477,311.02992 C 3858.4663,335.43498 3669.19,427.20926 3485.1996,517.63672 C 3403.5308,561.38986 3324.3058,609.58713 3246.6542,660.11186 C 3203.1209,655.30675 3260.9171,720.37614 3264.181,679.40637 z M 3204.3156,622.04433 C 3203.1403,600.78623 3193.6369,635.10398 3204.3156,622.04433 z M 4016.4028,537.30498 C 4041.1018,513.2467 4046.5969,476.67801 4069.1851,451.09038 C 4056.4721,417.61195 4007.0802,406.86282 3981.6464,432.03901 C 3937.8279,452.9592 3888.1306,452.21912 3841.9126,464.54855 C 3819.3657,492.33928 3848.6295,540.54775 3883.6352,533.28064 C 3922.5087,539.00185 3962.2676,538.16019 4000.9668,531.49603 C 4006.5031,531.94228 4012.0667,533.73002 4016.4028,537.30498 z M 4248.056,323.50107 C 4304.5967,312.93654 4359.2811,291.99029 4408.0193,261.33288 C 4455.1542,277.2914 4421.5052,184.8517 4394.1719,229.18017 C 4362.0572,248.86681 4324.2065,265.70205 4285.7472,258.31747 C 4256.7175,257.78244 4221.041,292.68671 4241.4504,321.08313 C 4242.4828,323.89673 4245.6733,324.87698 4248.056,323.50107 z M 5029.674,170.26663 C 5059.9333,192.3179 5088.4532,128.64736 5054.5245,118.10329 C 4980.7733,108.47482 4909.5367,143.39656 4835.7221,135.11009 C 4791.4329,136.25474 4746.3411,138.51688 4704.0687,153.00314 C 4675.371,175.97637 4708.1472,229.4555 4741.6461,215.2348 C 4837.3838,184.83587 4931.2628,179.28249 5029.674,170.26663 z M 6866.5168,135.7708 C 6868.5065,98.587957 6834.7274,63.877769 6797.5705,64.923415 C 6773.1701,39.353539 6722.4373,61.935051 6725.0273,97.213227 C 6771.1634,117.34149 6820.054,124.09868 6866.5168,135.7708 z M 5192.8881,62.764587 C 5355.3702,56.900618 5517.8161,47.816053 5679.5807,31.143841 C 5756.4533,-6.422194 5844.6708,-19.792653 5929.2833,-7.7454465 C 6062.6366,-28.169569 6119.9311,-148.78754 6244.88,-185.20517 C 6203.5407,-300.93491 5915.2677,-105.9534 5803.4755,-60.937436 C 5573.1208,4.6466758 5328.4844,-43.52356 5097.0907,15.765907 C 5068.1849,0.41007117 5011.7189,20.466741 5026.7237,59.377041 C 5047.291,89.220873 5087.0964,74.012764 5114.9971,65.779897 C 5140.4818,57.955393 5166.8224,59.534166 5192.8881,62.764587 z M 6383.6893,-152.34301 C 6526.2209,-124.00133 6475.8332,-245.76022 6383.6893,-152.34301 z" style="fill:#000000"/><path d="M 4000,1529 C 4007.3294,1514.911 4007.7262,1540.0551 4000,1529 z"/><path d="M 6860,1350 C 6852.8111,1335.6854 6870.5582,1349.453 6860,1350 z"/></g></svg>
|''ViewTemplate''|##ViewTemplate|
!!ViewTemplate
<!--{{{-->
<!-- toolbar breaks SVG in Safari? -->
<div class="heading>
<div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div>
</div>
<div class='viewer image' macro='view text image'></div>
<div class='title' macro='view title'></div>
<div class='tagging' macro='tagging'></div>
<div class='tagged' macro='tags'></div>
<div class='tagClear'></div>
<!--}}}-->
<<image chilie>> Hot!
<<image chilie>> HOT HOT HOT!
[[ImageViewMacroPlugin]] [[chilie]]
[[ImageViewMacroPlugin]] [[ImageMacroPlugin]] [[ThemedTiddlerPlugin]] [[imageTiddler]] [[chilie]] [[jalapeno]] [[scotchbonnet]]
TiddlyWiki
ImageViewMacroPlugin
http://whatfettle.com/2008/07/ImageViewMacroPlugin/
//{{{
//}}}