<!--{{{-->
<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>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
</div>
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
<!--}}}-->

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

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

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

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

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

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

----
Also see [[AdvancedOptions]]

<<importTiddlers>>

|borderless|k
|<html><img src="pics/cartoons/drawing_me.png"></html>|
|Welcome to my cartoons section! A long while back I was very active drawing cartoons. This page is mainly an archive of all my work that I like to share. Maybe someday I will start drawing again, for now I am a bit done with it. So yes the image above is kind of autobiographic ;-) Click on the following subsections to visit some of my work.|
-----
* [[Vitreous Humour|VitreousHumour]]
* [[E! The Cartoon|ETheComic]]

[[WasteBucket]]

|borderless|k
|<html><img src="pics/cartoons/e/e-logo.png" align="left"></html>|Welcome to E! the very first comic about epilepsy. Somewhere in 2001 I was visiting a messageboard about epilepsy called Harborview, and had a lot of fun with my friends. After pondering for a while I wrote a few issues of this comic. I stopped after a few months because my english wasn't very good back then and I could not really express the joke properly. It's a shame that I stopped but the comic was well received and always subject for discussion as a lot of people recognised the difficulty with epilepsy in every day's life. By the way, I also have a mild form of epilepsy. Here are some issues I created (click to enlarge):|
-----
|borderless|k
|''Issue 1: Deja Vu ...''<br>Haven't I seen this before? It is an aggrevating feeling which people with epileosy experience way too often.|<html><a href="pics/cartoons/e/issues/ecomic_issue1-large.png" target="blank"><img src="pics/cartoons/e/issues/ecomic_issue1-small.png" align="left"></a></html>|
|''Issue 2: Absences Are Bliss ...''<br>Absences are a very common (beneign) symptom of epilepsy. It is commonly mistaken for daydreaming|<html><a href="pics/cartoons/e/issues/ecomic_issue2-large.png" target="blank"><img src="pics/cartoons/e/issues/ecomic_issue2-small.png" align="left"></a></html>|
|''Issue 3: Where Are They!?''<br>How often I didn't lose my medicines, and no I didn't had a cat back then|<html><a href="pics/cartoons/e/issues/ecomic_issue3-large.png" target="blank"><img src="pics/cartoons/e/issues/ecomic_issue3-small.png" align="left"></a></html>|
|''Issue 4: 64Mb Is Enough?''<br>When taking meds every day, it becauses an automatic thing. Most of the time 5 mins after taking them I forgot that I took them.|<html><a href="pics/cartoons/e/issues/ecomic_issue4-large.png" target="blank"><img src="pics/cartoons/e/issues/ecomic_issue4-small.png" align="left"></a></html>|
|''Issue 5: Introducing Jude!''<br>Jude Rouslin was a very good friend and somewhat a mother figure on the forum where I posted these cartoons.|<html><a href="pics/cartoons/e/issues/ecomic_issue5-large.png" target="blank"><img src="pics/cartoons/e/issues/ecomic_issue5-small.png" align="left"></a></html>|
|''Issue 6: Damned If I Do ...''<br>Meds and their side symptoms. It is even worse if they influence eachother.|<html><a href="pics/cartoons/e/issues/ecomic_issue6-large.png" target="blank"><img src="pics/cartoons/e/issues/ecomic_issue6-small.png" align="left"></a></html>|
|''Issue 7: Prozac''<br>The cat from issue 3 makes his appearance again. Although not my best work, I liked the cat's personality.|<html><a href="pics/cartoons/e/issues/ecomic_issue7-large.png" target="blank"><img src="pics/cartoons/e/issues/ecomic_issue7-small.png" align="left"></a></html>|
|''Issue 8: Fits the gallery ...''<br>A grand mal means you fall down while in the process of doing something. Jude is an artist, and this seemed to suit her twisted sense of humour.|<html><a href="pics/cartoons/e/issues/ecomic_issue8-large.png" target="blank"><img src="pics/cartoons/e/issues/ecomic_issue8-small.png" align="left"></a></html>|

In my spare time I like to play guitar. The style I love the most is (contemporary) [[travis picking|http://en.wikipedia.org/wiki/Fingerstyle_guitar]], and fingerpicking blues in the style of [[Mississippi John Hurt|http://en.wikipedia.org/wiki/Mississippi_John_Hurt]]. I own a [[Yamaha APX500|http://usa.yamaha.com/products/musical-instruments/guitars-basses/el-ac-guitars/apx/apx500/?mode=model]] which is quite a sweet guitar, and an [[UX1 Pod|http://line6.com/podstudioux1/]] from Line6 which with I occasionally record some music. Below you will find some of my work in mp3 format to download.
-----
* [[Freight Train|guitar/FreightTrain.mp3]] - A song originally by Elisabeth Cotten, from the [[book|http://www.amazon.com/Art-Contemporary-Travis-Picking-Fingerpicking/dp/0936799005]] Contemporary Travis Picking.
* [[Shake That Thing|guitar/shake.mp3]] - A song by Mississippi John Hurt
* [[Drie Keer Vallen|guitar/Drie Keer Vallen.mp3]] - Played by my brother, originally from the band Acda & De Munnik.

<html><img src="pics/me_pose_big.png" align="left"></html>Hi! Thanks for showing interest in me as a person. My name is Jorgen Bodde, I live in [[Delft|http://en.wikipedia.org/wiki/Delft]], the Netherlands. During my work hours I try to be a senior software engineer at the government, developing applications for [[forensic analysis|http://www.holmes.nl/NFIlabs/index.html]]. I mainly develop in Java, but also have knowledge of C++, C#, Delphi and Python. Ok that was the boring part of my life.

I try to be active once in a while on [[facebook|http://www.facebook.com/profile.php?id=100001180514077]], and I also use [[twitter|http://twitter.com/jorgb]] to keep friends informed about the stuff I like.. Way back in 2004 I set up a [[forum for wxWidgets development|http://wxforum.shadonet.com/]], which reached the 10.000 members marker in March of 2009. I am proud of all people there who help the developers that are new to wxWidgets.

On my applications page you will find a number of user applications I developed in my spare time during the time I had not much else to do. Nowadays I tend to take the guitar when I am bored. I also used to draw a lot of [[cartoons|Cartoons]] which I hope you will like.

I also try to be active outside instead of typing on the typer, or surfing the interwebs. I try to run twice a week (if the weather cooperates), like to do snowboarding, skating, biking, indoor and outdoor climbing, heck you can find a lot of my attempts and logged GPS trails on my [[Run.GPS|http://www.gps-sport.net/users/jorgb]] site.

If there is anything else worth mentioning about my life, I will mention it here. Oh yes, you can reach me by [[email|jorgb@xs4all.nl]] if you want to drop a question or just say hi.

[[WasteBucket]]
[[About Me|JorgenBodde]]
[[RunGPS Statistics]]
[[Guitar Playing]]
----
''[[Cartoons]]''
[[Vitreous Humour|VitreousHumour]]
[[E!|ETheComic]]  
----
''Applications''
----
''wxWidgets''
[[wxTreeMultiCtrl|wxTreeMultiCtrl]]
----

I love to do competition with my [[unkle|http://www.gps-sport.net/users/ErwinB]]. He bikes a lot, I try to compensate his efforts by running and/or skating. It's not my main goal to compete, but it's fun to keep track and it motivates me to run that extra mile if we're close. Here are our stats. I would like you to [[visit my profile|http://www.gps-sport.net/users/jorgb]] and maybe challenge me by running a track which I already ran.
-----
|borderless|k
|''Jorgen's Statistics''|''Erwin's Statistics''|
|<html><iframe src="http://www.gps-sport.net/embedQuickUserInfo.jsp?userName=jorgb&amp;width=270&amp;height=270&amp;color=none&amp;units=Metric&amp;mapType=NORMAL&amp;trainingID=21869&amp;routeID=7623&amp;zoom=13" width="280" height="280" scrolling="no" align="center"  valign="top" frameborder="0"></iframe><br/><a href="http://www.GPS-Sport.net" title="Run.GPS Community"><img border="0" alt="Run.GPS Community" src="http://www.GPS-Sport.net/favicon.png"/></a> <a href="http://www.RunGPS.net" title="Run.GPS Mobile Sports GPS Software"><img border="0" alt="Run.GPS Mobile Sports GPS Software" src="http://www.RunGPS.net/favicon.png"/></a></html>|<html><iframe src="http://www.gps-sport.net/embedQuickUserInfo.jsp?userName=erwinb&amp;width=270&amp;height=270&amp;color=none&amp;units=Metric&amp;mapType=NORMAL&amp;trainingID=21869&amp;routeID=7623&amp;zoom=13" width="280" height="280" scrolling="no" align="center"  valign="top" frameborder="0"></iframe><br/><a href="http://www.GPS-Sport.net" title="Run.GPS Community"><img border="0" alt="Run.GPS Community" src="http://www.GPS-Sport.net/favicon.png"/></a> <a href="http://www.RunGPS.net" title="Run.GPS Mobile Sports GPS Software"><img border="0" alt="Run.GPS Mobile Sports GPS Software" src="http://www.RunGPS.net/favicon.png"/></a></html>|

just another trashcan of the internet ...

The WasteBucket

/*{{{*/

.viewer table.borderless,
.viewer table.borderless * {
	border: 0;
}

/*}}}*/

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

body {font-size:0.95em; 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:left; 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: 0; 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;}
/*}}}*/

|borderless|k
|<html><img src="pics/cartoons/vitreous/floaters.png"></html>|I am one of the many people who suffer from floaters (also called [[mouches volantes|http://en.wikipedia.org/wiki/Floater]]), and really struggle with it on a daily base. Since I make a habit out of creating cartoons that concern my health (see [[E!|ETheComic]]), I created a couple of issues to mock the floaters themselves, and posted them op the [[Dutch Floater Forum|http://glasvochttroebe.forum2go.nl/]]. Click on the images for a larger version.<br><br>Some technical details; I usually sketch my comics on paper, scan them and use [[Inkscape|http://inkscape.org/]] to ink, color and apply a finishing touch.|
-----
|borderless|k
|''Issue 1: Just a day (3-Aug-2010)''<br>A first unpleasant welcome with floaters. I know exactly when I first noticed them, and they never wanted to leave me alone ;-)|<html><a href="pics/cartoons/vitreous/vh1s.png" target="blank"><img src="pics/cartoons/vitreous/vh1s_small.png"></a></html>|
|''Issue 2: Ssslide ... (21-Aug-2010)''<br>I am a software developer, and when I stare at a too bright screen, //they// appear again...|<html><a href="pics/cartoons/vitreous/vh2s.png" target="blank"><img src="pics/cartoons/vitreous/vh2s_small.png"></a></html>|
|''Issue 3: Here's an idea ... (15-Sep-2010)''<br>It is annoying to see floaters circle through your vision field, if only they could get sick of it...|<html><a href="pics/cartoons/vitreous/vh3s.png" target="blank"><img src="pics/cartoons/vitreous/vh3s_small.png"></a></html>|

Hi, welcome to the waste bucket. This site is just another spot on the internet with mostly meaningless stuff. Well ok, something did bring you here, so feel free to look around!

----
* ''29-Jan-2010'': Updated formatting on cartoons section(s), added section [[about me|JorgenBodde]], added a [[guitar section|Guitar Playing]]
* ''27-Jan-2010'': Added [[wxTreeMultiCtrl]] wxWidgets component
* ''26-Jan-2010'': Added [[Vitreous Humour|VitreousHumour]] cartoons

This tag contains all my cartooning work, feel free to look around!

* [[API Documentation|http://www.xs4all.nl/~jorgb/api/wxtreemultictrl/index.html]]
* [[Changelog|wxTreeMultiCtrl Changelog]]
* [[Downloads|wxTreeMultiCtrl Downloads]]
* [[Build Instructions|wxTreeMultiCtrl Build Instructions]]
!Latest Info
* ''02-May-2009'' - wxTreeMultiCtrl v1.2
* ''29-Jul-2007'' - wxTreeMultiCtrl v1.11 released
* ''04-Jan-2006'' - wxTreeMultiCtrl v1.10 released 
!Introduction
This control allows you to add any wxWindow derived class to a tree shaped structure similar to a wxTreeCtrl. It is very well suited for a scrollable property sheet, advanced property area, and what else. It is freeware, and based upon the wxWidgets license.
<html>
<br>
<a href="wxwidgets/wxtreemultictrl/treemultictrl_v12.png" target="_blank">
<img src="wxwidgets/wxtreemultictrl/treemultictrl_v12_small.png">
</a>
</html> 

!!Build with """CMake"""
Why [[CMake|http://www.cmake.org/]]? It has a slightly different approach towards Bakefile. To begin with, the projects are generated on the spot for you after you set the options YOU want! For example, when you don't want checkbox view support built in wxTreeMultiCtrl, set """USE_CHECKBOXVIEW""" to NO as option. With Bakefile, you need to do this in the project. It can also auto generate Doxygen documentation for you on the spot! So it is still my favorite project generator. What to do:
!!!Prerequisites
# Download [[CMake|http://www.cmake.org/]] and install it
# Make sure wxWidgets (2.8.x) is installed on your system 
!!!On Windows
# Run """CMakeSetup""".exe
# Select the compiler you want to generate projects for
# Where is the source: {this component location}, eg. Z:\Src\tmc\wxCode\components\treemultictrl\
# Where to build the binaries: D:\temp\out-of-the\source\treemultictrl
# Press CONFIGURE
# Select your options, e.g. """USE_CHECKBOXVIEW""", DOXYGEN documentation, etc
# Press CONFIGURE until GENERATE button is enabled
# Press GENERATE to generate the projects
# Open the project and build the """ALL_BUILD""" target 
!!!On Linux
# You can use """CmakeSetup""" under linux as well, but also a command line tool is available
# Make a directory where you want to generate the binary files (library and intermediate files)
# Go into that directory
# Type ccmake {path to source}
# Type C for configure until nothing changes
# Type 'G' to generate the makefile
# Press E to exit the generation tool
# Type make to compile the code 
!!!On MINGW
Simply run """CMakeSetup""".exe inside the MSYS shell, and follow the steps on Windows platform.
!!!General Info
If the test application is crashing, make sure you add """/EHsc""" as flag to the C++ console flags. I am solving this but for now I need to add it manually. 

!!What is new?
* ''v1.2 - Released on 02-May-2009''
** Adjusted """CMakeLists""".txt file to work with included find script
** Restructured directories to be lots easier
** Added """SetCaption"""() which allows the user to change the text of a node on the fly thanks to Juergen Waser for the suggestion
** Added wxTreeMultiItem::"""GetName""" to get name back from created caption/window
** Optimized documentation structure
** Fixed some warnings related to deprecated XPM static char * references
** Fixed wxTreeMultiCtrl::operator= to return wxTreeMultiCtrl (suggested by Orbitcowboy)
** Lots of small changes
** Compliant with wxWidgets 2.8 
* ''v1.11 - Released on 29-Jul-2007''
** Added Hartwig Wiesmann's patches containing a way to generate events upon clicking / selecting
** Many small fixes
** Works with wx2.8.4 now 
* ''v1.10 - Released on 04-Jan-2006''
** I added a spanning feature. This spanning feature allows the use of sizers more effectively. Whenever the span flag is switched on, the wxTreeMultiItem that has it will dynamically resize along with the width of the wxTreeMultiCtrl this makes it more appealing for edit controls that dynamically resize or edit areas.
** Whenever there is a sizer attached to the control, this will also receive the new best size.
** Improved the redraw mechanism a bit.
** In between release to get """CMake""" working next to Bakefile. Sorry, but Bakefile has it's limitations! 
* ''v1.09 - Released on 21-Jul-2005''
** Ok my secomd attempt with Bakefile. Cmake is great, but it annoys me that the FindWxWin.cmake script still sucks bigtime
** The bakefile seems to work fine now for debug, it is the only addition. Now wxWin 2.6.0 - 2.4.2 is properly supported 
* ''v1.08 - Released on 05-May-2005''
** Tried Bakefile for this project, but due to it's 'incompleteness' towards user projects I had to use CMake again.
** I also altered the FindWxWin.CMAKE file so seperate libraries can be used instead of monolithic
** Fixed a local redraw bug (category: Bug) (completed: 4/30/2005)
** IsExpanded argument removed (category: Bug) (completed: 4/30/2005)
** Added new Panther OSX icons (completed: 4/30/2005) thanks to David Wright
** 0000093: [Documentation] Added doxygen generation in CMake script (jorgb)
** Set USE_DOXYGEN to YES in CMake to get documentation on the fly (or check it from the site)
** 0000048: [Improvements] Allow a checkboxes and radioboxes at any level (jorgb)
** If you don't wish checkbox functionality (remember this is a toggle so not all items automatically get a checkbox) simply set USE_CHECKBOXVIEW in CMake to NO. This will exclude this functionality in the compile process (saves about 15k). I made this a compiler option because extra 3 icon bitmaps are included in the build.
** 0000077: GUI Upon clicking the checkbox is not redrawn properly (jorgb)
** 0000081: [Development] Upon checking the TreeMultiItemNode, the underlying items should be all checked or cleared (jorgb)
** 0000072: GUI Optimize performance on redrawing of the nodes (jorgb)
** 0000049: wxWidgets Distrib Arranged the source so it matches the Contrib directory of wxWidgets (jorgb) If wxWidgets wants to put it in the contrib, I won't stop them.
** 0000047: [Improvements] Add a new way how to allow controls at the caption level (jorgb) This is a patch which can be found at: http://solidsteel.nl/bugs/view.php?id=47 although I strongly advice against it. I do not offer support on bugs when this patch is applied, because I haven't been able to test it thoroughly, and it seems to disrupt the intended object model. 

The latest version is v1.2, released on 02-May-2009.

This release has a different dir structure, some fixes and is tested to run on wxWidgets 2.8.x
* [[wxtreemultictrl_v1.2.tar.gz|wxwidgets/wxtreemultictrl/wxtreemultictrl_v1.2.tar.gz]] (354.01 kB) 	Archive containing source code that compiles on all platforms
* [[wxtreemultictrl_v1.11.zip|wxwidgets/wxtreemultictrl/wxtreemultictrl_v1.11.zip]] (769.46 kB) 	Legacy source code, please use the newest version