From 32099b85d3b12f9e590274cb7550e3e531131706 Mon Sep 17 00:00:00 2001
From: Jermolene <jeremy@osmosoft.com>
Date: Sat, 21 Jun 2014 11:17:04 +0100
Subject: [PATCH] Add table of contents to tw5.com

---
 core/language/en-GB/SideBar.multids           |   1 +
 editions/tw5.com/tiddlers/TableOfContents.tid | 335 ++++++++++++++++++
 themes/tiddlywiki/vanilla/base.tid            |  52 ++-
 3 files changed, 387 insertions(+), 1 deletion(-)
 create mode 100644 editions/tw5.com/tiddlers/TableOfContents.tid

diff --git a/core/language/en-GB/SideBar.multids b/core/language/en-GB/SideBar.multids
index b2daeac2f..e18dd924e 100644
--- a/core/language/en-GB/SideBar.multids
+++ b/core/language/en-GB/SideBar.multids
@@ -1,6 +1,7 @@
 title: $:/language/SideBar/
 
 All/Caption: All
+Contents/Caption: Contents
 Drafts/Caption: Drafts
 Missing/Caption: Missing
 More/Caption: More
diff --git a/editions/tw5.com/tiddlers/TableOfContents.tid b/editions/tw5.com/tiddlers/TableOfContents.tid
new file mode 100644
index 000000000..7db42e21c
--- /dev/null
+++ b/editions/tw5.com/tiddlers/TableOfContents.tid
@@ -0,0 +1,335 @@
+title: TableOfContents
+list-after: $:/core/ui/SideBar/Open
+tags: $:/tags/SideBar
+caption: {{$:/language/SideBar/Contents/Caption}}
+
+\define toc-heading(caption,body)
+<$reveal type="nomatch" state=<<qualify "$:/state/toc/$caption$">> text="show">
+<$button set=<<qualify "$:/state/toc/$caption$">> setTo="show" class="btn-invisible">▹ $caption$
+</$button>
+</$reveal>
+<$reveal type="match" state=<<qualify "$:/state/toc/$caption$">> text="show">
+<$button set=<<qualify "$:/state/toc/$caption$">> setTo="hide" class="btn-invisible">▿ $caption$
+</$button>
+</$reveal>
+<$reveal type="match" state=<<qualify "$:/state/toc/$caption$">> text="show" retain="yes" animate="yes">
+
+$body$
+
+</$reveal>
+\end
+<div class="tw-table-of-contents">
+
+# Guide
+## <<toc-heading "Introduction" "
+## [[GettingStarted]]
+## [[The First Rule of Using TiddlyWiki]]
+## [[Features]]
+## [[Examples]]
+## [[Video Tutorials]]
+## [[Resources]]
+## [[ReportingBugs]]
+## [[TableOfContents]]
+">>
+## <<toc-heading "Concepts" "
+## Basics
+### [[Tiddlers]]
+### [[Philosophy of Tiddlers]]
+### [[Fields|TiddlerFields]]
+### [[Tags|TiddlerTags]]
+### [[Links|TiddlerLinks]]
+### [[CamelCase]]
+### [[WikiText]]
+### [[Macros]]
+### [[Searching]]
+### [[SystemTiddlers]]
+### [[Plugins]] & [[ShadowTiddlers]]
+## Advanced
+### [[ColourPalettes]]
+### [[ContentType]]
+### [[CurrentTiddler]]
+### [[DataTiddlers]]
+### [[DateFormat]]
+### [[ListField]]
+### [[Structuring TiddlyWiki]]
+### [[SystemTags]]
+### [[TemplateTiddlers]]
+### [[TextReference]]
+### [[TiddlerFilters]]
+">>
+## <<toc-heading "~TiddlyWiki in the Browser" "
+## Saving
+### [[AutoSave]]
+### [[Saving on a PHP Server]]
+### [[Saving on Android]]
+### [[Saving on InternetExplorer]]
+### [[Saving on iPad/iPhone]]
+### [[Saving on TiddlySpot]]
+### [[Saving with Encryption]]
+### [[Saving with the HTML5 fallback saver]]
+### [[Saving with TiddlyFox]]
+### [[Saving with TiddlyFox on Android]]
+### [[Saving with TiddlyIE]]
+### [[Using TiddlyWiki on TiddlyDesktop]]
+### [[Windows HTA Hack]]
+## Features
+### [[ExternalImages]]
+### [[ImportTiddlers]]
+### [[KeyboardShortcuts]]
+### [[PermaLinks]]
+### [[SafeMode]]
+### [[Upgrading]]
+### [[Using Stylesheets]]
+### [[UsingSVG]]
+">>
+## <<toc-heading "~TiddlyWiki on Node.js" "
+## Basics
+### [[Installing TiddlyWiki on Node.js]]
+### [[Using TiddlyWiki on Node.js]]
+### [[Environment Variables on Node.js]]
+### [[Upgrading TiddlyWiki on Node.js]]
+## Concepts
+### [[TiddlerFiles]]
+### [[MultiTiddlerFiles]]
+### [[TiddlyWikiFolders]]
+### [[LazyLoading]]
+## Tasks
+### [[Building TiddlyWikiClassic]]
+### [[Generating Static Sites with TiddlyWiki]]
+### [[How to build a TiddlyWiki5 from individual tiddlers]]
+### [[Scripts for TiddlyWiki on Node.js]]
+### [[Using a custom path prefix with the client-server edition]]
+### [[Using TiddlyWiki for GitHub Pages project documentation]]
+">>
+## <<toc-heading "Tips" "
+## [[Adding a Twitter Follow button]]
+## [[Creating SubStories]]
+## [[Editing Tiddlers with Emacs]]
+## [[GoogleChromeTips]]
+## [[Making curved text with SVG]]
+## [[Preserving open tiddlers at startup]]
+## [[Setting a favicon]]
+## [[Sharing a TiddlyWiki on Dropbox]]
+## [[TaskManagementExample]]
+## [[TitlesPolicy]]
+">>
+# Reference
+## <<toc-heading "~WikiText" "
+## [[Block Quotes|Block Quotes in WikiText]]
+## [[Code Blocks|Code Blocks in WikiText]]
+## [[Dashes|Dashes in WikiText]]
+## [[Definitions|Definitions in WikiText]]
+## [[Formatting|Formatting in WikiText]]
+## [[Hard Linebreaks|Hard Linebreaks in WikiText]]
+## [[Headings|Headings in WikiText]]
+## [[Horizontal Rules|Horizontal Rules in WikiText]]
+## [[HTML|HTML in WikiText]]
+## [[Images|Images in WikiText]]
+## [[Linking|Linking in WikiText]]
+## [[Lists|Lists in WikiText]]
+## [[Macros|Macros in WikiText]]
+## [[Paragraphs|Paragraphs in WikiText]]
+## [[Styles and Classes|Styles and Classes in WikiText]]
+## [[Tables|Tables in WikiText]]
+## [[Transclusion|Transclusion in WikiText]]
+## [[Typed Blocks|Typed Blocks in WikiText]]
+## [[Widgets|Widgets in WikiText]]
+## WikiText
+">>
+## <<toc-heading "Macros" "
+## [[Macros]]
+## [[changecount|ChangeCountMacro]]
+## [[makedatauri|MakeDataUriMacro]]
+## [[qualify|QualifyMacro]]
+## [[tabs|TabsMacro]]
+## [[version|VersionMacro]]
+">>
+## <<toc-heading "Widgets" "
+## [[Browse|BrowseWidget]]
+## [[Button|ButtonWidget]]
+## [[Checkbox|CheckboxWidget]]
+## [[Count|CountWidget]]
+## [[Dropzone|DropzoneWidget]]
+## [[EditBitmap|EditBitmapWidget]]
+## [[EditText|EditTextWidget]]
+## [[Edit|EditWidget]]
+## [[Encrypt|EncryptWidget]]
+## [[FieldMangler|FieldManglerWidget]]
+## [[Fields|FieldsWidget]]
+## [[Grid|GridWidget]]
+## [[Image|ImageWidget]]
+## [[ImportVariables|ImportVariablesWidget]]
+## [[Keyboard|KeyboardWidget]]
+## [[LinkCatcher|LinkCatcherWidget]]
+## [[Link|LinkWidget]]
+## [[List|ListWidget]]
+## [[MacroCall|MacroCallWidget]]
+## [[Navigator|NavigatorWidget]]
+## [[Password|PasswordWidget]]
+## [[Radio|RadioWidget]]
+## [[Reveal|RevealWidget]]
+## [[Scrollable|ScrollableWidget]]
+## [[Select|SelectWidget]]
+## [[SetVariable|SetVariableWidget]]
+## [[Set|SetWidget]]
+## [[Text|TextWidget]]
+## [[Tiddler|TiddlerWidget]]
+## [[Transclude|TranscludeWidget]]
+## [[View|ViewWidget]]
+">>
+## <<toc-heading "Widget Messages" "
+## WidgetMessages
+## [[tw-cancel-tiddler|WidgetMessage: tw-cancel-tiddler]]
+## [[tw-clear-password|WidgetMessage: tw-clear-password]]
+## [[tw-close-all-tiddlers|WidgetMessage: tw-close-all-tiddlers]]
+## [[tw-close-other-tiddlers|WidgetMessage: tw-close-other-tiddlers]]
+## [[tw-close-tiddler|WidgetMessage: tw-close-tiddler]]
+## [[tw-delete-tiddler|WidgetMessage: tw-delete-tiddler]]
+## [[tw-edit-tiddler|WidgetMessage: tw-edit-tiddler]]
+## [[tw-home|WidgetMessage: tw-home]]
+## [[tw-import-tiddlers|WidgetMessage: tw-import-tiddlers]]
+## [[tw-navigate|WidgetMessage: tw-navigate]]
+## [[tw-new-tiddler|WidgetMessage: tw-new-tiddler]]
+## [[tw-save-tiddler|WidgetMessage: tw-save-tiddler]]
+## [[tw-set-password|WidgetMessage: tw-set-password]]
+">>
+## <<toc-heading "Filter Operators" "
+## FilterOperators
+## [[after|FilterOperator: after]]
+## [[all|FilterOperator: all]]
+## [[backlinks|FilterOperator: backlinks]]
+## [[before|FilterOperator: before]]
+## [[bf|FilterOperator: bf]]
+## [[butfirst|FilterOperator: butfirst]]
+## [[butlast|FilterOperator: butlast]]
+## [[commands|FilterOperator: commands]]
+## [[each|FilterOperator: each]]
+## [[eachday|FilterOperator: eachday]]
+## [[field|FilterOperator: field]]
+## [[first|FilterOperator: first]]
+## [[get|FilterOperator: get]]
+## [[has|FilterOperator: has]]
+## [[indexes|FilterOperator: indexes]]
+## [[is|FilterOperator: is]]
+## [[last|FilterOperator: last]]
+## [[limit|FilterOperator: limit]]
+## [[links|FilterOperator: links]]
+## [[list|FilterOperator: list]]
+## [[listed|FilterOperator: listed]]
+## [[modules|FilterOperator: modules]]
+## [[moduletypes|FilterOperator: moduletypes]]
+## [[next|FilterOperator: next]]
+## [[nsort|FilterOperator: nsort]]
+## [[nsortcs|FilterOperator: nsortcs]]
+## [[nth|FilterOperator: nth]]
+## [[plugintiddlers|FilterOperator: plugintiddlers]]
+## [[prefix|FilterOperator: prefix]]
+## [[previous|FilterOperator: previous]]
+## [[removeprefix|FilterOperator: removeprefix]]
+## [[rest|FilterOperator: rest]]
+## [[reverse|FilterOperator: reverse]]
+## [[sameday|FilterOperator: sameday]]
+## [[search|FilterOperator: search]]
+## [[shadowsource|FilterOperator: shadowsource]]
+## [[sort|FilterOperator: sort]]
+## [[sortcs|FilterOperator: sortcs]]
+## [[tag|FilterOperator: tag]]
+## [[tagging|FilterOperator: tagging]]
+## [[tags|FilterOperator: tags]]
+## [[title|FilterOperator: title]]
+## [[untagged|FilterOperator: untagged]]
+">>
+## <<toc-heading "Commands" "
+## [[Build|BuildCommand]]
+## [[ClearPassword|ClearPasswordCommand]]
+## [[Help|HelpCommand]]
+## [[Init|InitCommand]]
+## [[Load|LoadCommand]]
+## [[Output|OutputCommand]]
+## [[Password|PasswordCommand]]
+## [[RenderTiddler|RenderTiddlerCommand]]
+## [[RenderTiddlers|RenderTiddlersCommand]]
+## [[SaveTiddler|SaveTiddlerCommand]]
+## [[SaveTiddlers|SaveTiddlersCommand]]
+## [[Server|ServerCommand]]
+## [[SetField|SetFieldCommand]]
+## [[Verbose|VerboseCommand]]
+## [[Version|VersionCommand]]
+">>
+# Advanced
+## <<toc-heading "Mechanisms" "
+## [[AlertMechanism]]
+## [[BootMechanism]]
+## [[DraftMechanism]]
+## [[EncryptionMechanism]]
+## [[HistoryMechanism]]
+## [[LazyLoadingMechanism]]
+## [[Modules]]
+## [[ModuleType]]
+## [[ParsingMechanism]]
+## [[PluginMechanism]]
+## [[PopupMechanism]]
+## [[RenderingMechanism]]
+## [[StartupMechanism]]
+## [[StateMechanism]]
+## [[TestingMechanism]]
+## [[TiddlerFilter Formal Grammar]]
+## [[TranslationMechanism]]
+">>
+## <<toc-heading "Developers" "
+## Basics
+### [[TiddlyWiki for Developers]]
+### [[TiddlyWiki Architecture]]
+### [[Working with the TiddlyWiki5 repository]]
+### [[TiddlyWiki5 Development Environment]]
+### [[TiddlyWiki Coding Style Guidelines]]
+## Concepts
+### [[JavaScript Macros]]
+### [[Naming of System Tiddlers]]
+### [[SyncAdaptorModules]]
+### [[TiddlyWiki5 Versioning]]
+### [[WidgetModules]]
+### [[WikiRuleModules]]
+## Tasks
+### [[Developing plugins using Node.js and GitHub]]
+### [[How to create a translation for TiddlyWiki]]
+### [[Releasing a new version of TiddlyWiki5]]
+### [[TiddlyWiki on node-webkit]]
+### [[How to create plugins in the browser]]
+">>
+# About
+## <<toc-heading "About" "
+## [[Acknowledgements]]
+## [[Community]]
+## [[Contributing]]
+## [[Download]]
+## [[Future of TiddlyWiki]]
+## [[HelloThere]]
+## [[HelpingTiddlyWiki]]
+## [[RoadMap]]
+## [[TalkyTalky]]
+">>
+## <<toc-heading "Releases" "
+## [[Release 5.0.0-alpha.11]]
+## [[Release 5.0.0-alpha.12]]
+## [[Release 5.0.0-alpha.13]]
+## [[Release 5.0.0-alpha.14]]
+## [[Release 5.0.0-alpha.15]]
+## [[Release 5.0.0-alpha.16]]
+## [[Release 5.0.0-alpha.17]]
+## [[Release 5.0.1-alpha]]
+## [[Release 5.0.2-beta]]
+## [[Release 5.0.3-beta]]
+## [[Release 5.0.4-beta]]
+## [[Release 5.0.5-beta]]
+## [[Release 5.0.6-beta]]
+## [[Release 5.0.7-beta]]
+## [[Release 5.0.8-beta]]
+## [[Release 5.0.9-beta]]
+## [[Release 5.0.10-beta]]
+## [[Release 5.0.11-beta]]
+## [[Release 5.0.12-beta]]
+## [[Release 5.0.13-beta]]
+">>
+
+</div>
diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid
index db27856c0..e3cbbefe1 100644
--- a/themes/tiddlywiki/vanilla/base.tid
+++ b/themes/tiddlywiki/vanilla/base.tid
@@ -530,6 +530,7 @@ a.tw-tiddlylink-external:hover {
 	width: 1%; /* Makes this column be as narrow as possible */
 	text-align: right;
 	font-style: italic;
+	font-weight: 200;
 }
 
 .tw-view-field-value {
@@ -1054,7 +1055,7 @@ canvas.tw-edit-bitmapeditor  {
 }
 
 .tw-tab-content {
-	padding-top: 14px;
+	margin-top: 14px;
 }
 
 .tw-tab-content.tw-vertical  {
@@ -1234,4 +1235,53 @@ canvas.tw-edit-bitmapeditor  {
 	border: 1px solid #000;
 }
 
+/*
+** Table of contents
+*/
 
+.tw-sidebar-lists .tw-table-of-contents {
+	white-space: nowrap;
+}
+
+.tw-table-of-contents ol {
+	list-style-type: none;
+	padding-left: 0;
+}
+
+.tw-table-of-contents ol ol {
+	padding-left: 1em;
+}
+
+.tw-table-of-contents li {
+	font-size: 1.0em;
+	font-weight: bold;
+}
+
+.tw-table-of-contents li a {
+	font-weight: bold;
+}
+
+.tw-table-of-contents li li {
+	font-size: 0.95em;
+	font-weight: normal;
+	line-height: 1.4;
+}
+
+.tw-table-of-contents li li a {
+	font-weight: normal;
+}
+
+.tw-table-of-contents li li li {
+	font-size: 0.95em;
+	font-weight: 200;
+	line-height: 1.5;
+}
+
+.tw-table-of-contents li li li a {
+	font-weight: bold;
+}
+
+.tw-table-of-contents li li li li {
+	font-size: 0.95em;
+	font-weight: 200;
+}