First pass at new introduction edition
It started life as the slides for a new introductory video, but I’m thinking that it may be worth publishing as an interactive introduction.
This commit is contained in:
Jermolene
parent
0240d5edc8
commit
97d36e26fc
|
|
@ -0,0 +1,57 @@
|
|||
title: $:/themes/tiddlywiki/hidefurniture/base
|
||||
tags: [[$:/tags/Stylesheet]]
|
||||
|
||||
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
|
||||
|
||||
html body .tc-tiddler-frame {
|
||||
background-color: inherit;
|
||||
border: none;
|
||||
<<box-shadow "none">>
|
||||
}
|
||||
|
||||
html body .tc-story-river {
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
html body .tc-tiddler-frame .tc-tiddler-title {
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
html body .tc-tiddler-frame .tc-tags-wrapper {
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
html body .tc-tiddler-frame .tc-tiddler-body {
|
||||
font-size: 20px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.tc-scrollable-storyview {
|
||||
border: 1px solid <<colour message-border>>;
|
||||
background-color: <<colour message-background>>;
|
||||
padding: 1em;
|
||||
height: 15em;
|
||||
}
|
||||
|
||||
.tc-scrollable-storyview-inner {
|
||||
-webkit-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
-webkit-transform: scale(0.25);
|
||||
transform: scale(0.25);
|
||||
}
|
||||
|
||||
.tc-scrollable-storyview .tc-tiddler-frame {
|
||||
background-color: white;
|
||||
border: 1px solid #ddd;
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
html body .tc-titlebar {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
html body .tc-edit-texteditor {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"title": "$:/themes/tiddlywiki/hidefurniture",
|
||||
"name": "Hide Furniture",
|
||||
"author": "JeremyRuston",
|
||||
"core-version": ">=5.0.0",
|
||||
"plugin-type": "theme",
|
||||
"description": "Hides all the user interface furniture",
|
||||
"dependents": ["$:/themes/tiddlywiki/centralised"]
|
||||
}
|
||||
Binary file not shown.
|
|
@ -0,0 +1,2 @@
|
|||
title: TiddlyWiki.mp3
|
||||
type: audio/mp3
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
|
|
@ -0,0 +1,3 @@
|
|||
title: Motovun Jack Big.jpg
|
||||
type: image/jpeg
|
||||
source: http://www.flickr.com/photos/jermy/6292279493/in/photostream
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<?xml version="1.0"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="34 107 510 317" width="510pt" height="317pt"><metadata xmlns:dc="http://purl.org/dc/elements/1.1/"><dc:date>2012-05-10 07:32Z</dc:date><!-- Produced by OmniGraffle Professional 5.3.6 --></metadata><defs></defs><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><title>Canvas 1</title><g><title>Layer 1</title><path d="M 204.10294 372.67294 L 206.91333 373.50204 C 210.44484 371.92197 217.54364 374.36401 221.30923 375.55795 C 214.37523 367.871 203.92865 356.58286 196.40225 349.4665 C 193.93185 340.85104 194.98593 332.1817 195.51744 323.3866 L 195.62405 322.659 C 192.65733 329.6997 188.89246 336.5437 186.86893 343.95477 C 184.50095 353.95294 197.39323 364.74045 202.39233 370.92294 Z M 419.00293 414.95798 C 399.65295 414.411 391.14194 414.45804 381.28735 398.25296 L 373.60684 398.473 C 364.66696 398.076 368.39264 398.25595 362.42844 397.95901 C 352.45654 397.57098 354.05396 388.09604 352.29965 383.09003 C 349.49335 366.09698 356.01324 349.01611 355.80756 332.01971 C 355.73474 325.98639 347.19724 304.63062 344.14716 296.99548 C 334.58554 298.79572 324.97205 299.13895 315.27176 299.62231 C 292.91254 299.56754 270.70496 296.8295 248.65794 293.35248 C 244.36153 311.10052 231.59093 335.94183 242.14684 353.9793 C 254.95975 372.63696 263.95123 377.80597 277.88824 378.93094 C 291.8251 380.055 294.97214 395.78998 291.60031 401.40997 C 288.61584 405.294 283.37045 405.99902 278.91385 406.94 L 269.99945 407.35898 C 262.98456 407.12299 256.71454 405.229 250.46393 402.30798 C 240.02545 396.48102 229.24443 384.36703 221.23434 375.67001 C 223.09915 379.143 224.21146 385.92294 222.52005 389.07803 C 217.78415 395.78699 197.30133 395.746 187.92093 391.577 C 177.26495 386.84198 151.51596 353.59503 147.53493 328.69455 C 158.12593 308.66583 173.55493 291.2196 181.36093 269.41132 C 164.34593 258.55438 155.23293 240.88019 156.41594 220.8598 L 156.84294 218.5423 C 140.10095 221.67648 148.78296 220.51039 130.772964 221.87279 C 73.41696 221.6973 22.976959 182.80795 51.378967 122.367004 C 53.225952 118.787964 54.982956 115.534 58.113968 117.08801 C 60.626953 118.33496 60.265976 123.33699 59.001953 128.88399 C 42.766968 201.10277 122.11395 201.65552 170.88995 188.29181 C 175.73093 186.96521 185.35893 178.03061 192.02843 175.0687 C 202.93033 170.22757 214.76323 168.2634 226.50644 166.84811 C 255.71411 163.51997 290.81815 178.90649 308.65442 179.4089 C 326.4909 179.91129 351.86395 175.13808 367.43942 176.14308 C 378.74075 176.66016 389.83795 178.70007 400.74194 181.6059 C 407.79996 147.215 408.29895 121.867996 425.03094 116 C 434.85095 117.550995 442.4179 130.93298 448.01895 138.08301 L 448.04193 138.07898 C 459.4489 137.62897 470.30396 140.52301 481.09692 143.73497 C 500.63696 140.962006 517.03394 129.989 534.28992 121.45299 C 534.23596 121.721985 533.95398 121.81297 533.78595 121.99397 C 516.80396 135.72798 514.4319 158.952 516.42993 180.42822 C 517.17297 191.57237 514.02393 203.67166 510.13098 215.08179 C 502.84595 233.67169 488.77692 253.26677 472.44794 252.26176 C 466.27496 252.0665 462.68893 248.57117 458.10095 244.83946 C 457.21094 252.39809 453.71295 259.14267 450.34094 265.82758 C 442.55396 280.64941 422.20496 287.18097 403.36292 303.00763 C 384.52216 318.83453 409.39194 375.35904 415.42194 385.65802 C 421.45096 395.95798 438.28192 399.72598 431.75095 409.02194 C 429.75296 412.09198 426.69794 413.19 423.43292 414.38098 Z" fill="black"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 3.6 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
title: Motovun Jack.svg
|
||||
type: image/svg+xml
|
||||
tags: picture
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
title: Audio
|
||||
|
||||
TiddlyWiki supports audio as a first class citizen alongside images and text.
|
||||
|
||||
{{TiddlyWiki.mp3}}
|
||||
|
||||
Next, [[Tags]] provide the most powerful way to overlay structure on [[Tiddlers]].
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
title: Customisation
|
||||
|
||||
TiddlyWiki supports deep customisation to fit your particular needs. For example, you can choose which tiddler toolbar buttons you need:
|
||||
|
||||
<div class="tc-view-toolbar-tools">
|
||||
|
||||
{{$:/core/ui/TiddlerInfo/Tools}}
|
||||
|
||||
</div>
|
||||
|
||||
Next, [[Plugins]] extend TiddlyWiki in new ways.
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
created: 20141029162816366
|
||||
modified: 20141029163114250
|
||||
title: Formatting
|
||||
|
||||
Tiddlers can contain formatted text:
|
||||
|
||||
> {{FormattingDemoText}}
|
||||
|
||||
Formatting is typed with special codes:
|
||||
|
||||
<$edit-text tiddler="FormattingDemoText" class="tc-edit-texteditor" minHeight="10px"/>
|
||||
|
||||
TiddlyWiki is not just for text. [[Images]] are first class citizens, too.
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
title: FormattingDemoText
|
||||
|
||||
The //quick// brown ''fox'' jumps ~~over~~ the __lazy__ dog
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
title: Get Started
|
||||
|
||||
[img height="150px" [Motovun Jack.svg]]
|
||||
|
||||
Learn more about TiddlyWiki:
|
||||
|
||||
http://tiddlywiki.com/#GettingStarted
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
title: Images
|
||||
|
||||
<$edit-bitmap tiddler="Motovun Jack Big.jpg"/>
|
||||
|
||||
TiddlyWiki also supports [[Audio]].
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
title: Links
|
||||
|
||||
Use links to navigate between tiddlers. They are typed with double square brackets:
|
||||
|
||||
```
|
||||
Tiddlers can also include [[Formatting]].
|
||||
```
|
||||
|
||||
Tiddlers can also include [[Formatting]].
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
title: Lists
|
||||
|
||||
TiddlyWiki allows you to generate lists of tiddlers automatically, simplifying organisation and exploration.
|
||||
|
||||
For example, here's how to generate a list of all the tiddlers with a particular tag:
|
||||
|
||||
```
|
||||
{{{ [tag[This is another tag]] }}}
|
||||
```
|
||||
|
||||
<div class="tc-example-box">
|
||||
|
||||
{{{ [tag[This is another tag]] }}}
|
||||
|
||||
</div>
|
||||
|
||||
You can make TiddlyWiki your own through [[Customisation]].
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
title: Other Story Views
|
||||
|
||||
Here's an experimental view that displays tiddlers sideways:
|
||||
|
||||
<$scrollable class="tc-scrollable-storyview">
|
||||
<div class="tc-scrollable-storyview-inner">
|
||||
<$list filter="[list[$:/StoryList]] -[[Other Story Views]]" template="$:/core/ui/ViewTemplate" storyview="cecily"/>
|
||||
</div>
|
||||
</$scrollable>
|
||||
|
||||
Next, tiddlers can be controlled with [[Toolbars]].
|
||||
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
title: Plugins
|
||||
|
||||
Plugins are used to add functionality to TiddlyWiki.
|
||||
|
||||
For example, the ~KaTeX plugin uses an open source library from Khan Academy to typeset mathematical notation:
|
||||
|
||||
$$\displaystyle \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }$$
|
||||
|
||||
Next, TiddlyWiki has [[Translations]] in several languages.
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
title: Story Views
|
||||
|
||||
A story is a sequence of tiddlers. The current story view shows a single tiddler at a time.
|
||||
|
||||
<$button class="tc-btn-big-blue">
|
||||
<$action-setfield $tiddler="$:/view" text="classic"/>
|
||||
{{$:/core/images/storyview-classic}} Switch to the default story view</$button>
|
||||
|
||||
<$button class="tc-btn-big-blue">
|
||||
<$action-setfield $tiddler="$:/view" text="zoomin"/>
|
||||
{{$:/core/images/storyview-zoomin}} Revert to the presentation story view</$button>
|
||||
|
||||
Next, [[Themes]] change the appearance of TiddlyWiki.
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
created: 20141029163127136
|
||||
modified: 20141029163157772
|
||||
title: Tags
|
||||
tags: [[This is a tag]] [[This is another tag]]
|
||||
|
||||
Tags allow you to organise your tiddlers into categories.
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
title: Themes
|
||||
|
||||
Themes can change the layout, fonts, colours and background images of the page.
|
||||
|
||||
For example,
|
||||
|
||||
<$button class="tc-btn-big-blue">
|
||||
<$action-setfield $tiddler="$:/theme" text="$:/themes/tiddlywiki/snowwhite"/>
|
||||
{{$:/core/images/theme-button}} Switch to the default "Snow White" theme</$button>
|
||||
|
||||
<$button class="tc-btn-big-blue">
|
||||
<$action-setfield $tiddler="$:/theme" text="$:/themes/tiddlywiki/starlight"/>
|
||||
{{$:/core/images/theme-button}} Switch to the optional "Starlight" theme</$button>
|
||||
|
||||
<$button class="tc-btn-big-blue">
|
||||
<$action-setfield $tiddler="$:/theme" text="$:/themes/tiddlywiki/hidefurniture"/>
|
||||
{{$:/core/images/theme-button}} Revert to the presentation theme</$button>
|
||||
|
||||
[[Other Story Views]] are also provided, and more are available as plugins.
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
title: This is a tag
|
||||
color: red
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
title: This is another tag
|
||||
color: #0da703
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
created: 20141029162816366
|
||||
modified: 20141029163114250
|
||||
title: Tiddlers
|
||||
|
||||
Tiddlers are the fundamental units of information in TiddlyWiki. Tiddlers work best when they are as small as possible so that they can be reused by weaving them together into different narratives and perspectives.
|
||||
|
||||
[[Links]] create navigable relationships between tiddlers.
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
created: 20141029161248510
|
||||
modified: 20141029161417820
|
||||
title: TiddlyWiki
|
||||
|
||||
~TiddlyWiki is a powerful notetaking tool that helps you collect and structure any kind of information and work with it to get stuff done. It's like a futuristic hypertext version of an old-fashioned card index system.
|
||||
|
||||
~TiddlyWiki deals with information in bite-sized, linked chunks called [[Tiddlers]].
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
title: Transclusion
|
||||
tags: [[This is a tag]] [[This is another tag]]
|
||||
|
||||
Transcluding a tiddler inserts a copy of its content, allowing you to reuse the same text or image more than once. For example,
|
||||
|
||||
```
|
||||
This is my cat {{Motovun Jack.svg}} and his identical twin {{Motovun Jack.svg}}
|
||||
```
|
||||
|
||||
<div class="tc-example-box">
|
||||
This is my cat {{Motovun Jack.svg}} and his identical twin {{Motovun Jack.svg}}
|
||||
</div>
|
||||
|
||||
Next, weaving tiddlers into [[Lists]].
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
title: Translations
|
||||
|
||||
\define flag-title()
|
||||
$(languagePluginTitle)$/icon
|
||||
\end
|
||||
|
||||
The following plugin translations are currently available:
|
||||
|
||||
<div class="tc-drop-down-language-chooser" style="font-size: 16px; line-height: 20px;">
|
||||
<$list filter="[[$:/languages/en-GB]] [plugin-type[language]sort[title]] -[[$:/languages/de-AT]]">
|
||||
<div class="tc-language-list">
|
||||
<span class="tc-language-list-greeting">
|
||||
<$view subtiddler="$:/language/ControlPanel/Basics/Language/Prompt">
|
||||
<$view tiddler="$:/language/ControlPanel/Basics/Language/Prompt"/>
|
||||
</$view>
|
||||
</span>
|
||||
<span class="tc-language-list-name tc-image-button">
|
||||
<$set name="languagePluginTitle" value=<<currentTiddler>>>
|
||||
<$transclude subtiddler=<<flag-title>>>
|
||||
<$list filter="[all[current]field:title[$:/languages/en-GB]]">
|
||||
<$transclude tiddler="$:/languages/en-GB/icon"/>
|
||||
</$list>
|
||||
</$transclude>
|
||||
</$set>
|
||||
<$view field="description">
|
||||
<$view field="name">
|
||||
<$view field="title"/>
|
||||
</$view>
|
||||
</$view>
|
||||
</span>
|
||||
</div>
|
||||
</$list>
|
||||
</div>
|
||||
|
||||
Find out how to [[Get Started]].
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
[
|
||||
{"title": " ", "text": "TiddlyWiki"}
|
||||
]
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
title: $:/config/AnimationDuration
|
||||
|
||||
1000
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
title: $:/DefaultTiddlers
|
||||
|
||||
[[ ]]
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
title: $:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/
|
||||
|
||||
storyview: show
|
||||
theme: show
|
||||
full-screen: show
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
title: $:/state/sidebar
|
||||
|
||||
no
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
title: $:/demoshow/styles
|
||||
tags: [[$:/tags/Stylesheet]]
|
||||
|
||||
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
|
||||
|
||||
html body .tc-subtitle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tc-btn-big-blue {
|
||||
padding: 6px;
|
||||
margin: 4px 6px;
|
||||
background: #44f;
|
||||
color: #fff;
|
||||
fill: #fff;
|
||||
border: none;
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.tc-view-toolbar-tools {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
.tc-view-toolbar-tools p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.tc-edit-bitmapeditor-width,
|
||||
.tc-edit-bitmapeditor-height {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tc-language-list {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.tc-language-list-greeting {
|
||||
display: inline-block;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.tc-language-list-name {
|
||||
display: inline-block;
|
||||
width: 55%;
|
||||
}
|
||||
.tc-language-list-name img {
|
||||
margin: 0.1em 0.5em;
|
||||
}
|
||||
|
||||
.tc-example-box {
|
||||
border: 3px dashed #ddd;
|
||||
background: #fff;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.tc-example-box img {
|
||||
width: 2em;
|
||||
}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
title: $:/theme
|
||||
|
||||
$:/themes/tiddlywiki/hidefurniture
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
title: $:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/
|
||||
|
||||
close: hide
|
||||
edit: hide
|
||||
info: hide
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
title: $:/view
|
||||
|
||||
zoomin
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
{
|
||||
"description": "Demo presentation of TiddlyWiki",
|
||||
"plugins": [
|
||||
"tiddlywiki/cecily",
|
||||
"tiddlywiki/codemirror",
|
||||
"tiddlywiki/highlight",
|
||||
"tiddlywiki/katex"
|
||||
],
|
||||
"themes": [
|
||||
"tiddlywiki/vanilla",
|
||||
"tiddlywiki/snowwhite",
|
||||
"tiddlywiki/nighttime",
|
||||
"tiddlywiki/starlight",
|
||||
"tiddlywiki/seamless",
|
||||
"tiddlywiki/stickytitles",
|
||||
"tiddlywiki/centralised",
|
||||
"tiddlywiki/readonly"
|
||||
],
|
||||
"languages": [
|
||||
"da-DK",
|
||||
"en-US",
|
||||
"en-GB",
|
||||
"de-AT",
|
||||
"de-DE",
|
||||
"fr-FR",
|
||||
"zh-Hans",
|
||||
"zh-Hant",
|
||||
"it-IT",
|
||||
"ja-JP",
|
||||
"ru-RU"
|
||||
],
|
||||
"build": {
|
||||
"index": [
|
||||
"--savetiddlers","[tag[external-image]]","images",
|
||||
"--setfield","[tag[external-image]]","_canonical_uri","$:/core/templates/canonical-uri-external-image","text/plain",
|
||||
"--setfield","[tag[external-image]]","text","","text/plain",
|
||||
"--rendertiddler","$:/core/save/all","index.html","text/plain"],
|
||||
"favicon": [
|
||||
"--savetiddler","$:/favicon.ico","favicon.ico",
|
||||
"--savetiddler","$:/green_favicon.ico","static/favicon.ico"],
|
||||
"static": [
|
||||
"--rendertiddler","$:/core/templates/static.template.html","static.html","text/plain",
|
||||
"--rendertiddler","$:/core/templates/alltiddlers.template.html","alltiddlers.html","text/plain",
|
||||
"--rendertiddlers","[!is[system]]","$:/core/templates/static.tiddler.html","static","text/plain",
|
||||
"--rendertiddler","$:/core/templates/static.template.css","static/static.css","text/plain"]
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue