Japanese Haiku
is loading




Requires Javascript,
works best with FireFox.
Japanese Haiku - by Peter Beilenson
<!--{{{-->
<link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml' />
<!--}}}-->
Background: #fff
Foreground: #000
PrimaryPale: #8cf
PrimaryLight: #18f
PrimaryMid: #04b
PrimaryDark: #014
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #841
TertiaryPale: #eee
TertiaryLight: #ccc
TertiaryMid: #999
TertiaryDark: #666
Error: #f88
/*{{{*/
body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}

a {color:[[ColorPalette::PrimaryMid]];}
a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
a img {border:0;}

h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}

.button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
.button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
.button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}

.header {background:[[ColorPalette::PrimaryMid]];}
.headerShadow {color:[[ColorPalette::Foreground]];}
.headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
.headerForeground {color:[[ColorPalette::Background]];}
.headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}

.tabSelected{color:[[ColorPalette::PrimaryDark]];
	background:[[ColorPalette::TertiaryPale]];
	border-left:1px solid [[ColorPalette::TertiaryLight]];
	border-top:1px solid [[ColorPalette::TertiaryLight]];
	border-right:1px solid [[ColorPalette::TertiaryLight]];
}
.tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
.tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
.tabContents .button {border:0;}

#sidebar {}
#sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
#sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}

.wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
.wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
.wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
.wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
	border:1px solid [[ColorPalette::PrimaryMid]];}
.wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];}
.wizardFooter {background:[[ColorPalette::PrimaryPale]];}
.wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
.wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
	border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
.wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
.wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
	border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}
	
.wizard .notChanged {background:transparent;}
.wizard .changedLocally {background:#80ff80;}
.wizard .changedServer {background:#8080ff;}
.wizard .changedBoth {background:#ff8080;}
.wizard .notFound {background:#ffff80;}
.wizard .putToServer {background:#ff80ff;}
.wizard .gotFromServer {background:#80ffff;}

#messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
#messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}

.popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}

.popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];}
.popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
.popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
.popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
.popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
.listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}

.tiddler .defaultCommand {font-weight:bold;}

.shadow .title {color:[[ColorPalette::TertiaryDark]];}

.title {color:[[ColorPalette::SecondaryDark]];}
.subtitle {color:[[ColorPalette::TertiaryDark]];}

.toolbar {color:[[ColorPalette::PrimaryMid]];}
.toolbar a {color:[[ColorPalette::TertiaryLight]];}
.selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
.selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}

.tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
.selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
.tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
.tagging .button, .tagged .button {border:none;}

.footer {color:[[ColorPalette::TertiaryLight]];}
.selected .footer {color:[[ColorPalette::TertiaryMid]];}

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

.error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
.warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
.lowlight {background:[[ColorPalette::TertiaryLight]];}

.zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}

.imageLink, #displayArea .imageLink {background:transparent;}

.annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}

.viewer .listTitle {list-style-type:none; margin-left:-2em;}
.viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
.viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}

.viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
.viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
.viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}

.viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
.viewer code {color:[[ColorPalette::SecondaryDark]];}
.viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}

.highlight, .marked {background:[[ColorPalette::SecondaryLight]];}

.editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
.editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
.editorFooter {color:[[ColorPalette::TertiaryMid]];}

#backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
#backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
#backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
#backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
#backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
.backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
.backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
#backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:'alpha(opacity:60)';}
/*}}}*/
/*{{{*/
* html .tiddler {height:1%;}

body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}

hr {height:1px;}

a {text-decoration:none;}

dt {font-weight:bold;}

ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:lower-alpha;}
ol ol ol ol ol ol {list-style-type:lower-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}

.txtOptionInput {width:11em;}

#contentWrapper .chkOptionInput {border:0;}

.externalLink {text-decoration:underline;}

.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}

.tiddlyLinkExisting {font-weight:bold;}
.tiddlyLinkNonExisting {font-style:italic;}

/* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
a.tiddlyLinkNonExisting.shadow {font-weight:bold;}

#mainMenu .tiddlyLinkExisting,
	#mainMenu .tiddlyLinkNonExisting,
	#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
#sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}

.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0em 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:0px; top:0px;}

.siteTitle {font-size:3em;}
.siteSubtitle {font-size:1.2em;}

#mainMenu {position:absolute; left:0; width:10em; text-align:right; line-height:1.6em; padding:1.5em 0.5em 0.5em 0.5em; font-size:1.1em;}

#sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
#sidebarOptions {padding-top:0.3em;}
#sidebarOptions a {margin:0em 0.2em; padding:0.2em 0.3em; display:block;}
#sidebarOptions input {margin:0.4em 0.5em;}
#sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
#sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
#sidebarOptions .sliderPanel input {margin:0 0 .3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}

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

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

.tiddlerPopupButton {padding:0.2em 0.2em 0.2em 0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em 1em 1em 1em; margin:0;}

.popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
.popup .popupMessage {padding:0.4em;}
.popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0em;}
.popup li.disabled {padding:0.4em;}
.popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
.listBreak {font-size:1px; line-height:1px;}
.listBreak div {margin:2px 0;}

.tabset {padding:1em 0em 0em 0.5em;}
.tab {margin:0em 0em 0em 0.25em; padding:2px;}
.tabContents {padding:0.5em;}
.tabContents ul, .tabContents ol {margin:0; padding:0;}
.txtMainTab .tabContents li {list-style:none;}
.tabContents li.listLink { margin-left:.75em;}

#contentWrapper {display:block;}
#splashScreen {display:none;}

#displayArea {margin:1em 17em 0em 14em;}

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

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

.missing .viewer,.missing .title {font-style:italic;}

.title {font-size:1.6em; font-weight:bold;}

.missing .subtitle {display:none;}
.subtitle {font-size:1.1em;}

.tiddler .button {padding:0.2em 0.4em;}

.tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
.isTag .tagging {display:block;}
.tagged {margin:0.5em; float:right;}
.tagging, .tagged {font-size:0.9em; padding:0.25em;}
.tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
.tagClear {clear:both;}

.footer {font-size:.9em;}
.footer li {display:inline;}

.annotation {padding:0.5em; margin:0.5em;}

* html .viewer pre {width:99%; padding:0 0 1em 0;}
.viewer {line-height:1.4em; padding-top:0.5em;}
.viewer .button {margin:0em 0.25em; padding:0em 0.25em;}
.viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
.viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}

.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
table.listView {font-size:0.85em; margin:0.8em 1.0em;}
table.listView th, table.listView td, table.listView tr {padding:0px 3px 0px 3px;}

.viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
.viewer code {font-size:1.2em; line-height:1.4em;}

.editor {font-size:1.1em;}
.editor input, .editor textarea {display:block; width:100%; font:inherit;}
.editorFooter {padding:0.25em 0em; font-size:.9em;}
.editorFooter .button {padding-top:0px; padding-bottom:0px;}

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

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

.zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
.zoomer div {padding:1em;}

* html #backstage {width:99%;}
* html #backstageArea {width:99%;}
#backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0em; right:0em;}
#backstageButton a {padding:0.1em 0.4em 0.1em 0.4em; margin:0.1em 0.1em 0.1em 0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; width:90%; margin:0em 3em 0em 3em; padding:1em 1em 1em 1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em 0.2em 0.4em;}
#backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}

.whenBackstage {display:none;}
.backstageVisible .whenBackstage {display:block;}
/*}}}*/
/***
StyleSheet for use when a translation requires any css style changes.
This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which need larger font sizes.
***/
/*{{{*/
body {font-size:0.8em;}
#sidebarOptions {font-size:1.05em;}
#sidebarOptions a {font-style:normal;}
#sidebarOptions .sliderPanel {font-size:0.95em;}
.subtitle {font-size:0.8em;}
.viewer table.listView {font-size:0.95em;}
/*}}}*/
/*{{{*/
@media print {
#mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea {display: none ! important;}
#displayArea {margin: 1em 1em 0em 1em;}
/* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
noscript {display:none;}
}
/*}}}*/
<!--{{{-->
<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
</div>
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
<!--}}}-->
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date'></span>)</div>
<div class='tagging' macro='tagging'></div>
<div class='tagged' macro='tags'></div>
<div class='viewer' macro='view text wikified'></div>
<div class='tagClear'></div>
<!--}}}-->
<!--{{{-->
<div class='toolbar' macro='toolbar [[ToolbarCommands::EditToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='editor' macro='edit title'></div>
<div macro='annotations'></div>
<div class='editor' macro='edit text'></div>
<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></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>>
|vertical-align:top;padding:5px;width:400px;"YES, COME IN!" I CRIED...<br />&nbsp; BUT AT THE WINDY<br />&nbsp; ~SNOW-HUNG GATE<br />KNOCKING STILL WENT ON|<<QOTD images>>|
|KYORA|>|
|vertical-align:top;padding:5px;width:400px;A BRIGHT AUTUMN MOON...<br />&nbsp; IN THE SHADOW OF<br />&nbsp; EACH GRASS<br />AN INSECT CHIRPING|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;A CAMELLIA<br />&nbsp; DROPPED DOWN INTO<br />&nbsp; STILL WATERS<br />OF A DEEP DARK WELL|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;A GATE MADE ALL OF TWIGS<br />&nbsp; WITH WOVEN GRASS<br />&nbsp; FOR HINGES ...<br />FOR A LOCK ... THIS SNAIL|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;A LOST CHILD CRYING<br />&nbsp;  STUMBLING OVER<br />&nbsp; THE DARK FIELDS ...<br />CATCHING FIREFLIES|<<QOTD images>>|
|RYUSUI|>|
|vertical-align:top;padding:5px;width:400px;A NURSEMAID SCARECROW...<br />&nbsp;  FRIGHTENING THE<br />&nbsp;  WIND AND SUN<br />FROM PLAYING BABY|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;A SADDENING WORLD:<br />&nbsp;  FLOWERS WHOSE SWEET<br />&nbsp;  BLOOMS MUST FALL...<br />AS WE TOO, ALAS...|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;A SHORT SUMMER NIGHT...<br />&nbsp; BUT IN THIS SOLEMN<br />&nbsp; DARKNESS<br />ONE PEONY BLOOMED|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;A SINGLE CRICKET<br />&nbsp; CHIRPS, CHIRPS, CHIRPS,<br />&nbsp; AND IS STILL ... MY<br />CANDLE SINKS AND DIES|<<QOTD images>>|
|ANON|>|
|vertical-align:top;padding:5px;width:400px;A WHITE SWAN SWIMMING ...<br />&nbsp; PARTING WITH HER<br />&nbsp; UNMOVED BREAST<br />~CHERRY-PETALED POND|<<QOTD images>>|
|ROKA|>|
|vertical-align:top;padding:5px;width:400px;A YOUNG SISTER<br />PITIFUL ... ON MY<br />&nbsp; OUTSTRETCHED PALM<br />&nbsp; AT DUSK DIES<br />THE LITTLE FIREFLY|<<QOTD images>>|
|KYORAI|>|
I wrote this presentation of classic haiku using a Tiddlywiki engine to begin exploring to possibility of using Tiddlywiki to create hypertext fiction. It's been time consuming, but not a huge effort to rebuild the lineal web pages into something more hypertext-styled. While there are [[examples of Tiddlywiki applications showcased on the web|http://giffmex.tiddlyspot.com/]], I hope this presentation serves to inspire others to explore the many delights of [[Tiddlywiki|http://tiddlywiki.com]].

The pages use [[Mocha theme|http://tiddlythemes.com/#Mocha]] by [[Anthonyy|http://www.oswd.org/designs/search/designer/id/6354/]], ported by [[Saq Imtiaz|http://tw.lewcid.org/]], who also wrote the splash screen plugin. [[InlineJavascriptPlugin|http://www.tiddlytools.com/#InlineJavascriptPlugin]] and [[QuoteOfTheDayPlugin|http://www.tiddlytools.com/#QuoteOfTheDayPlugin]] are by [[Eric Shulman|http://www.tiddlytools.com/]].
Enter your username here: <<option txtUserName>>
<<slider chkSliderOptionsPanel OptionsPanel 'options »' 'Change TiddlyWiki advanced options'>>
<<tabs txtMainTab "Timeline" "Timeline" TabTimeline "All" "All tiddlers" TabAll "Tags" "All tags" TabTags "More" "More lists" TabMore>>
|vertical-align:top;padding:5px;width:400px;AFTERNOON SHOWER...<br />&nbsp; WALKING AND TALKING<br />&nbsp; IN THE STREET:<br />UMBRELLA AND RAINCOAT!|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;AH ME! I AM ONE<br />&nbsp; WHO SPENDS HIS LITTLE<br />&nbsp; BREAKFAST<br />~MORNING-GLORY GAZING|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;AH! BRAVE ~DRAGON-FLY ...<br />&nbsp; TAKING FOR YOUR PERCH<br />&nbsp;  THIS SWATTER<br />CONSECRATE TO DEATH|<<QOTD images>>|
|KOHYO|>|
|vertical-align:top;padding:5px;width:400px;AH! I INTENDED<br />&nbsp; NEVER NEVER<br />&nbsp; TO GROW OLD ...<br />LISTEN: NEW YEAR'S BELL!|<<QOTD images>>|
|JOKUN|>|
|vertical-align:top;padding:5px;width:400px;AH, UNREQUITED LOVE!<br />&nbsp; NOW ELEVATE YOUR CHIN<br />&nbsp; AND KEEN<br />~TOM-CAT, TO THE MOON!|<<QOTD images>>|
|KYORAI|>|
|vertical-align:top;padding:5px;width:400px;ALL HEAVEN AND EARTH<br />&nbsp; FLOWERED WHITE<br />&nbsp; OBLITERATE...<br />SNOW ... UNCEASING SNOW|<<QOTD images>>|
|HASHIN|>|
|vertical-align:top;padding:5px;width:400px;AMOROUS CAT, ALAS<br />&nbsp; YOU TOO MUST YOWL<br />&nbsp; WITH YOUR LOVE...<br />OR EVEN WORSE, WITHOUT!|<<QOTD images>>|
|YAHA|>|
|vertical-align:top;padding:5px;width:400px;ANGRY I STRODE HOME...<br />&nbsp; BUT STOOPING IN<br />&nbsp; MY GARDEN<br />CALM OLD ~WILLOW-TREE|<<QOTD images>>|
|RYOTA|>|
|vertical-align:top;padding:5px;width:400px;[[A single cricket]]<br />[[Asking their road...]]<br />[[Call him back! Ah no,]]<br />[[Death song: Leaf alone, fluttering]]<br />[[Death song: I have known lovers]]<br />[[Friend, that open mouth]]<br />[[Gray marsh, black cloud]]<br />[[Gray moor, unmarred]]<br />[[On jolly New Year's Day]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;APRIL'S AIR STIRS IN<br />&nbsp; ~WILLOW-LEAVES ...<br />&nbsp; A BUTTERFLY<br />FLOATS AND BALANCES|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;ARISE FROM SLEEP, OLD CAT,<br />&nbsp;   AND WITH GREAT YAWNS<br />&nbsp;   AND STRETCHINGS ...<br />AMBLE OUT FOR LOVE|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;ASHES MY BURNT HUT ...<br />&nbsp; BUT WONDERFUL<br />&nbsp; THE CHERRY<br />BLOOMING ON MY HILL|<<QOTD images>>|
|HOKUSHI|>|
|vertical-align:top;padding:5px;width:400px;ASKING THEIR ROAD...<br />&nbsp; SEVEN YELLOW<br />&nbsp; BAMBOO HATS<br />ALL TURNED TOGETHER|<<QOTD images>>|
|ANON|>|
|vertical-align:top;padding:5px;width:400px;AT FURUE IN RAIN<br />&nbsp; GRAY WATER AND<br />&nbsp; GRAY SAND...<br />PICTURE WITHOUT LINES|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;AT OUR LAST PARTING<br />&nbsp; BENDING BETWEEN<br />&nbsp; BOAT AND SHORE...<br />THAT WEEPING WILLOW|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;AUTUMN MOSQUITOES<br />&nbsp; BUZZ ME, BITE ME ...<br />&nbsp; SEE, I AM<br />LONG PREPARED FOR DEATH|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;BALLET IN THE AIR ...<br />&nbsp; TWIN BUTTERFLIES<br />&nbsp; UNTIL, TWICE WHITE<br />THEY MEET, THEY MATE|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:200px;[[Ah me! I am one]]<br />[[April's air stirs in]]<br />[[Ballet in the air...]]<br />[[Black cloudbank broken]]<br />[[Camellia-petal]]<br />[[Carven gods long gone...]]<br />[[Cloud of cherry-bloom ...]]<br />[[Cold first winter rain...]]<br />[[Darting dragon-fly]]<br />[[Death-song:]]<br />[[Dewdrop, let me cleanse]]<br />[[Dry cheerful cricket]]<br />[[First white snow of fall]]<br />[[For a lovely bowl]]<br />[[Glorious the moon...]]<br />[[Here, where a thousand]]<br />[[If there were fragrance]]<br />[[In the sea-surf edge]]<br />[[In the twilight rain]]<br />[[Lady butterfly]]<br />[[Mountain-rose petals]]<br />[[Must springtime fade?]] |vertical-align:top;padding:5px;width:200px;[[Nine times arising]]<br />[[No oil to read by ...]]<br />[[Now in sad autumn]]<br />[[Now that the eyes of hawks]]<br />[[Now the swinging bridge]]<br />[[Old dark sleepy pool...]]<br />[[Seas are wild tonight]]<br />[[See - surviving suns]]<br />[[Seek on high bare trails]]<br />[[Silent the old town...]]<br />[[Such utter silence!]]<br />[[Swallow in the dusk...]]<br />[[The river]]<br />[[The sea darkening...]]<br />[[This snowy morning]]<br />[[Too curious flower]]<br />[[Twilight whippoorwill...]]<br />[[Under cherry-trees]]<br />[[Wake! The sky is light!]]<br />[[White cloud of mist]]<br />[[Why so scrawny, cat?]]<br />[[Will we meet again]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;BEFORE BOILED CHESTNUTS<br />&nbsp; ~CROSS-LEGGED LAD<br />&nbsp; IS SQUATTING...<br />CARVED WOODEN BUDDHA|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;BLACK CLOUDBANK BROKEN<br />&nbsp; SCATTERS IN THE<br />&nbsp; NIGHT ... NOW SEE<br />~MOON-LIGHTED MOUNTAINS!|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;BLACK DESOLATE MOOR...<br />&nbsp; I BOW BEFORE<br />&nbsp; THE BUDDHA<br />LIGHTED IN THUNDER|<<QOTD images>>|
|KAKEI|>|
|vertical-align:top;padding:5px;width:400px;[[In silent mid-night]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[See ... the heavy leaf]]<br />[[Snow-swallowed valley:]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;BUDDHA ON THE HILL...<br />&nbsp; FROM YOUR HOLY<br />&nbsp; NOSE INDEED<br />HANGS AN ICICLE|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:200px;[[A bright autumn moon...]]<br />[[A camellia]]<br />[[A short summer night...]]<br />[[Afternoon shower]]<br />[[At furue in rain]]<br />[[Butterfly asleep]]<br />[[Deep in dark forest]]<br />[[In dim dusk and scent]]<br />[[In the holy dusk]]<br />[[Lightning flash, crash]]<br />[[My two plum trees are]]|vertical-align:top;padding:5px;width:200px;[[Old weary willows...]]<br />[[Pebbles shining clear,]]<br />[[Rainy-month, dripping]]<br />[[Sadness at twilight]]<br />[[See the morning breeze]]<br />[[Slanting lines of rain...]]<br />[[Standing still at dusk]]<br />[[The laden wagon runs]]<br />[[The old fisherman]]<br />[[Voices of two bells]]<br />[[White chrysanthemum ...]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;BUT WHEN I HALTED<br />&nbsp; ON THE WINDY STREET<br />&nbsp; AT TWILIGHT...<br />SNOW STRUCK AGAINST ME|<<QOTD images>>|
|KITO|>|
|vertical-align:top;padding:5px;width:400px;BUTTERFLY ASLEEP<br />&nbsp; FOLDED SOFT ON<br />&nbsp; TEMPLE BELL...<br />THEN BRONZE GONG RANG!|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;BUZZING THE BEE TRADES<br />&nbsp; PEONY FOR PEONY<br />WITH THE BUTTERFLY|<<QOTD images>>|
|TAIGI|>|
|vertical-align:top;padding:5px;width:400px;BY THAT FALLEN HOUSE<br />&nbsp; THE ~PEAR-TREE STANDS<br />&nbsp; ~FULL-BLOOMING ...<br />AN ANCIENT ~BATTLE-SITE|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;CALL HIM BACK! AH NO,<br />&nbsp; HE'S BLOWN FROM SIGHT<br />&nbsp; ALREADY...<br />~FISH-PEDDLER IN THE SNOW|<<QOTD images>>|
|ANON|>|
|vertical-align:top;padding:5px;width:400px;~CAMELLIA-PETAL<br />&nbsp; FELL IN SILENT DAWN ...<br />&nbsp; SPILLING<br />A ~WATER-JEWEL|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;CAN'T IT GET AWAY<br />&nbsp; FROM THE STICKY<br />&nbsp; ~PINE-BRANCHES ...<br />CICADA SINGING?|<<QOTD images>>|
|GIJOENS|>|
|vertical-align:top;padding:5px;width:400px;CARVEN GODS LONG GONE...<br />&nbsp; DEAD LEAVES ALONE<br />&nbsp; FOREGATHER<br />ON THE TEMPLE PORCH|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;CHILLING AUTUMN RAIN...<br />&nbsp; THE MOON, TOO BRIGHT<br />&nbsp; FOR SHOWERS,<br />SLIPS FROM THEIR FINGERS|<<QOTD images>>|
|TOKUKU|>|
|vertical-align:top;padding:5px;width:400px;[[Hard the beggar's bed...]]<br />[[Lend me water please?]]<br />[[On her dead son]]<br />[[Quite a hundred gourds]]<br />[[Shocking ... the red of]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;CLOUD OF ~CHERRY-BLOOM ...<br />&nbsp; TOLLING TWILIGHT<br />&nbsp; BELL ... TEMPLE<br />UENO? ASAKURA?|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;CLOUDBANK CURLING LOW?<br />&nbsp;   AH! THE MOUNTAIN<br />&nbsp;   YOSHINO ...<br />CHERRY CUMULUS!|<<QOTD images>>|
|RYOTA|>|
|vertical-align:top;padding:5px;width:400px;COLD FIRST WINTER RAIN...<br />&nbsp; POOR MONKEY,<br />&nbsp; YOU TOO COULD USE<br />A LITTLE WOVEN CAPE|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;COLD WINTER SHOWER ...<br />&nbsp; SEE ALL THE PEOPLE<br />&nbsp; RUNNING<br />ACROSS SETA BRIDGE!|<<QOTD images>>|
|JOSO|>|
|vertical-align:top;padding:5px;width:400px;COME COME! COME OUT!<br />&nbsp;  FROM BOGS OLD FROGS<br />&nbsp;  COMMAND THE DARK<br />AND LOOK ... THE STARS!|<<QOTD images>>|
|KIKAKU|>|
|vertical-align:top;padding:5px;width:400px;CONSIDERATE DOGS ...<br />&nbsp;  STEPPING OFF<br />&nbsp;  INTO THE SNOW<br />AS I WALK THE PATH|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;CROSSING IT ALONE<br />&nbsp; IN COLD MOONLIGHT...<br />&nbsp; THE BRITTLE BRIDGE<br />ECHOES MY FOOTSTEPS|<<QOTD images>>|
|TAIGI|>|
|vertical-align:top;padding:5px;width:400px;CRUEL AUTUMN WIND<br />&nbsp; CUTTING TO THE<br />&nbsp; VERY BONES...<br />OF MY POOR SCARECROW|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;DANCING IN MY SILKS<br />&nbsp; MONEY TOSSED ITSELF<br />&nbsp; AWAY...<br />PRETTY, THIS PAPER DRESS!|<<QOTD images>>|
|~SONO-JO|>|
|vertical-align:top;padding:5px;width:400px;[[For the emperor]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;DARTING ~DRAGON-FLY ...<br />&nbsp; PULL OFF ITS SHINY<br />&nbsp; WINGS AND LOOK...<br />BRIGHT RED ~PEPPER-POD<br /> <br /> <br />KIKAKU|<<QOTD images>>|
|Reply:|>|
|vertical-align:top;padding:5px;width:400px;BRIGHT RED ~PEPPER-POD ...<br />&nbsp; IT NEEDS BUT SHINY<br />&nbsp; WINGS AND LOOK...<br />DARTING ~DRAGON-FLY!<br /> <br /> <br />BASHO|>|
|vertical-align:top;padding:5px;width:400px;DEAD MY OLD FINE HOPES<br />&nbsp; AND DRY MY DREAMING<br />&nbsp; BUT STILL...<br />IRIS, BLUE EACH SPRING|<<QOTD images>>|
|SHUSHIRI|>|
|vertical-align:top;padding:5px;width:400px;~DEATH-SONG: I HAVE KNOWN LOVERS...<br />&nbsp; ~CHERRY-BLOOM ...<br />&nbsp; THE NIGHTINGALE ...<br />I WILL SLEEP CONTENT|<<QOTD images>>|
|ANON|>|
|vertical-align:top;padding:5px;width:400px;~DEATH-SONG: LEAF ALONE, FLUTTERING<br />&nbsp; ALAS, LEAF ALONE,<br />&nbsp; FLUTTERING ...<br />FLOATING DOWN THE WIND|<<QOTD images>>|
|ANON|>|
|vertical-align:top;padding:5px;width:400px;THREE LOVELIEST THINGS:<br />&nbsp; MOONLIGHT ... <br />&nbsp; ~CHERRY-BLOOM ... NOW I GO<br />SEEKING SILENT SNOW|<<QOTD images>>|
|RIPPO|>|
|vertical-align:top;padding:5px;width:400px;~DEATH-SONG:<br />~FEVER-FELLED ~HALF-WAY,<br />&nbsp; MY DREAMS AROSE<br />&nbsp; TO MARCH AGAIN...<br />INTO A HOLLOW LAND|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;DEEP IN DARK FOREST<br />&nbsp; A WOODCUTTER'S<br />&nbsp; DULL AXE TALKING...<br />AND A WOODCUTTER|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;DEEPEN, DROP, AND DIE<br />&nbsp; ~MANY-HUED<br />&nbsp; CHRYSANTHEMUMS...<br />ONE BLACK EARTH FOR ALL|<<QOTD images>>|
|RYUSUI|>|
[[Introduction]]
|vertical-align:top;padding:5px;width:400px;DEFEATED IN THE FRAY<br />&nbsp; BY BIGGER BATTLERS<br />&nbsp; FOR LOVE...<br />~TOM-CAT SEEKS A MOUSE|<<QOTD images>>|
|SHIKO|>|
|vertical-align:top;padding:5px;width:400px;DESCENDING SEAWARD<br />&nbsp; ~FAR-OFF MOUNTAIN<br />&nbsp; WATERFALL...<br />WINTER NIGHTS ARE STILL|<<QOTD images>>|
|KYOKUSUI|>|
|vertical-align:top;padding:5px;width:400px;DESCRIBE ~PLUM-BLOSSOMS?<br />&nbsp; BETTER THAN MY<br />&nbsp; VERSES ... WHITE<br />WORDLESS BUTTERFLIES|<<QOTD images>>|
|REIKAN|>|
|vertical-align:top;padding:5px;width:400px;DEW EVAPORATES<br />&nbsp; AND ALL OUR WORLD<br />&nbsp; IS DEW ... SO DEAR,<br />SO FRESH, SO FLEETING<br /><br /><br />ON THE DEATH OF HIS CHILD|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;DEWDROP, LET ME CLEANSE<br />&nbsp; IN YOUR BRIEF<br />&nbsp; SWEET WATERS ...<br />THESE DARK HANDS OF LIFE|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;DIM THE GREY COW COMES<br />&nbsp;  MOOING MOOING<br />&nbsp;  AND MOOING<br />OUT OF THE MORNING MIST|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;DIRTY ~BATH-WATER<br />&nbsp; WHERE CAN I POUR<br />&nbsp; YOU? ... INSECTS<br />SINGING IN THE GRASS|<<QOTD images>>|
|ONITSURA|>|
|vertical-align:top;padding:5px;width:400px;DO YOUR WORST, OLD FROST<br />&nbsp; YOU CAN NO LONGER<br />&nbsp; WOUND ME ...<br />LAST CHRYSANTHEMUM I|<<QOTD images>>|
|OEMARU|>|
|vertical-align:top;padding:5px;width:400px;DON'T TOUCH MY PLUM TREE!<br />&nbsp; SAID MY FRIEND<br />&nbsp; AND SAYING SO ...<br />BROKE THE BRANCH FOR ME|<<QOTD images>>|
|TAIGI|>|
|vertical-align:top;padding:5px;width:400px;DRY CHEERFUL CRICKET<br />&nbsp; CHIRPING, KEEPS<br />&nbsp; THE AUTUMN GAY ...<br />CONTEMPTUOUS OF FROST|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;ELEVEN BRAVE KNIGHTS<br />&nbsp; CANTER THROUGH THE<br />&nbsp; WHIRLING SNOW...<br />NOT ONE BENDS HIS NECK|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;[[Night is bright with stars]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;FAR ACROSS LOW MIST<br />&nbsp; INTERMITTENTLY<br />&nbsp; THE LAKE<br />LIFTS A ~SNOW-WHITE SAIL|<<QOTD images>>|
|GAKOKU|>|
|vertical-align:top;padding:5px;width:400px;FIE! THIS FICKLE WORLD!<br />&nbsp; THREE DAYS, NEGLECTED<br />&nbsp; ~CHERRY-BRANCH ...<br />AND YOU ARE BARE|<<QOTD images>>|
|RYOTA|>|
|vertical-align:top;padding:5px;width:400px;FIREWORKS ENDED<br />&nbsp; AND SPECTATORS<br />&nbsp; GONE AWAY...<br />AND HOW VAST AND DARK!|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;FIRST WHITE SNOW OF FALL<br />&nbsp; JUST ENOUGH TO BEND<br />&nbsp; THE LEAVES<br />OF FADED DAFFODILS|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;FIVE OR SIX OF US<br />&nbsp; REMAIN, HUDDLED<br />&nbsp; TOGETHER...<br />BENT OLD ~WILLOW-TREES|<<QOTD images>>|
|KYORA|>|
|vertical-align:top;padding:5px;width:400px;FLOWER IN THE STREAM<br />&nbsp; THUS TOO MY LOVELY LIFE<br />&nbsp; MUST END, ANOTHER FLOWER...<br />TO FALL AND FLOAT AWAY|<<QOTD images>>|
|ONITSURA|>|
|vertical-align:top;padding:5px;width:400px;FOR A COOL EVENING<br />&nbsp; I HIRED THE<br />&nbsp; OLD TEMPLE PORCH ...<br />PENNY IN THE DISH|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;FOR A LOVELY BOWL<br />&nbsp; LET US ARRANGE THESE<br />&nbsp; FLOWERS...<br />SINCE THERE IS NO RICE|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;FOR THE EMPEROR<br />&nbsp; HIMSELF HE WILL NOT<br />&nbsp; LIFT HIS HAT ...<br />A ~STIFF-BACKED SCARECROW|<<QOTD images>>|
|DANSUI |>|
|vertical-align:top;padding:5px;width:400px;FRIEND, THAT OPEN MOUTH<br />&nbsp; REVEALS YOUR<br />&nbsp; WHOLE INTERIOR...<br />SILLY HOLLOW FROG!|<<QOTD images>>|
|ANON|>|
|vertical-align:top;padding:5px;width:400px;FROM DARK WINDY HILLS<br />&nbsp; VOICES DRIVING<br />&nbsp; WEARY HORSES ...<br />SHOUTING OF THE STORM|<<QOTD images>>|
|KYOKUSUI|>|
|vertical-align:top;padding:5px;width:400px;[[Far across low mist]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;GIDDY GRASSHOPPER<br />&nbsp; TAKE CARE ... DO NOT<br />&nbsp; LEAP AND CRUSH<br />THESE PEARLS OF DEWDROP|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;[[Can't it get away]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;GLORIOUS THE MOON...<br />&nbsp; THEREFORE OUR THANKS<br />&nbsp; DARK CLOUDS<br />COME TO REST OUR NECKS|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;GOING ~SNOW-VIEWING<br />&nbsp; ONE BY ONE THE<br />&nbsp; WALKERS VANISH...<br />WHITELY FALLING VEILS|<<QOTD images>>|
|KATSURI|>|
|vertical-align:top;padding:5px;width:400px;[[Roaring winter storm]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;GOOD EVENING BREEZE!<br />&nbsp; CROOKED AND<br />&nbsp; MEANDERING<br />YOUR HOMEWARD JOURNEY|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;GOOD FRIEND GRASSHOPPER<br />&nbsp; WILL YOU PLAY<br />&nbsp;   THE CARETAKER<br />FOR MY LITTLE GRAVE?|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;GRAY MARSH, BLACK CLOUD<br />&nbsp; FLAPPING AWAY<br />&nbsp; IN AUTUMN RAIN<br />LAST OLD SLOW HERON|<<QOTD images>>|
|ANON|>|
|vertical-align:top;padding:5px;width:400px;GRAY MOOR, UNMARRED<br />&nbsp; BY ANY PATH ...<br />&nbsp; A SINGLE BRANCH ...<br />A BIRD ... NOVEMBER|<<QOTD images>>|
|ANON|>|
|vertical-align:top;padding:5px;width:400px;GREEN ~SHADOW-DANCES ...<br />&nbsp; SEE OUR YOUNG<br />&nbsp; ~BANANA-TREE<br />PATTERING THE SCREEN|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;HANGING THE LANTERN<br />&nbsp; ON THAT FULL WHITE<br />&nbsp; BLOOMING BOUGH...<br />EXQUISITE YOUR CARE!|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;HARD THE BEGGAR'S BED ...<br />&nbsp; BUT SOCIABLE<br />&nbsp; AND BUSY<br />WITH ~INSECT-TALKING|<<QOTD images>>|
|~CHIYO-NI|>|
|vertical-align:top;padding:5px;width:400px;[[All heaven and earth]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;HERE, WHERE A THOUSAND<br />&nbsp; CAPTAINS SWORE GRAND<br />&nbsp; CONQUEST ... TALL<br />GRASS THEIR MONUMENT|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;HI! KIDS MIMICKING<br />&nbsp;  CORMORANTS ... YOU ARE<br />&nbsp;  MORE LIKE<br />REAL CORMORANTS THAN THEY!|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;HI! MY LITTLE HUT<br />&nbsp;   IS ~NEWLY-THATCHED<br />&nbsp;   I SEE...<br />BLUE ~MORNING-GLORIES|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;[[Ashes my burnt hut...]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;I AM GOING OUT ...<br />&nbsp; BE GOOD AND PLAY<br />&nbsp; TOGETHER<br />MY CRICKET CHILDREN|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;I DREAMED OF BATTLES<br />&nbsp; AND WAS SLAIN...<br />&nbsp; OH SAVAGE SAMURAI!<br />INSATIABLE FLEAS!|<<QOTD images>>|
|KIKAKU|>|
|vertical-align:top;padding:5px;width:400px;I GAVE THE GREETINGS<br />&nbsp; OF THE BRIGHT<br />&nbsp; NEW YEAR ... AS THOUGH<br />I HELD A ~PLUM-BRANCH|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;I MUST TURN OVER...<br />&nbsp; BEWARE OF LOCAL<br />&nbsp; EARTHQUAKES<br />BEDFELLOW CRICKET!|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;I RAISED MY KNIFE TO IT:<br />&nbsp;  THEN WALKED<br />&nbsp; ~EMPTY-HANDED ON ...<br />PROUD ROSE OF SHARON|<<QOTD images>>|
|SAMPU|>|
|vertical-align:top;padding:5px;width:400px;IF STRANGERS THREATEN<br />&nbsp; TURN INTO FAT<br />&nbsp; GREEN BULLFROGS...<br />~POND-COOLING MELONS|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;IF THERE WERE FRAGRANCE<br />&nbsp; THESE HEAVY ~SNOW-<br />&nbsp; FLAKES SETTLING...<br />LILIES ON THE ROCKS|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;IF YOU WERE SILENT<br />&nbsp; FLIGHT OF HERONS<br />&nbsp; ON DARK SKY ...<br />OH! AUTUMN SNOWFLAKES!|<<QOTD images>>|
|SOKAN|>|
|vertical-align:top;padding:5px;width:400px;[[Not a voice or stir]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;IN DIM DUSK AND SCENT<br />&nbsp; A WITNESS<br />&nbsp; NOW HALF HIDDEN...<br />EVENFALL ORCHID|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;IN SILENT ~MID-NIGHT<br />&nbsp; OUR OLD SCARECROW<br />&nbsp; TOPPLES DOWN...<br />WEIRD HOLLOW ECHO|<<QOTD images>>|
|BON CHO|>|
|vertical-align:top;padding:5px;width:400px;IN THE CITY FIELDS<br />&nbsp;  CONTEMPLATING<br />&nbsp;  ~CHERRY-TREES ...<br />STRANGERS ARE LIKE FRIENDS|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;IN THE FARTHER FIELD<br />&nbsp; A SCARECROW KEPT ME<br />&nbsp; COMPANY ...<br />WALKING AS I WALKED|<<QOTD images>>|
|SANIN|>|
|vertical-align:top;padding:5px;width:400px;IN THE HOLY DUSK<br />&nbsp; NIGHTINGALES BEGIN<br />&nbsp; THEIR PSALM...<br />GOOD! THE ~DINNER-GONG!|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;IN THE OPEN SHOP<br />&nbsp; PAPERWEIGHTS ON<br />&nbsp; PICTURE BOOKS...<br />YOUNG SPRINGTIME BREEZE|<<QOTD images>>|
|KITO|>|
|vertical-align:top;padding:5px;width:400px;IN THE ~SEA-SURF EDGE<br />&nbsp; MINGLING WITH<br />&nbsp; BRIGHT SMALL SHELLS...<br />~BUSH-CLOVER PETALS|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;IN THE TWILIGHT RAIN<br />&nbsp; THESE ~BRILLIANT-HUED<br />&nbsp; HIBISCUS ...<br />A LOVELY SUNSET|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;IN THESE DARK WATERS<br />&nbsp;  DRAWN UP FROM<br />&nbsp;  MY FROZEN WELL ...<br />GLITTERING OF SPRING|<<QOTD images>>|
|RINGAI|>|
|vertical-align:top;padding:5px;width:400px;IN THIS WINDY NEST<br />&nbsp;  OPEN YOUR HUNGRY<br />&nbsp;  MOUTH IN VAIN...<br />ISSA, STEPCHILD BIRD|<<QOTD images>>|
|ISSA|>|
/***
|Name|InlineJavascriptPlugin|
|Source|http://www.TiddlyTools.com/#InlineJavascriptPlugin|
|Documentation|http://www.TiddlyTools.com/#InlineJavascriptPluginInfo|
|Version|1.9.3|
|Author|Eric Shulman - ELS Design Studios|
|License|http://www.TiddlyTools.com/#LegalStatements <br>and [[Creative Commons Attribution-ShareAlike 2.5 License|http://creativecommons.org/licenses/by-sa/2.5/]]|
|~CoreVersion|2.1|
|Type|plugin|
|Requires||
|Overrides||
|Description|Insert Javascript executable code directly into your tiddler content.|
''Call directly into TW core utility routines, define new functions, calculate values, add dynamically-generated TiddlyWiki-formatted output'' into tiddler content, or perform any other programmatic actions each time the tiddler is rendered.
!!!!!Documentation
>see [[InlineJavascriptPluginInfo]]
!!!!!Revisions
<<<
2008.06.11 [1.9.3] added $(...) function as 'shorthand' convenience syntax for document.getElementById()
2008.03.03 [1.9.2] corrected declaration of wikifyPlainText() for 'TW 2.1.x compatibility fallback' (fixes Safari "parse error")
2008.02.23 [1.9.1] in onclick function, use string instead of array for 'bufferedHTML' attribute on link element (fixes IE errors)
2008.02.21 [1.9.0] 'onclick' scripts now allow returned text (or document.write() calls) to be wikified into a span that immediately follows the onclick link.  Also, added default 'return false' handling if no return value provided (prevents HREF from being triggered -- return TRUE to allow HREF to be processed).  Thanks to Xavier Verges for suggestion and preliminary code.
|please see [[InlineJavascriptPluginInfo]] for additional revision details|
2005.11.08 [1.0.0] initial release
<<<
!!!!!Code
***/
//{{{
version.extensions.inlineJavascript= {major: 1, minor: 9, revision: 3, date: new Date(2008,6,11)};

config.formatters.push( {
	name: "inlineJavascript",
	match: "\\<script",
	lookahead: "\\<script(?: src=\\\"((?:.|\\n)*?)\\\")?(?: label=\\\"((?:.|\\n)*?)\\\")?(?: title=\\\"((?:.|\\n)*?)\\\")?(?: key=\\\"((?:.|\\n)*?)\\\")?( show)?\\>((?:.|\\n)*?)\\</script\\>",

	handler: function(w) {
		var lookaheadRegExp = new RegExp(this.lookahead,"mg");
		lookaheadRegExp.lastIndex = w.matchStart;
		var lookaheadMatch = lookaheadRegExp.exec(w.source)
		if(lookaheadMatch && lookaheadMatch.index == w.matchStart) {
			var src=lookaheadMatch[1];
			var label=lookaheadMatch[2];
			var tip=lookaheadMatch[3];
			var key=lookaheadMatch[4];
			var show=lookaheadMatch[5];
			var code=lookaheadMatch[6];
			if (src) { // load a script library
				// make script tag, set src, add to body to execute, then remove for cleanup
				var script = document.createElement("script"); script.src = src;
				document.body.appendChild(script); document.body.removeChild(script);
			}
			if (code) { // there is script code
				if (show) // show inline script code in tiddler output
					wikify("{{{\n"+lookaheadMatch[0]+"\n}}}\n",w.output);
				if (label) { // create a link to an 'onclick' script
					// add a link, define click handler, save code in link (pass 'place'), set link attributes
					var link=createTiddlyElement(w.output,"a",null,"tiddlyLinkExisting",wikifyPlainText(label));
					var fixup=code.replace(/document.write\s*\(/gi,'place.bufferedHTML+=(');
					link.code="function _out(place){"+fixup+"\n};_out(this);"
					link.tiddler=w.tiddler;
					link.onclick=function(){
						this.bufferedHTML="";
						try{ var r=eval(this.code);
							if(this.bufferedHTML.length || (typeof(r)==="string")&&r.length)
								var s=this.parentNode.insertBefore(document.createElement("span"),this.nextSibling);
							if(this.bufferedHTML.length)
								s.innerHTML=this.bufferedHTML;
							if((typeof(r)==="string")&&r.length) {
								wikify(r,s,null,this.tiddler);
								return false;
							} else return r!==undefined?r:false;
						} catch(e){alert(e.description||e.toString());return false;}
					};
					link.setAttribute("title",tip||"");
					var URIcode='javascript:void(eval(decodeURIComponent(%22(function(){try{';
					URIcode+=encodeURIComponent(encodeURIComponent(code.replace(/\n/g,' ')));
					URIcode+='}catch(e){alert(e.description||e.toString())}})()%22)))';
					link.setAttribute("href",URIcode);
					link.style.cursor="pointer";
					if (key) link.accessKey=key.substr(0,1); // single character only
				}
				else { // run inline script code
					var fixup=code.replace(/document.write\s*\(/gi,'place.innerHTML+=(');
					var code="function _out(place){"+fixup+"\n};_out(w.output);"
					try { var out=eval(code); } catch(e) { out=e.description?e.description:e.toString(); }
					if (out && out.length) wikify(out,w.output,w.highlightRegExp,w.tiddler);
				}
			}
			w.nextMatch = lookaheadMatch.index + lookaheadMatch[0].length;
		}
	}
} )
//}}}

// // Backward-compatibility for TW2.1.x and earlier
//{{{
if (typeof(wikifyPlainText)=="undefined") window.wikifyPlainText=function(text,limit,tiddler) {
	if(limit > 0) text = text.substr(0,limit);
	var wikifier = new Wikifier(text,formatter,null,tiddler);
	return wikifier.wikifyPlain();
}
//}}}

// // $(...) function: 'shorthand' convenience syntax for document.getElementById()
//{{{
if (typeof($)=="undefined") { // avoid redefinition
function $() {
	var elements=new Array();
	for (var i=0; i<arguments.length; i++) {
		var element=arguments[i];
		if (typeof element=='string') element=document.getElementById(element);
		if (arguments.length==1) return element;
		elements.push(element);
	}
	return elements;
}
}
//}}}
These haiku come from the [[Japanese Haiku|http://www.sacred-texts.com/shi/jh/index.htm]] by Peter Beilenson (1955) available at the [[Internet Sacred Text Archive|http://www.sacred-texts.com]].  The Internet Sacred Text Archive claims to be 'the largest freely available archive of online books about religion, mythology, folklore and the esoteric on the Internet. The site is dedicated to religious tolerance and scholarship, and has the largest readership of any similar site on the web.'

This is a short collection of a couple of hundred Japanese Haiku. This was printed by the art book small press, Peter Pauper. In the original each haiku is accompanied by one of 59 Japanese seals. These seals are reproduced here.  

Scanned at [[sacred-texts.com|http://www.sacred-texts.com]], April 2007. Proofed and formatted by John Bruno Hare. This text is in the public domain in the United States because it was not renewed in a timely fashion as required by law at the time. These files may be used for any non-commercial purpose, provided this notice of attribution is left intact in all copies.
----
Japanese Haiku, by Peter Beilenson, [1955], at [[sacred-texts.com|http://www.sacred-texts.com]]

''JAPANESE HAIKU'' ~ TWO HUNDRED TWENTY EXAMPLES OF ~SEVENTEEN-SYLLABLE POEMS
BY BASHO • BUSON • ISSA • SHIKI • SOKAN • KIKAKU • AND OTHERS • TRANSLATED BY PETER BEILENSON
PUBLISHED BY THE PETER PAUPER PRESS MOUNT VERNON NEW YORK [1955]
|vertical-align:top;padding:5px;width:200px;[[A gate made all of twigs]]<br />[[A nursemaid scarecrow]]<br />[[A saddening world]]<br />[[Arise from sleep, old cat]]<br />[[Before boiled chestnuts]]<br />[[Buddha on the hill...]]<br />[[Considerate dogs...]]<br />[[Cruel autumn wind]]<br />[[Dew evaporates]]<br />[[Dim the grey cow comes]]<br />[[Good evening breeze!]]<br />[[Giddy grasshopper]]<br />[[Good friend grasshopper]]<br />[[Hi! Kids mimicking]]<br />[[Hi! My little hut]]<br />[[I am going out...]]<br />[[I must turn over...]]|vertical-align:top;padding:5px;width:200px;[[If strangers threaten]]<br />[[In the city fields]]<br />[[In this windy nest]]<br />[[Live in simple faith]]<br />[[Nice - wild persimmons...]]<br />[[Now be a good boy]]<br />[[Oh do not swat them ...]]<br />[[Oh former renter]]<br />[[Over the mountain]]<br />[[Plume of pampas grass]]<br />[[The orphan speaks]]<br />[[The turnip farmer rose]]<br />[[Visiting the graves...]]<br />[[What a gorgeous one]]<br />[[What a peony...]]<br />[[Yellow autumn moon]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Ah! I intended]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Cold winter shower...]]<br />[[Wind-blown, rained on...]]<br />|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Black desolute moor...]]<br />[[November sunrise...]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Going snow-viewing]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Come come! Come out!]]<br />[[Darting dragon-fly]]<br />[[I dreamed of battles]]<br />[[Oh lucky beggar!]]<br />[[Stillness ... then the bat]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[But when I halted]]<br />[[In the open shop]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Ah! Brave dragon-fly...]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Descending seaward]]<br />[[From dark windy hills]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Five or six of us]]<br />[[Stupid hot melons]]<br />[["Yes, come in!" I cried...]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[A young sister]]<br />[[Ah, unrequited love!]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Reciting scriptures...]] |<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[The snake departed]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;LADY BUTTERFLY<br />&nbsp; PERFUMES HER WINGS<br />&nbsp; BY FLOATING<br />OVER THE ORCHID|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;LEND ME WATER PLEASE?<br />&nbsp; SOME FRESH YOUNG<br />&nbsp; ~MORNING-GLORY,<br />CARELESS ... TOOK MY WELL|<<QOTD images>>|
|~CHIYO-NI|>|
|vertical-align:top;padding:5px;width:400px;LIFE? BUTTERFLY<br />&nbsp; ON A SWAYING GRASS<br />&nbsp; THAT'S ALL ...<br />BUT EXQUISITE!|<<QOTD images>>|
|SOIN|>|
|vertical-align:top;padding:5px;width:400px;LIGHTNING FLASH, CRASH...<br />&nbsp; WAITING IN THE<br />&nbsp; BAMBOO GROVE<br />SEE THREE ~DEW-DROPS FALL|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;LIVE IN SIMPLE FAITH ...<br />&nbsp; JUST AS THIS<br />&nbsp; TRUSTING CHERRY<br />FLOWERS, FADES, AND FALLS|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;LONELY UMBRELLA<br />&nbsp; PASSING THE HOUSE<br />&nbsp; AT TWILIGHT...<br />FIRST SNOW FALLING SOFT|<<QOTD images>>|
|YAHA|>|
|vertical-align:top;padding:5px;width:400px;LONG THE SUMMER DAY ...<br />&nbsp; PATTERNS ON.<br />&nbsp; THE OCEAN SAND...<br />OUR IDLE FOOTPRINTS|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;LOOK AT THE CANDLE!<br />&nbsp; WHAT A HUNGRY WIND<br />&nbsp; IT IS...<br />HUNTING IN THE SNOW!|<<QOTD images>>|
|SEIRA|>|
|vertical-align:top;[[Anon]]<br />[[Basho]]<br />[[Bon Cho]]<br />[[Boncho]]<br />[[Buson]]<br />[[Chiyo-ni]]<br />[[Dansui]]<br />[[Etsujin]]<br />[[Gakoku]]<br />[[Gijoens]]<br />[[Gonsui]]<br />[[Hashin]]<br />[[Hokushi]]<br />[[Imozeni]]<br />[[Issa]]<br />[[Jokun]]|vertical-align:top;[[Joso]]<br />[[Kakei]]<br />[[Katsuri]]<br />[[Kikaku]]<br />[[Kito]]<br />[[Kohyo]]<br />[[Kyokusui]]<br />[[Kyora]]<br />[[Kyorai]]<br />[[Kyoroku]]<br />[[Kyoshi]]<br />[[Moritake]]<br />[[Oemaru]]<br />[[Ohora]]<br />[[Onitsura]]<br />[[Raizan]]|vertical-align:top;[[Reikan]]<br />[[Ringai]]<br />[[Rippo]]<br />[[Roka]]<br />[[Ryota]]<br />[[Ryusui]]<br />[[Sadaiye]]<br />[[Sampu]]<br />[[Sanin]]<br />[[Seira]]<br />[[Sesshi]]<br />[[Shiki]]<br />[[Shiko]]<br />[[Shiri]]<br />[[Shisei-Jo]]<br />[[Shoha]]|vertical-align:top;[[Shusen]]<br />[[Shushiri]]<br />[[Soin]]<br />[[Sokan]]<br />[[Sono-Jo]]<br />[[Sora]]<br />[[Taigi]]<br />[[Tairo]]<br />[[Teishitsu]]<br />[[Teitoku]]<br />[[Tokuku]]<br />[[Wafu]]<br />[[Yaha]]<br />[[Yayu]]|
|>|[[On Japanese Haiku]]|>|[[Random Haiku]]|
|>|[[Introduction]]|>|>|>|
|vertical-align:top;padding:5px;width:400px;MANY SOLEMN NIGHTS<br />&nbsp; BLOND MOON, WE STAND<br />&nbsp; AND MARVEL...<br />SLEEPING OUR NOONS AWAY|<<QOTD images>>|
|TEITOKU|>|
<!--{{{-->
<link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml'/>
<!--}}}-->
<style type="text/css">#contentWrapper {display:none;}</style><div id="SplashScreen" style="border: 3px solid #ccc; display: block; text-align: center; width: 320px; margin: 100px auto; padding: 50px; color:#000; font-size: 24px; font-family:Tahoma; background-color:#eee;"><b>Japanese Haiku</b></span><br /><span style="font-size: 14px; color:#CC6633;">is loading<br /><br /><img src="pix/loadbar.gif"><br /><br /><br />Requires Javascript,<br />works best with <a href="http://www.mozilla.com/en-US/firefox/" target="_blank">FireFox</a>.<br /><img src="pix/00.jpg" width="1" height="1"> <img src="pix/01.jpg" width="1" height="1"> <img src="pix/02.jpg" width="1" height="1"> <img src="pix/03.jpg" width="1" height="1"> <img src="pix/04.jpg" width="1" height="1"> <img src="pix/05.jpg" width="1" height="1"> <img src="pix/06.jpg" width="1" height="1"> <img src="pix/07.jpg" width="1" height="1"> <img src="pix/08.jpg" width="1" height="1"> <img src="pix/09.jpg" width="1" height="1"> <img src="pix/10.jpg" width="1" height="1"> <img src="pix/11.jpg" width="1" height="1"><img src="pix/12.jpg" width="1" height="1"><img src="pix/13.jpg" width="1" height="1"><img src="pix/14.jpg" width="1" height="1"> <img src="pix/15.jpg" width="1" height="1"> <img src="pix/16.jpg" width="1" height="1"> <img src="pix/17.jpg" width="1" height="1"> <img src="pix/18.jpg" width="1" height="1"> <img src="pix/19.jpg" width="1" height="1"> <img src="pix/20.jpg" width="1" height="1"> <img src="pix/21.jpg" width="1" height="1"> <img src="pix/22.jpg" width="1" height="1"> <img src="pix/23.jpg" width="1" height="1"> <img src="pix/24.jpg" width="1" height="1"> <img src="pix/25.jpg" width="1" height="1"> <img src="pix/26.jpg" width="1" height="1"> <img src="pix/27.jpg" width="1" height="1"> <img src="pix/28.jpg" width="1" height="1"> <img src="pix/29.jpg" width="1" height="1"> <img src="pix/30.jpg" width="1" height="1"> <img src="pix/31.jpg" width="1" height="1"> <img src="pix/32.jpg" width="1" height="1"> <img src="pix/33.jpg" width="1" height="1"> <img src="pix/34.jpg" width="1" height="1"> <img src="pix/36.jpg" width="1" height="1"> <img src="pix/37.jpg" width="1" height="1"> <img src="pix/38.jpg" width="1" height="1"> <img src="pix/39.jpg" width="1" height="1"> <img src="pix/40.jpg" width="1" height="1"> <img src="pix/41.jpg" width="1" height="1"> <img src="pix/42.jpg" width="1" height="1"> <img src="pix/43.jpg" width="1" height="1"> <img src="pix/44.jpg" width="1" height="1"> <img src="pix/45.jpg" width="1" height="1"> <img src="pix/46.jpg" width="1" height="1"> <img src="pix/47.jpg" width="1" height="1"> <img src="pix/48.jpg" width="1" height="1"> <img src="pix/49.jpg" width="1" height="1"> <img src="pix/50.jpg" width="1" height="1"> <img src="pix/51.jpg" width="1" height="1"> <img src="pix/52.jpg" width="1" height="1"> <img src="pix/53.jpg" width="1" height="1"> <img src="pix/54.jpg" width="1" height="1"> <img src="pix/55.jpg" width="1" height="1"> <img src="pix/56.jpg" width="1" height="1"> <img src="pix/57.jpg" width="1" height="1"> <img src="pix/58.jpg" width="1" height="1"></span></div>
|vertical-align:top;padding:5px;width:400px;~MIRROR-POND OF STARS ...<br />&nbsp; SUDDENLY A SUMMER<br />&nbsp; SHOWER<br />DIMPLES THE WATER|<<QOTD images>>|
|SORA|>|
<<closeAll>>
|vertical-align:top;padding:5px;width:400px;MOON SO BRIGHT FOR LOVE!<br />&nbsp; COME CLOSER, QUILT...<br />&nbsp; ENFOLD<br />MY PASSIONATE COLD!|<<QOTD images>>|
|SAMPU|>|
|vertical-align:top;padding:5px;width:400px;[[One fallen flower]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;FOR ~MORNING-GLORIES<br />&nbsp; I CAN FORESEE GRAVE<br />&nbsp; DANGER...<br />~SINGLE-STICK PRACTICE|<<QOTD images>>|
|OHORA|>|
|vertical-align:top;padding:5px;width:400px;~MOUNTAIN-ROSE PETALS<br />&nbsp; FALLING, FALLING,<br />&nbsp; FALLING NOW ...<br />WATERFALL MUSIC|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;MUST SPRINGTIME FADE?<br />&nbsp; THEN CRY ALL BIRDS ...<br />&nbsp; AND FISHES'<br />COLD PALE EYES POUR TEARS|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;MY GOOD FATHER RAGED<br />&nbsp; WHEN I SNAPPED<br />&nbsp; THE PEONY...<br />PRECIOUS MEMORY!|<<QOTD images>>|
|TAIRO|>|
|vertical-align:top;padding:5px;width:400px;MY SHADOWY PATH<br />&nbsp; I'VE SWEPT ALL DAY<br />&nbsp; AND NOW ... OH NO!<br />~CAMELLIA-SHOWER!|<<QOTD images>>|
|YAHA|>|
|vertical-align:top;padding:5px;width:400px;MY TWO PLUM TREES ARE<br />&nbsp; SO GRACIOUS ...<br />&nbsp; SEE, THEY FLOWER<br />ONE NOW, ONE LATER|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;NICE - WILD PERSIMMONS...<br />&nbsp; AND NOTICE HOW<br />&nbsp; THE MOTHER<br />EATS THE BITTER PARTS|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;NIGHT IS BRIGHT WITH STARS<br />&nbsp; ... SILLY WOMAN,<br />&nbsp; WHIMPERING:<br />SHALL I LIGHT THE LAMP?|<<QOTD images>>|
|ETSUJIN|>|
|vertical-align:top;padding:5px;width:400px;NINE TIMES ARISING<br />&nbsp; TO SEE THE MOON...<br />&nbsp; WHOSE SOLEMN PACE<br />MARKS ONLY MIDNIGHT YET|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;NO OIL TO READ BY ...<br />&nbsp; I AM OFF TO BED<br />&nbsp; BUT AH!...<br />MY MOONLIT PILLOW|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;NONE BROKE THE SILENCE...<br />&nbsp; NOR VISITOR<br />&nbsp;NOR HOST ... NOR<br />WHITE CHRYSANTHEMUM|<<QOTD images>>|
|RYOTA|>|
|vertical-align:top;padding:5px;width:400px;NOT A VOICE OR STIR ...<br />&nbsp; DARKNESS LIES ON<br />&nbsp; FIELDS AND STREETS<br />SAD: THE MOON HAS SET|<<QOTD images>>|
|IMOZENI|>|
|vertical-align:top;padding:5px;width:400px;NOVEMBER SUNRISE...<br />&nbsp; UNCERTAIN, THE COLD<br />&nbsp; STORKS STAND ...<br />BARE STICKS IN WATER|<<QOTD images>>|
|KAKEI|>|
|vertical-align:top;padding:5px;width:400px;NOW BE A GOOD BOY<br />&nbsp; TAKE GOOD CARE OF<br />&nbsp; OUR HOUSE ...<br />CRICKET MY CHILD|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;NOW FROM ~CHERRY-TREES ...<br />&nbsp; MILLIONS OF MAIDENS<br />&nbsp; FLYING<br />FIERCE ~WAR-LORD STORM|<<QOTD images>>|
|SADAIYE|>|
|vertical-align:top;padding:5px;width:400px;NOW IN LATE AUTUMN<br />&nbsp; LOOK, ON MY OLD<br />&nbsp; ~RUBBISH-HEAP ...<br />BLUE ~MORNING-GLORY|<<QOTD images>>|
|TAIGI|>|
|vertical-align:top;padding:5px;width:400px;NOW IN SAD AUTUMN<br />&nbsp; AS I TAKE MY<br />&nbsp; DARKENING PATH ...<br />A SOLITARY BIRD|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;NOW MY LONELINESS<br />&nbsp; FOLLOWING<br />&nbsp; THE FIREWORKS...<br />LOOK! A FALLING STAR!|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;NOW THAT EYES OF HAWKS<br />&nbsp; IN DUSKY NIGHT<br />&nbsp; ARE DARKENED...<br />CHIRPING OF THE QUAILS|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;NOW THE SWINGING BRIDGE<br />&nbsp; IS QUIETED<br />&nbsp; WITH CREEPERS...<br />LIKE OUR TENDRILLED LIFE|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;[[Do your worst, old frost]]<br />[[Wee bitter cricket]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;OH DO NOT SWAT THEM ...<br />&nbsp; UNHAPPY FLIES<br />&nbsp; FOREVER<br />WRINGING THEIR THIN HANDS|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;OH FORMER RENTER<br />&nbsp; I KNOW IT ALL, ALL ...<br />&nbsp; DOWN TO<br />THE VERY COLD YOU FELT|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;OH LUCKY BEGGAR!<br />&nbsp; BRIGHT HEAVEN<br />&nbsp; AND COOL EARTH<br />YOUR SUMMER OUTFIT|<<QOTD images>>|
|KIKAKU|>|
|vertical-align:top;padding:5px;width:400px;OH SORRY ~TOM-CAT<br />&nbsp; BIGGER BLACKER<br />&nbsp; KNIGHTS OF LOVE<br />HAVE KNOCKED YOU OUT!|<<QOTD images>>|
|SHIKO|>|
|vertical-align:top;padding:5px;width:400px;OH! I ATE THEM ALL<br />&nbsp; AND OH! WHAT A<br />&nbsp; ~STOMACH-ACHE...<br />GREEN STOLEN APPLES|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;[[Morning-glories]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;OLD DARK SLEEPY POOL...<br />&nbsp; QUICK UNEXPECTED<br />&nbsp; FROG<br />GOES PLOP! WATERSPLASH!|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;OLD WEARY WILLOWS...<br />&nbsp; I THOUGHT HOW LONG<br />&nbsp; THE ROAD WOULD BE<br />WHEN YOU WENT AWAY|<<QOTD images>>|
|BUSON|>|
A NOTE ON JAPANESE HAIKU

THE //hokku// — or more properly //haiku// — is a tiny verse-form in which Japanese poets have been working for hundreds of years. Originally it was the first part of the //tanka//, a five-line poem, often written by two people as a literary game: one writing three lines, the other, two lines capping them. But the //hokku//, or three-line starting verse, became popular as a separate form. As such it is properly called //haiku//, and retains an incredible popularity among all classes of Japanese.

There are only seventeen syllables in the haiku, the first and third lines contain five, the second line seven. There is almost always in it the name of the season, or a key word giving the season by inference. (This is a short-cut, costing the poet only one or two syllables, whereby the reader can immediately comprehend the weather, the foliage, the bird and insect-life — and the emotions traditional to the season: factors which almost always are important in the poem.) But there is also, in a good //haiku//, more than a mere statement of feeling or a picture of nature: there is an implied identity between two seemingly different things.

The greatest of //haiku//-writers, and the poet who crystallized the style, was [[Basho]] (1644-1694). In his later years he was a student of Zen Buddhism, and his later poems, which are his best, express the rapturous awareness in that mystical philosophy of the identity of life in all its forms. With this awareness, Basho immersed himself in even the tiniest things, and with religious fervor and sure craftsmanship converted them into poetry. He was ardently loved by his followers, and by later poets, and his Zen philosophy has thus been perpetuated in later //haiku//. It is, indeed, a key to the completest appreciation of most //haiku//.

Following Basho in time and fame was [[Buson]] (1715-1783) — a little more sophisticated and detached than his predecessor, and an equally exquisite craftsman. The third great haiku poet was unhappy [[Issa]] (1763-1827), a continual butt of fate. He is less poetic but more lovable than Basho and Buson. His tender, witty haiku about his dead children, his bitter poverty, his little insect friends, endear him to every reader. Other masters are of course represented here too.

It is usually impossible to translate a haiku literally and have it remain a poem, or remain in the proper seventeen-syllable form. There are several reasons for this. //Haiku// are full of quotations and allusions which are recognized by literate Japanese but not by us; and are full of interior double-meanings almost like James Joyce. And the language is used without connecting-words or tenses or pronouns or indications of singular or plural almost a telegraphic form. Obviously a translation cannot be at once so illusive and so terse.

In the texture of the poems there is a further difficulty: Japanese is highly polysyllabic. The only way to reproduce such a texture in English is to use Latinized words — normally less sympathetic than the ~Anglo-Saxon. For all these reasons, the following versions make no pretense to be literal or complete, and some variations in the five-seven-five syllable arrangement have been allowed.

Alterations and interior rhymes, which are common in Japanese because every syllable ends with one of the five vowel sounds (sometimes with the addition of the letter "n") have been freely used; but as in the originals, there are no end-rhymes except some accidental ones.

Although the //haiku// is a three-line poem, the use of a decorative Japanese design alongside each example in this edition has required (in almost every case) the doubling-up of the longer second line. The reader's indulgence is requested for this unorthodox typography.

One final word: the haiku is not expected to be always a complete or even a clear statement. The reader is supposed to add to the words his own associations and imagery, and thus to become a co-creator of his own pleasure in the poem. The publishers hope their readers may here co-create such pleasure for themselves!
|vertical-align:top;padding:5px;width:400px;IN WHAT WINDY LAND<br />&nbsp; WANDERS NOW<br />&nbsp; MY LITTLE DEAR<br />DRAGONFLY HUNTER?|<<QOTD images>>|
|~CHIYO-NI|>|
|vertical-align:top;padding:5px;width:400px;ON JOLLY NEW YEAR'S DAY<br />&nbsp; MY LAST YEAR'S BILLS<br />&nbsp; DROP IN<br />TO PAY THEIR COMPLIMENTS|<<QOTD images>>|
|ANON|>|
|vertical-align:top;padding:5px;width:400px;ONE FALLEN FLOWER<br />&nbsp; RETURNING TO THE<br />&nbsp; BRANCH? ... OH NO!<br />A WHITE BUTTERFLY|<<QOTD images>>|
|MORITAKE|>|
|vertical-align:top;padding:5px;width:400px;[[Dirty bath-water]]<br />[[Flower in the stream]]<br />[[Watching, I wonder]]<br />[[You turn and suddenly]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;OVER THE MOUNTAIN<br />&nbsp; BRIGHT THE FULL WHITE<br />&nbsp;  MOON NOW SMILES...<br />ON THE ~FLOWER-THIEF|<<QOTD images>>|
|ISSA|>|
<!--{{{-->
<div id='header' class='header'>
<div class='headerShadow'>
<span class='searchBar' macro='search'></span>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>

</div>
<div id='mainMenu'>
<span refresh='content' tiddler='MainMenu'></span>
</div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='MochaSideBarOptions'></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 id='contentFooter' refresh='content' tiddler='contentFooter'></div>
<!--}}}-->
|vertical-align:top;padding:5px;width:400px;PEBBLES SHINING CLEAR,<br />&nbsp; AND CLEAR<br />&nbsp; SIX SILENT FISHES...<br />DEEP AUTUMN WATER|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;PLUME OF PAMPAS GRASS<br />&nbsp; TREMBLING<br />&nbsp; IN EVERY WIND...<br />HUSH, MY LONELY HEART|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;PRETTY BUTTERFLIES...<br />&nbsp; BE CAREFUL OF<br />&nbsp; ~PINE-NEEDLE POINTS<br />IN THIS GUSTY WIND!|<<QOTD images>>|
|SHUSEN|>|
|vertical-align:top;padding:5px;width:400px;QUITE A HUNDRED GOURDS<br />&nbsp; SPROUTING FROM<br />&nbsp; THE FERTILE SOUL...<br />OF A SINGLE VINE|<<QOTD images>>|
|~CHIYO-NI|>|
/***
|Name|QuoteOfTheDayPlugin|
|Source|http://www.TiddlyTools.com/#QuoteOfTheDayPlugin|
|Documentation|http://www.TiddlyTools.com/#QuoteOfTheDayPluginInfo|
|Version|1.4.1|
|Author|Eric Shulman - ELS Design Studios|
|License|http://www.TiddlyTools.com/#LegalStatements <br>and [[Creative Commons Attribution-ShareAlike 2.5 License|http://creativecommons.org/licenses/by-sa/2.5/]]|
|~CoreVersion|2.1|
|Type|plugin|
|Requires||
|Overrides||
|Description|Display a randomly selected "quote of the day" from a list defined in a separate tiddler|

!!!!!Documentation
>see [[QuoteOfTheDayPluginInfo]]
!!!!!Revisions
<<<
2008.03.21 [1.4.1] in showNextItem(), corrected handling for random selection so that //initial// index value will randomized correctly instead of always showing first item, even when randomizing.  Thanks to Riccardo Gherardi for finding this.
| Please see [[QuoteOfTheDayPluginInfo]] for previous revision details |
2005.10.21 [1.0.0] Initial Release.  Based on a suggestion by M.Russula
<<<
!!!!!Code
***/
//{{{
version.extensions.QOTD = {major: 1, minor: 4, revision: 1, date: new Date(2008,3,21)};
config.macros.QOTD = {
	clickTooltip: "click to view another item",
	timerTooltip: "auto-timer stopped...  'mouseout' to restart timer",
	timerClickTooltip: "auto-timer stopped...  click to view another item, or 'mouseout' to restart timer",
	handler:
	function(place,macroName,params) {
		var tid=params.shift(); // source tiddler containing HR-separated quotes
		var p=params.shift();
		var click=true; // allow click for next item
		var inline=false; // wrap in slider for animation effect
		var random=true; // pick an item at random (default for "quote of the day" usage)
		var folder=false; // use local filesystem folder list
		var cookie=""; // default to no cookie
		var next=0; // default to first item (or random item)
		while (p) {
			if (p.toLowerCase()=="noclick") var click=false;
			if (p.toLowerCase()=="inline") var inline=true;
			if (p.toLowerCase()=="norandom") var random=false;
			if (p.toLowerCase().substr(0,7)=="cookie:") var cookie=p.substr(8);
			if (!isNaN(p)) var delay=p;
			p=params.shift();
		}
		if ((click||delay) && !inline) {
			var panel = createTiddlyElement(null,"div",null,"sliderPanel");
			panel.style.display="none";
			place.appendChild(panel);
			var here=createTiddlyElement(panel,click?"a":"span",null,"QOTD");
		}
		else
			var here=createTiddlyElement(place,click?"a":"span",null,"QOTD");
		here.id=(new Date()).convertToYYYYMMDDHHMMSSMMM()+Math.random().toString(); // unique ID
		// get items from tiddler or file list
		var list=store.getTiddlerText(tid,"");
		if (!list||!list.length) { // not a tiddler... maybe an image directory?
			var list=this.getImageFileList(tid);
			if (!list.length) { // maybe relative path... fixup and try again
				var h=document.location.href;
				var p=getLocalPath(decodeURIComponent(h.substr(0,h.lastIndexOf("/")+1)));
				var list=this.getImageFileList(p+tid);
			}
		}
		if (!list||!list.length) return false; // no contents... nothing to display!
		here.setAttribute("list",list);
		if (delay) here.setAttribute("delay",delay);
		here.setAttribute("random",random);
		here.setAttribute("cookie",cookie);
		if (click) {
			here.title=this.clickTooltip
			if (!inline) here.style.display="block";
			here.setAttribute("href","javascript:;");
			here.onclick=function(event)
				{ config.macros.QOTD.showNextItem(this); }
		}
		if (config.options["txtQOTD_"+cookie]!=undefined) next=parseInt(config.options["txtQOTD_"+cookie]);
		here.setAttribute("nextItem",next);
		config.macros.QOTD.showNextItem(here);
		if (delay) {
			here.title=click?this.timerClickTooltip:this.timerTooltip
			here.onmouseover=function(event)
				{ clearTimeout(this.ticker); };
			here.onmouseout=function(event)
				{ this.ticker=setTimeout("config.macros.QOTD.tick('"+this.id+"')",this.getAttribute("delay")); };
			here.ticker=setTimeout("config.macros.QOTD.tick('"+here.id+"')",delay);
		}
	},
	tick: function(id) {
		var here=document.getElementById(id); if (!here) return;
		config.macros.QOTD.showNextItem(here);
		here.ticker=setTimeout("config.macros.QOTD.tick('"+id+"')",here.getAttribute("delay"));
	},
	showNextItem:
	function (here) {
		// hide containing slider panel (if any)
		var p=here.parentNode;
		if (p.className=="sliderPanel") p.style.display = "none"
		// get a new quote
		var index=here.getAttribute("nextItem"); 
		var items=here.getAttribute("list").split("\n----\n");
		if (index<0||index>=items.length) index=0;
		if (here.getAttribute("random")=="true") index=Math.floor(Math.random()*items.length);
		var txt=items[index];
		// re-render quote display element, and advance index counter
		removeChildren(here); wikify(txt,here);
		index++; here.setAttribute("nextItem",index);
		var cookie=here.getAttribute("cookie");
		if (cookie.length) {
			config.options["txtQOTD_"+cookie]=index.toString();
			saveOptionCookie("txtQOTD_"+cookie);
		}
		// redisplay slider panel (if any)
		if (p.className=="sliderPanel") {
			if(anim && config.options.chkAnimate)
				anim.startAnimating(new Slider(p,true,false,"none"));
			else p.style.display="block";
		}
	},
	getImageFileList: function(cwd) { // returns HR-separated list of image files
		function isImage(fn) {
			var ext=fn.substr(fn.length-3,3).toLowerCase();
			return ext=="jpg"||ext=="gif"||ext=="png";
		}
		var files=[];
		if (config.browser.isIE) {
			cwd=cwd.replace(/\//g,"\\");
			// IE uses ActiveX to read filesystem info
			var fso = new ActiveXObject("Scripting.FileSystemObject");
			if(!fso.FolderExists(cwd)) return [];
			var dir=fso.GetFolder(cwd);
			for(var f=new Enumerator(dir.Files); !f.atEnd(); f.moveNext())
				if (isImage(f.item().path)) files.push("[img[%0]]".format(["file:///"+f.item().path.replace(/\\/g,"/")]));
		} else {
			// FireFox (mozilla) uses "components" to read filesystem info
			// get security access
			if(!window.Components) return;
			try { netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); }
			catch(e) { alert(e.description?e.description:e.toString()); return []; }
			// open/validate directory
			var file=Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsILocalFile);
			try { file.initWithPath(cwd); } catch(e) { return []; }
			if (!file.exists() || !file.isDirectory()) { return []; }
			var folder=file.directoryEntries;
			while (folder.hasMoreElements()) {
				var f=folder.getNext().QueryInterface(Components.interfaces.nsILocalFile);
				if (f instanceof Components.interfaces.nsILocalFile)
					if (isImage(f.path)) files.push("[img[%0]]".format(["file:///"+f.path.replace(/\\/g,"/")]));
			}
		}
		return files.join("\n----\n");
	}
}
//}}}
|vertical-align:top;padding:5px;width:400px;~RAINY-MONTH, DRIPPING<br />&nbsp; ON AND ON<br />&nbsp; AS I LIE ABED...<br />AH, OLD MAN'S MEMORIES!|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;[[Women planting rice...]]|<<QOTD images>>|
<script>
  var tids=store.getTaggedTiddlers("haiku");
  if (tids.length)
    return "<<tiddler [["+tids[Math.floor(Math.random()*tids.length)].title+"]]>>";
</script> 

<<tiddler refreshHaiku>>
|vertical-align:top;padding:5px;width:400px;RASH ~TOM-CAT LOVER...<br />&nbsp; CARELESS EVEN<br />&nbsp; OF THAT RICE<br />STUCK IN YOUR WHISKERS|<<QOTD images>>|
|TAIGI|>|
|vertical-align:top;padding:5px;width:400px;RECITING SCRIPTURES...<br />&nbsp; STRANGE THE<br />&nbsp; WONDROUS BLUE I FIND<br />IN ~MORNING-GLORIES|<<QOTD images>>|
|KYOROKU|>|
|vertical-align:top;padding:5px;width:400px;[[Describe plum-blossoms?]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[In these dark waters]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Death-song - Three Loveliest Things:]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;ROARING WINTER STORM<br />&nbsp; RUSHING TO ITS<br />&nbsp; UTTER END ...<br />~EVER-SOUNDING SEA|<<QOTD images>>|
|GONSUI|>|
|vertical-align:top;padding:5px;width:400px;[[A white swan swimming...]]<br />[[Winter rain deepens]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Angry I strode home...]]<br />[[Cloudbank curling low?]]<br />[[Fie! This fickle world!]]<br />[[None broke the silence...]]<br />[[Two ancient pine-trees]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[A lost child crying]]<br />[[Deepen, drop, and die]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Now from cherry-trees]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;SADNESS AT TWILIGHT...<br />&nbsp; VILLAIN! I HAVE<br />&nbsp; LET MY HAND<br />CUT THAT PEONY|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;[[I raised my knife to it:]]<br />[[Moon so bright for love!]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[In the farther field]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;SEAS ARE WILD TONIGHT...<br />&nbsp; STRETCHING OVER<br />&nbsp; SADO ISLAND<br />SILENT CLOUDS OF STARS|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;SEE - SURVIVING SUNS<br />&nbsp; VISIT THE ANCESTRAL<br />&nbsp; GRAVE ...<br />BEARDED, WITH BENT CANES|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;SEE ... THE HEAVY LEAF<br />&nbsp; ON THE SILENT<br />&nbsp; WINDLESS DAY ...<br />FALLS OF ITS OWN WILL|<<QOTD images>>|
|BONCHO|>|
|vertical-align:top;padding:5px;width:400px;SEE THE MORNING BREEZE<br />&nbsp; RUFFLING HIS SO<br />&nbsp; SILKY HAIR...<br />COOL CATERPILLAR|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;SEE, SEE, SEE! OH SEE!<br />&nbsp; OH WHAT TO SAY?<br />&nbsp; AH YOSHINO...<br />~MOUNTAIN-ALL-ABLOOM!|<<QOTD images>>|
|TEISHITSU|>|
|vertical-align:top;padding:5px;width:400px;SEEK ON HIGH BARE TRAILS<br />&nbsp; ~SKY-REFLECTING<br />&nbsp; VIOLETS...<br />~MOUNTAIN-TOP JEWELS|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;[[Look at the candle!]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Tiny sentences]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[At our last parting]]<br />[[Autumn mosquitoes]]<br />[[By that fallen house]]<br />[[Eleven brave knights]]<br />[[For a cool evening]]<br />[[Green shadow-dances]]<br />[[Hanging the lantern]]<br />[[I gave the greetings]]<br />[[Long the summer day]]<br />[[Fireworks ended]]<br />[[Now my loneliness]]<br />[[Oh! I ate them all]]<br />[[Such a little child]]<br />[[While I turned my head]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Defeated in the fray]]<br />[[Oh sorry tom-cat]]<br />[[So enviable]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Vendor of bright fans]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Windy winter rain...]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;SHOCKING ... THE RED OF<br />&nbsp; LACQUERED FINGERNAILS<br />&nbsp; AGAINST<br />A WHITE CHRYSANTHEMUM|<<QOTD images>>|
|~CHIYO-NI|>|
|vertical-align:top;padding:5px;width:400px;[[Yellow evening sun...]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Pretty butterflies...]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Dead my old fine hopes]]|<<QOTD images>>|


|vertical-align:top;padding:5px;width:400px;SILENT THE OLD TOWN...<br />&nbsp; THE SCENT OF FLOWERS<br />&nbsp; FLOATING...<br />AND EVENING BELL|<<QOTD images>>|
|BASHO|>|
by Peter Beilenson
Japanese Haiku
|vertical-align:top;padding:5px;width:400px;SLANTING LINES OF RAIN...<br />&nbsp; ON THE DUSTY<br />&nbsp; SAMISEN<br />A MOUSE IS TROTTING|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;~SNOW-SWALLOWED VALLEY:<br />&nbsp; ONLY THE<br />&nbsp; WINDING RIVER...<br />BLACK FLUENT ~BRUSH-STROKE|<<QOTD images>>|
|BONCHO|>|
|vertical-align:top;padding:5px;width:400px;SO ENVIABLE...<br />&nbsp; ~MAPLE-LEAVES<br />&nbsp; MOST GLORIOUS<br />CONTEMPLATING DEATH|<<QOTD images>>|
|SHIKO|>|
|vertical-align:top;padding:5px;width:400px;[[Life? Butterfly]]<br />[[Wild geese write a line]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[If you were silent]]<br />[[Take the round flat moon]]<br />[[Tea-water, tired]]<br />[[Torches! Come and see]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Dancing in my silks]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Mirror-pond of stars]]|<<QOTD images>>|
/***

''Inspired by [[TiddlyPom|http://www.warwick.ac.uk/~tuspam/tiddlypom.html]]''

|Name|SplashScreenPlugin|
|Created by|SaqImtiaz|
|Location|http://tw.lewcid.org/#SplashScreenPlugin|
|Version|0.21 |
|Requires|~TW2.08+|
!Description:
Provides a simple splash screen that is visible while the TW is loading.

!Installation
Copy the source text of this tiddler to your TW in a new tiddler, tag it with systemConfig and save and reload. The SplashScreen will now be installed and will be visible the next time you reload your TW.

!Customizing
Once the SplashScreen has been installed and you have reloaded your TW, the splash screen html will be present in the MarkupPreHead tiddler. You can edit it and customize to your needs.

!History
* 20-07-06 : version 0.21, modified to hide contentWrapper while SplashScreen is displayed.
* 26-06-06 : version 0.2, first release

!Code
***/
//{{{
var old_lewcid_splash_restart=restart;

restart = function()
{   if (document.getElementById("SplashScreen"))
        document.getElementById("SplashScreen").style.display = "none";
      if (document.getElementById("contentWrapper"))
        document.getElementById("contentWrapper").style.display = "block";
    
    old_lewcid_splash_restart();
   
    if (splashScreenInstall)
       {if(config.options.chkAutoSave)
			{saveChanges();}
        displayMessage("TW SplashScreen has been installed, please save and refresh your TW.");
        }
}


var oldText = store.getTiddlerText("MarkupPreHead");
if (oldText.indexOf("SplashScreen")==-1)
   {var siteTitle = store.getTiddlerText("SiteTitle");
   var splasher='\n\n<style type="text/css">#contentWrapper {display:none;}</style><div id="SplashScreen" style="border: 3px solid #ccc; display: block; text-align: center; width: 320px; margin: 100px auto; padding: 50px; color:#000; font-size: 28px; font-family:Tahoma; background-color:#eee;"><b>'+siteTitle +'</b> is loading<blink> ...</blink><br><br><span style="font-size: 14px; color:red;">Requires Javascript.</span></div>';
   if (! store.tiddlerExists("MarkupPreHead"))
       {var myTiddler = store.createTiddler("MarkupPreHead");}
   else
      {var myTiddler = store.getTiddler("MarkupPreHead");}
      myTiddler.set(myTiddler.title,oldText+splasher,config.options.txtUserName,null,null);
      store.setDirty(true);
      var splashScreenInstall = true;
}
//}}}
|vertical-align:top;padding:5px;width:400px;STANDING STILL AT DUSK<br />&nbsp; LISTEN ... IN FAR<br />&nbsp; DISTANCES<br />THE SONG OF FROGLINGS!|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;STARTING TO CALL YOU:<br />&nbsp; COME WATCH<br />&nbsp; THESE BUTTERFLIES ...<br />OH! I'M ALL ALONE|<<QOTD images>>|
|TAIGI|>|
|vertical-align:top;padding:5px;width:400px;STILLNESS ... THEN THE BAT<br />&nbsp; FLYING AMONG<br />&nbsp; THE WILLOWS<br />BLACK AGAINST GREEN SKY|<<QOTD images>>|
|KIKAKU|>|
|vertical-align:top;padding:5px;width:400px;STUPID HOT MELONS...<br />&nbsp; ROLLING<br />&nbsp; LIKE FAT IDIOTS<br />OUT FROM LEAFY SHADE!|<<QOTD images>>|
|KYORA|>|
/*{{{*/
/*Mocha TiddlyWiki Theme*/
/*Version 1.0*/
/*Design and CSS originally by Anthonyy, ported to TiddlyWiki by Saq Imtiaz.*/
/*}}}*/
/*{{{*/
 #contentWrapper{
margin: 0 3.4em;
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
line-height: 1.6em;
color: #666;
}
.banner {font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: .8em; color: #444}
.header {
 background: #fff; 
			padding-top: 1px;
			clear: both;

border-bottom: 4px solid #948979;
}

.headerShadow {	padding: 1.0em 0em 0.5em 0em; }

.siteTitle {
			font-family: 'Trebuchet MS' sans-serif;
			font-weight: bold;
			font-size: 20px;
			color: #CC6633;
			margin-bottom: 20px;
			background-color: #FFF;
}

.siteTitle a{color:#CC6633; border-bottom:1px dotted #cc6633;}

.siteSubtitle {
	font-size: 1.0em;
        display: block;
        margin: .5em 3em; color: #999999;
}

#mainMenu {
position:relative;
float:left;
margin-bottom:1em;
display:inline;
text-align:left;
padding: 0.1em 0.1em 0.1em 0em;
width:25em;
font-size:0.8em;
}

#sidebar{
position:relative;
float:right;
margin-bottom:1em;
padding-top:2em;
display:inline;

}

#displayArea {
	margin: 0em 17em 0em 20em;
}

.tagClear {clear:none;}

#contentFooter {background:#575352; color:#BFB6B3; clear: both; padding: 0.5em 1em;}

		
		#contentFooter a {
			color: #BFB6B3;
			border-bottom: 1px dotted #BFB6B3;
		}
		
		#contentFooter a:hover {
			color: #FFFFFF;
			background-color:#575352;
		}

		a,#sidebarOptions .sliderPanel a{
			color:#CC6714;
			text-decoration: none;
		}

		a:hover,#sidebarOptions .sliderPanel a:hover {
			color:#CC6714;
			background-color: #F5F5F5; 
		}

.viewer .button, .editorFooter .button{
	color: #666;
	border: 1px solid #CC6714;
}

.viewer .button:hover, 
.editorFooter .button:hover{
	color: #fff;
	background: #CC6714;
	border-color: #CC6714;
}

.viewer .button:active, .viewer .highlight,.editorFooter .button:active, .editorFooter .highlight{color:#fff; background:#575352;border-color:#575352;}


		#mainMenu a {
			display: block;
			padding: 3px;
			border-bottom: 1px solid #CCC;
		}

		#mainMenu a:link, #navlist a:visited {
			color:#CC6714;
			text-decoration: none;
		}
		
		#mainMenu a:hover {
			background: #000000 url(arrow.gif) 96% 50% no-repeat;
			background-color: #F5F5F5;
			color:#CC6714;
		}

#mainMenu br {display:none;}

#sidebarOptions a {
			color:#999;
			text-decoration: none;
		}

#sidebarOptions	a:hover {
			color:#4F4B45;
			background-color: #F5F5F5;border:1px solid #fff;
		}

#sidebarOptions {line-height:1.4em;}

		.tiddler {
			padding-bottom: 40px;
			border-bottom: 1px solid #DDDDDD; 
		}
.title {color:#CC6633;}
.subtitle, .subtitle a { color: #999999; font-size: 1.0em;margin:0.2em;}
.shadow .title{color:#948979;}

.selected .toolbar a {color:#999999;}
.selected .toolbar a:hover {color:#4F4B45; background:transparent;border:1px solid #fff;}

.toolbar .button:hover, .toolbar .highlight, .toolbar .marked, .toolbar a.button:active{color:#4F4B45; background:transparent;border:1px solid #fff;}

 .listLink,#sidebarTabs .tabContents {line-height:1.5em;}
 .listTitle {color:#888;}

#sidebarTabs .tabContents {background:#fff;}
#sidebarTabs .tabContents .tiddlyLink, #sidebarTabs .tabContents .button{color:#999;}
#sidebarTabs .tabContents .tiddlyLink:hover,#sidebarTabs .tabContents .button:hover{color:#4F4B45;background:#fff}

#sidebarTabs .tabContents .button:hover, #sidebarTabs .tabContents .highlight, #sidebarTabs .tabContents .marked, #sidebarTabs .tabContents a.button:active{color:#4F4B45;background:#fff}

.tabSelected{color:#fff; background:#948979;}

.tabUnselected {
 background: #ccc;
}

 .tabSelected, .tabSelected:hover {
 color: #fff;
 background: #948979;
 border: solid 1px #948979;
padding-bottom:1px;
}

 .tabUnselected {
 color: #999;
 background: #eee;
 border: solid 1px #ccc;
padding-bottom:1px;
}

#sidebarTabs .tabUnselected { border-bottom: none;padding-bottom:3px;}
#sidebarTabs .tabSelected{padding-bottom:3px;}


#sidebarTabs .tabUnselected:hover { border-bottom: none;padding-bottom:3px;color:#4F4B45}

#sidebarOptions .sliderPanel {
	background: #fff; border:none;
	font-size: .9em;
}
#sidebarOptions .sliderPanel a {font-weight:normal;}
#sidebarOptions .sliderPanel input {border:1px solid #999;}

.viewer blockquote {
	border-left: 3px solid #948979;
}

.viewer table {
	border: none;
}

.viewer th, thead td {
	background: #948979;
	border: none;
	color: #fff;
}
.viewer pre {
	border: 1px solid #948979;
	background: #f5f5f5;
}

.viewer code {
	color: #2F2A29;
}

.viewer hr {
	border-top: dashed 1px #948979;
}

.editor input {
	border: 1px solid #948979;
}

.editor textarea {
	border: 1px solid #948979;
}

.popup {
	background: #948979;
	border: 1px solid #948979;
}

.popup li.disabled {
	color: #000;
}

.popup li a, .popup li a:visited {
	color: #eee;
	border: none;
}

.popup li a:hover {
	background: #575352;
	color: #fff;
	border: none;
}

.tagging, .tagged {
	border: 1px solid #eee;
	background-color: #F7F7F7;
}

.selected .tagging, .selected .tagged {
	background-color: #eee;
	border: 1px solid #BFBAB3;
}

 .tagging .listTitle, .tagged .listTitle {
	color: #bbb;
}

.selected .tagging .listTitle, .selected .tagged .listTitle {
	color: #666; 
}

.tagging .button, .tagged .button {
		color:#aaa;
}
.selected .tagging .button, .selected .tagged .button {
		color:#4F4B45;
}

.highlight, .marked {background:transparent; color:#111; border:none; text-decoration:underline;}

.tagging .button:hover, .tagged .button:hover, .tagging .button:active, .tagged .button:active {
		border: none; background:transparent; text-decoration:underline; color:#000;
}

h1,h2,h3,h4,h5 { color: #666; background: transparent; padding-bottom:2px; font-family: Arial, Helvetica, sans-serif; }
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size: 14px;}

#messageArea {
	border: 4px solid #948979;
	background: #f5f5f5;
	color: #999;
        font-size:90%;
}

#messageArea a:hover { background:#f5f5f5;}

#messageArea .button{
	color: #666;
	border: 1px solid #CC6714;
}

#messageArea .button:hover {
	color: #fff;
	background: #948979;
	border-color: #948979;
}


* html .viewer pre {
	margin-left: 0em;
}

* html .editor textarea, * html .editor input {
	width: 98%;
}

.searchBar {float:right;font-size: 1.0em;}
.searchBar .button {color:#999;display:block;}
.searchBar .button:hover {border:1px solid #fff;color:#4F4B45;}
.searchBar input {			
                        background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;		margin-right:3px;
}

#sidebarOptions .button:active, #sidebarOptions .highlight {background:#F5F5F5;}

*html #contentFooter { padding:0.25em 1em 0.5em 1em;}

#noticeBoard {font-size: 0.9em; color:#999; position:relative;display:block;background:#fff; clear: both; margin-right:0.5em; margin-top:60px; padding:5px; border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC;}
#mainMenu #noticeBoard a,#mainMenu #noticeBoard .tiddlyLink {display:inline;border:none;padding:5px 2px;color:#DF9153 }
#noticeBoard a:hover {border:none;}	

#noticeBoard br {display:inline;}

#mainMenu #noticeBoard  .button{
	color: #666;
	border: 1px solid #DF9153;padding:2px;
}

#mainMenu #noticeBoard  .button:hover{
	color: #fff;
	background: #DF9153;
	border-color: #DF9153;
}
/*}}}*/
/*{{{*/
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]];}

#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::Background]];}
.viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
.viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::Background]];}

.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:2em;}
.siteSubtitle {font-size:1.2em;}

#mainMenu {position:absolute; left:0; width:20em; 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; 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;}
/*}}}*/
|vertical-align:top;padding:5px;width:400px;SUCH A LITTLE CHILD<br />&nbsp; TO SEND TO BE<br />&nbsp;  A PRIESTLING<br />ICY POVERTY|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;SUCH UTTER SILENCE!<br />&nbsp; EVEN THE CRICKETS’<br />&nbsp; SINGING...<br />MUFFLED BY HOT ROCKS|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;SWALLOW IN THE DUSK...<br />&nbsp; SPARE MY LITTLE<br />&nbsp; BUZZING FRIENDS<br />AMONG THE FLOWERS|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;[[Buzzing the bee trades]]<br />[[Crossing it alone]]<br />[[Don't touch my plum tree!]]<br />[[Now in late Autumn]]<br />[[Rash tom-cat lover...]]<br />[[Starting to call you:]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[My good father raged]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;TAKE THE ROUND FLAT MOON<br />&nbsp; SNAP THIS TWIG<br />&nbsp; FOR HANDLE...<br />WHAT A PRETTY FAN!|<<QOTD images>>|
|SOKAN|>|
|vertical-align:top;padding:5px;width:400px;~TEA-WATER, TIRED<br />&nbsp; WAITING WHILE WE<br />&nbsp; WATCHED THE SNOW...<br />FROZE ITSELF A HAT|<<QOTD images>>|
|SOKAN|>|
|vertical-align:top;padding:5px;width:400px;[[See, see, see! Oh see!]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[Many solemn nights]] |<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;THE LADEN WAGON RUNS<br />&nbsp; BUMBLING AND CREAKING<br />&nbsp; DOWN THE ROAD...<br />THREE PEONIES TREMBLE|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;THE OLD FISHERMAN<br />&nbsp; UNALTERABLY<br />&nbsp; INTENT...<br />COLD EVENING RAIN|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;THE ORPHAN SPEAKS:<br />&nbsp; THE ~YEAR-END PARTY...<br />&nbsp; I AM EVEN ENVIOUS<br />OF SCOLDED CHILDREN|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;GATHERING MAY RAINS<br />&nbsp;  FROM COLD STREAMLETS<br />&nbsp;  FOR THE SEA ...<br />MURMURING MOGAMI|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;THE SEA DARKENING...<br />&nbsp; OH VOICES OF THE<br />&nbsp; WILD DUCKS<br />CRYING, WHIRLING, WHITE|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;THE SNAKE DEPARTED<br />&nbsp; BUT THE LITTLE EYES<br />&nbsp; THAT GLARED...<br />DEW, SHINING IN THE GRASS|<<QOTD images>>|
|KYOSHI|>|
|vertical-align:top;padding:5px;width:400px;THE TURNIP FARMER ROSE<br />&nbsp; AND WITH A ~FRESH-<br />&nbsp; PULLED TURNIP...<br />POINTED TO MY ROAD|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;THIS SNOWY MORNING<br />&nbsp; THAT BLACK CROW<br />&nbsp; I HATE SO MUCH...<br />BUT HE'S BEAUTIFUL!|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;TINY SENTENCES<br />&nbsp; BRUSHING SOFT ON<br />&nbsp; MY SHUTTERS...<br />~BUSH-CLOVER VOICES|<<QOTD images>>|
|SESSHI|>|
|vertical-align:top;padding:5px;width:400px;[[Chilling autumn rain...]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;TOO CURIOUS FLOWER<br />&nbsp; WATCHING US PASS,<br />&nbsp; MET DEATH...<br />OUR HUNGRY DONKEY|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;TORCHES! COME AND SEE<br />&nbsp; THE BURGLAR I HAVE<br />&nbsp; CAPTURED...<br />OH! MY ELDEST SON!|<<QOTD images>>|
|SOKAN|>|
|vertical-align:top;padding:5px;width:400px;TWILIGHT WHIPPOORWILL ...<br />&nbsp;  WHISTLE ON,<br />&nbsp;  SWEET DEEPENER<br />OF DARK LONELINESS|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;TWO ANCIENT ~PINE-TREES ...<br />&nbsp; A PAIR OF GNARLED<br />&nbsp; AND STURDY HANDS<br />WITH TEN GREEN FINGERS|<<QOTD images>>|
|RYOTA|>|
|vertical-align:top;padding:5px;width:400px;UNDER ~CHERRY-TREES<br />&nbsp; SOUP, THE SALAD,<br />&nbsp; FISH AND ALL ...<br />SEASONED WITH PETALS|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;VENDOR OF BRIGHT FANS<br />&nbsp; CARRYING HIS PACK<br />&nbsp; OF BREEZE...<br />SUFFOCATING HEAT!|<<QOTD images>>|
|SHIRI|>|
<!--{{{-->
<div class='toolbar' macro='toolbar closeTiddler closeOthers +editTiddler > permalink jump'></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='viewer' macro='view text wikified'></div>
<div class='tagClear'></div>
<!--}}}-->
|vertical-align:top;padding:5px;width:400px;VISITING THE GRAVES ...<br />&nbsp; TROTTING ON TO SHOW<br />&nbsp; THE WAY ...<br />OLD FAMILY DOG|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;VOICES OF TWO BELLS<br />&nbsp; THAT SPEAK FROM<br />&nbsp; TWILIGHT TEMPLES...<br />AH! COOL DIALOGUE|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;[[White moth, flutter off:]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;WAKE! THE SKY IS LIGHT!<br />&nbsp; LET US TO THE ROAD<br />&nbsp; AGAIN...<br />COMPANION BUTTERFLY!|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;WATCHING, I WONDER<br />&nbsp; WHAT POET COULD PUT<br />&nbsp; DOWN HIS QUILL...<br />A PLUPERFECT MOON!|<<QOTD images>>|
|ONITSURA|>|
|vertical-align:top;padding:5px;width:400px;WEE BITTER CRICKET<br />&nbsp; CRYING ALL THIS<br />&nbsp; SUNNY DAY ...<br />OR IS HE LAUGHING?|<<QOTD images>>|
|OEMARU|>|
|vertical-align:top;padding:5px;width:400px;WHAT A GORGEOUS ONE<br />&nbsp; THAT FAT SLEEK HUGE<br />&nbsp; OLD CHESTNUT<br />I COULD NOT GET AT ...|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;WHAT A PEONY...<br />&nbsp;  DEMANDING TO BE<br />&nbsp;  MEASURED<br />BY MY LITTLE FAN!|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;WHILE I TURNED MY HEAD<br />&nbsp; THAT TRAVELER<br />&nbsp; I'D JUST PASSED ...<br />MELTED INTO MIST|<<QOTD images>>|
|SHIKI|>|
|vertical-align:top;padding:5px;width:400px;WHITE CHRYSANTHEMUM ...<br />&nbsp; BEFORE THAT<br />&nbsp; PERFECT FLOWER<br />SCISSORS HESITATE|<<QOTD images>>|
|BUSON|>|
|vertical-align:top;padding:5px;width:400px;WHITE CLOUD OF MIST<br />&nbsp;  ABOVE WHITE<br />&nbsp;  ~CHERRY-BLOSSOMS ...<br />~DAWN-SHINING MOUNTAINS|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;WHITE MOTH, FLUTTER OFF:<br />&nbsp; FLY BACK INTO<br />&nbsp; MY BREAST NOW<br />QUICKLY, MY OWN SOUL!|<<QOTD images>>|
|WAFU|>|
|vertical-align:top;padding:5px;width:400px;WHY SO SCRAWNY, CAT?<br />&nbsp; STARVING FOR FAT FISH<br />&nbsp; OR MICE ...<br />OR BACKYARD LOVE?|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;WILD GEESE WRITE A LINE<br />&nbsp; ~FLAP-FLAPPING<br />&nbsp; ACROSS THE SKY ...<br />COMICAL DUTCH SCRIPT|<<QOTD images>>|
|SOIN|>|
|vertical-align:top;padding:5px;width:400px;WILL WE MEET AGAIN<br />&nbsp; HERE AT YOUR<br />&nbsp; FLOWERING GRAVE...<br />TWO WHITE BUTTERFLIES?|<<QOTD images>>|
|BASHO|>|
|vertical-align:top;padding:5px;width:400px;~WIND-BLOWN, RAINED ON ...<br />&nbsp; BENT ~BARLEY-GRASS<br />&nbsp; OH YOU MAKE ME<br />NARROW PATH INDEED|<<QOTD images>>|
|JOSO|>|
|vertical-align:top;padding:5px;width:400px;WINDY WINTER RAIN...<br />&nbsp; MY SILLY BIG<br />&nbsp; UMBRELLA<br />TRIES WALKING BACKWARD|<<QOTD images>>|
|~SHISEI-JO|>|
|vertical-align:top;padding:5px;width:400px;WINTER RAIN DEEPENS<br />&nbsp; LICHENED LETTERS<br />&nbsp; ON THE GRAVE...<br />AND MY OLD SADNESS|<<QOTD images>>|
|ROKA|>|
|vertical-align:top;padding:5px;width:400px;WOMEN PLANTING RICE...<br />&nbsp; UGLY EVERY BIT<br />&nbsp; ABOUT THEM...<br />BUT THEIR ANCIENT SONG|<<QOTD images>>|
|RAIZAN|>|
|vertical-align:top;padding:5px;width:400px;[[Amorous cat,]]<br />[[Lonely umbrella]]<br />[[My shadowy path]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;[[You stupid scarecrow!]]|<<QOTD images>>|
|vertical-align:top;padding:5px;width:400px;YELLOW AUTUMN MOON...<br />&nbsp; UNIMPRESSED<br />&nbsp; THE SCARECROW STANDS<br />SIMPLY LOOKING BORED|<<QOTD images>>|
|ISSA|>|
|vertical-align:top;padding:5px;width:400px;YELLOW EVENING SUN ...<br />&nbsp; LONG SHADOW<br />&nbsp; OF THE SCARECROW<br />REACHES TO THE ROAD|<<QOTD images>>|
|SHOHA|>|
|vertical-align:top;padding:5px;width:400px;YOU STUPID SCARECROW!<br />&nbsp; UNDER YOUR VERY<br />&nbsp; ~STICK-FEET<br />BIRDS ARE STEALING BEANS!|<<QOTD images>>|
|YAYU|>|
|vertical-align:top;padding:5px;width:400px;YOU TURN AND SUDDENLY<br />&nbsp; THERE IN PURPLING<br />&nbsp; AUTUMN SKY ...<br />WHITE FUJIAMI|<<QOTD images>>|
|ONITSURA|>|
[[TiddlyWiki|http://www.tiddlywiki.com]] © Osmosoft || [[Japanese Haiku|http://www.sacred-texts.com/shi/jh/index.htm]] - presented by [[Lynsey Gedye|http://marginalia.ako.net.nz]] || [[AkoNet|http://ako.net.nz]] © 2007 || [[About these pages]]  || <html><a href="../../lms/" target="_self" title="link to learning conversations">learning</a> | <a href="../../whowhy/index.php" target="_self" title="more about ako.net.nz and the people behind it...">who? why?</a> | <a href="../../blogs/index.html" target="_self" title="read our latest blog postings, fresh off the wordpress...">blogs</a> | <a href="../../services/index.html" target="_self" title="services available from AkoNet">services</a> | <a href="../../research/index.html" target="_self" title="explore our research">exploration</a> | <a href="../index.html" target="_self" title="wikifying the world...">wiki</a></div></html>
//{{{
//This ensures that the footer sticks to the bottom of the screen when there are no tiddlers open. If that is not desirable, it can be deleted.
function setFooter() {
         if (document.getElementById && document.getElementById("contentFooter") ) {
            var windowHeight=findWindowHeight();
         if (windowHeight>0) {
            var contentHeight= document.getElementById('mainMenu').offsetHeight + document.getElementById("header").offsetHeight + document.getElementById("contentFooter").offsetHeight;
            var menu= document.getElementById('mainMenu');
            if (windowHeight-(contentHeight)>=0) {
               menu.style.position='relative';
               menu.style.marginBottom=(windowHeight-(contentHeight))+'px';
               }
            else {
                 menu.style.position='';
                 menu.style.marginBottom='';
                 }
            }
         }
}
window.onresize = function() {
  setFooter();
}

Story.prototype.refreshTiddler_footerhack=Story.prototype.refreshTiddler;
Story.prototype.refreshTiddler = function (title,template,force)
{    
var theTiddler = Story.prototype.refreshTiddler_footerhack.apply(this,arguments);
setFooter();
   return theTiddler;}

//}}}
[img[pix/00.jpg]]
----
[img[pix/01.jpg]]
----
[img[pix/02.jpg]]
----
[img[pix/03.jpg]]
----
[img[pix/04.jpg]]
----
[img[pix/05.jpg]]
----
[img[pix/06.jpg]]
----
[img[pix/07.jpg]]
----
[img[pix/08.jpg]]
----
[img[pix/09.jpg]]
----
[img[pix/10.jpg]]
----
[img[pix/11.jpg]]
----
[img[pix/12.jpg]]
----
[img[pix/13.jpg]]
----
[img[pix/14.jpg]]
----
[img[pix/15.jpg]]
----
[img[pix/16.jpg]]
----
[img[pix/17.jpg]]
----
[img[pix/18.jpg]]
----
[img[pix/19.jpg]]
----
[img[pix/20.jpg]]
----
[img[pix/21.jpg]]
----
[img[pix/22.jpg]]
----
[img[pix/23.jpg]]
----
[img[pix/24.jpg]]
----
[img[pix/25.jpg]]
----
[img[pix/26.jpg]]
----
[img[pix/27.jpg]]
----
[img[pix/28.jpg]]
----
[img[pix/29.jpg]]
----
[img[pix/30.jpg]]
----
[img[pix/31.jpg]]
----
[img[pix/32.jpg]]
----
[img[pix/33.jpg]]
----
[img[pix/34.jpg]]
----
[img[pix/36.jpg]]
----
[img[pix/37.jpg]]
----
[img[pix/38.jpg]]
----
[img[pix/39.jpg]]
----
[img[pix/40.jpg]]
----
[img[pix/41.jpg]]
----
[img[pix/42.jpg]]
----
[img[pix/43.jpg]]
----
[img[pix/44.jpg]]
----
[img[pix/45.jpg]]
----
[img[pix/46.jpg]]
----
[img[pix/47.jpg]]
----
[img[pix/48.jpg]]
----
[img[pix/49.jpg]]
----
[img[pix/50.jpg]]
----
[img[pix/51.jpg]]
----
[img[pix/52.jpg]]
----
[img[pix/53.jpg]]
----
[img[pix/54.jpg]]
----
[img[pix/55.jpg]]
----
[img[pix/56.jpg]]
----
[img[pix/57.jpg]]
----
[img[pix/58.jpg]]
<script label="next haiku...">
        var here=story.findContainingTiddler(place);
        if (here)
story.refreshTiddler(here.getAttribute("tiddler"),null,true);
</script>