tiddlywiki 5.3.3 → 5.3.4

package/plugins/tiddlywiki/tour/simplified-tiddler-with-tags.tid

@@ -0,0 +1,106 @@
+title: $:/plugins/tiddlywiki/tour/simplified-tiddler-with-tags
+
+\whitespace trim
+\define tag-pill-styles()
+background-color:$(backgroundColor)$;
+fill:$(foregroundColor)$;
+color:$(foregroundColor)$;
+\end
+
+\procedure tag-pill-label(prefix)
+<$text text={{{ [<currentTiddler>removeprefix<prefix>] }}}/>
+\end
+
+\procedure tag-pill-label-link(prefix)
+<div>
+	<$link>
+		<$transclude $variable="tag-pill-label" prefix=<<prefix>>/>
+	</$link>
+</div>
+\end
+
+<!-- This has no whitespace trim to avoid modifying $actions$. Closing tags omitted for brevity. -->
+\define tag-pill-inner(tag,icon,colour,fallbackTarget,colourA,colourB,element-tag,element-attributes,actions,prefix)
+\whitespace trim
+<$let
+	foregroundColor=<<contrastcolour target:"""$colour$""" fallbackTarget:"""$fallbackTarget$""" colourA:"""$colourA$""" colourB:"""$colourB$""">>
+	backgroundColor=<<__colour__>>
+>
+<$element-tag$
+	$element-attributes$
+	class="tc-tag-label tc-btn-invisible"
+	style=<<tag-pill-styles>>
+>
+	<<__actions__>>
+	<$transclude tiddler=<<__icon__>>/>
+	<$let currentTiddler=<<__tag__>>>
+		<$transclude $variable="tag-pill-label" prefix=<<__prefix__>>/>
+	</$let>
+</$element-tag$>
+</$let>
+\end
+
+\define tag-pill-body(tag,icon,colour,palette,element-tag,element-attributes,actions,prefix)
+<$transclude $variable="tag-pill-inner"
+	tag=<<__tag__>>
+	icon=<<__icon__>>
+	colour=<<__colour__>>
+	fallbackTarget={{$palette$##tag-background}}
+	colourA={{$palette$##foreground}}
+	colourB={{$palette$##background}}
+	element-tag=<<__element-tag__>>
+	element-attributes=<<__element-attributes__>>
+	actions=<<__actions__>>
+	prefix=<<__prefix__>>
+/>
+\end
+
+\procedure simplified-tag(prefix)
+<span class="tc-tag-list-item" data-tag-title=<<currentTiddler>>>
+	<$set name="transclusion" value=<<currentTiddler>>>
+		<$transclude $variable="tag-pill-body"
+			tag=<<currentTiddler>>
+			icon={{{ [<currentTiddler>] :cascade[all[shadows+tiddlers]tag[$:/tags/TiddlerIconFilter]!is[draft]get[text]] }}}
+			colour={{{ [<currentTiddler>] :cascade[all[shadows+tiddlers]tag[$:/tags/TiddlerColourFilter]!is[draft]get[text]] }}}
+			palette={{$:/palette}}
+			element-tag="$button"
+			element-attributes="""popup=<<qualify "$:/state/popup/tag">> dragFilter="[all[current]tagging[]]" tag='span'"""
+			prefix=<<prefix>>
+		/>
+		<$reveal state=<<qualify "$:/state/popup/tag">> type="popup" position="below" animate="yes" class="tc-drop-down">
+			<$set name="tv-show-missing-links" value="yes">
+				<$transclude $variable="tag-pill-label-link" prefix=<<prefix>>/>
+			</$set>
+			<hr>
+			<$list filter="[all[shadows+tiddlers]tag<currentTiddler>]">
+				<$transclude $variable="tag-pill-label-link" prefix=<<prefix>>/>
+			</$list>
+		</$reveal>
+	</$set>
+</span>
+\end
+
+<$let storyTiddler=<<currentTiddler>>>
+	<div class="tc-tiddler-frame tc-tiddler-view-frame tc-tiddler-exists tc-tiddler-shadow " role="article">
+		<div class="tc-tiddler-title">
+			<div class="tc-titlebar">
+				<span class="tc-tiddler-controls">
+					<$list filter="[<tour-simplified-tiddler-close-button>match[yes]]" variable="ignore">
+						{{||$:/core/ui/Buttons/close}}
+					</$list>
+				</span>
+				<span>
+					<h2 class="tc-title"><$view field="caption"/></h2>
+				</span>
+			</div>
+		</div>
+		<div class="tc-tags-wrapper">
+			<$list filter="[all[current]tags[]sort[title]]" storyview="pop">
+				<<simplified-tag "$:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/">>
+			</$list>
+		</div>
+		<div class="tc-tiddler-body">
+			<$transclude field="text" mode="block"/>
+		</div>
+	</div>
+</$let>

package/plugins/tiddlywiki/tour/simplified-tiddler.tid

@@ -0,0 +1,22 @@
+title: $:/plugins/tiddlywiki/tour/simplified-tiddler
+
+\whitespace trim
+<$let storyTiddler=<<currentTiddler>>>
+	<div class="tc-tiddler-frame tc-tiddler-view-frame tc-tiddler-exists tc-tiddler-shadow " role="article">
+		<div class="tc-tiddler-title">
+			<div class="tc-titlebar">
+				<span class="tc-tiddler-controls">
+					<$list filter="[<tour-simplified-tiddler-close-button>match[yes]]" variable="ignore">
+						{{||$:/core/ui/Buttons/close}}
+					</$list>
+				</span>
+				<span>
+					<h2 class="tc-title"><$view field="caption"/></h2>
+				</span>
+			</div>
+		</div>
+		<div class="tc-tiddler-body">
+			<$transclude field="text" mode="block"/>
+		</div>
+	</div>
+</$let>

package/plugins/tiddlywiki/tour/start-tour-button.tid

@@ -0,0 +1,18 @@
+title: $:/plugins/tiddlywiki/tour/start-tour-button
+tags: $:/tags/PageControls
+caption: {{$:/plugins/tiddlywiki/tour/tour-button-icon}} Start Tour
+description: Start interactive training tour
+
+\whitespace trim
+\import [[$:/plugins/tiddlywiki/tour/variables]]
+<$button tooltip="Start interactive training tour" aria-label="Start Tour" class=<<tv-config-toolbar-class>>>
+<<tour-restart>>
+<$list filter="[<tv-config-toolbar-icons>match[yes]]" variable="listItem">
+{{$:/plugins/tiddlywiki/tour/tour-button-icon}}
+</$list>
+<$list filter="[<tv-config-toolbar-text>match[yes]]">
+<span class="tc-btn-text">
+<$text text="Start Tour"/>
+</span>
+</$list>
+</$button>

package/plugins/tiddlywiki/tour/startup-actions.tid

@@ -0,0 +1,7 @@
+title: $:/plugins/tiddlywiki/tour/startup-actions
+tags: $:/tags/StartupAction
+
+\import [[$:/plugins/tiddlywiki/tour/variables]]
+<$list filter="[[$:/config/AutoStartTour]get[text]else[no]match[yes]]" variable="ignore">
+<<tour-restart>>
+</$list>

package/plugins/tiddlywiki/tour/styles.tid

@@ -0,0 +1,261 @@
+title: $:/plugins/tiddlywiki/tour/styles
+tags: $:/tags/Stylesheet
+
+\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline macrocallblock
+
+.tc-tour-panel {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	width: 310px;
+	height: 400px;
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	<<box-shadow "0px 0px 5px rgba(0, 0, 0, 0.3)">>
+	border: 1px solid <<colour tour-overlay-border>>;
+	background: <<colour tour-overlay-background>>;
+	border-radius: 8px;
+	padding: 1em;
+	margin: 0.5em;
+	z-index: 2000;
+}
+
+.tc-tour-panel-navigation .tc-btn-big-green {
+	border-radius: 0.25em;
+	margin: 0 1em 0 0;
+}
+
+.tc-tour-panel-navigation .tc-btn-big-green.tc-tour-panel-navigation-back {
+	background: <<colour tour-navigation-buttons-back-background>>;
+	color: <<colour tour-navigation-buttons-back-foreground>>;
+}
+
+.tc-tour-panel-navigation .tc-btn-big-green.tc-tour-panel-navigation-next {
+	background: <<colour tour-navigation-buttons-next-background>>;
+	color: <<colour tour-navigation-buttons-next-foreground>>;
+}
+
+.tc-tour-panel-navigation .tc-btn-big-green.tc-tour-panel-navigation-hint {
+	background: <<colour tour-navigation-buttons-hint-background>>;
+	color: <<colour tour-navigation-buttons-hint-foreground>>;
+}
+
+.tc-tour-panel-navigation .tc-btn-big-green:hover {
+	color: <<colour tour-navigation-buttons-hover-foreground>>;
+	background: <<colour tour-navigation-buttons-hover-background>>;
+}
+
+.tc-tour-panel-fullscreen {
+	top: 0;
+	right: 0;
+	width: auto;
+	height: auto;
+	box-shadow: none;
+	border: none;
+	background: <<colour tour-fullscreen-background>>;
+	margin: 0;
+	border-radius: 0;
+}
+
+.tc-tour-panel-controls .tc-tour-panel-list-button {
+	padding: 2px 8px;
+	border-radius: 1em;
+	color: <<color tour-chooser-button-foreground>>;
+	text-align: left;
+}
+
+.tc-tour-panel-controls .tc-tour-panel-list-button.tc-selected {
+	color: <<colour tour-chooser-button-selected-foreground>>;
+	fill: <<colour tour-chooser-button-selected-foreground>>;
+	background: <<color tour-chooser-button-selected-background>>;
+}
+
+.tc-tour-panel-controls .tc-tour-panel-list-button:hover {
+	background: <<colour tour-chooser-button-hover-background>>;
+	color: <<colour tour-chooser-button-hover-foreground>>;
+}
+
+.tc-tour-panel-controls .tc-popup .tc-drop-down {
+	font-size: 1em;
+	color: <<colour tour-chooser-dropdown-foreground>>;
+	min-width: auto;
+}
+
+.tc-tour-panel-chooser-item {
+	border: 1px solid <<colour tour-chooser-item-border>>;
+	background: <<colour tour-chooser-item-background>>;
+	color: <<colour tour-chooser-item-foreground>>;
+	padding: 4px 4px 4px 8px;
+	margin: 12px 0;
+	border-radius: 12px;
+	box-shadow: 3px 3px 5px <<colour tour-chooser-item-shadow>>;
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	gap: 1em;
+}
+
+.tc-tour-panel-chooser-item .tc-tour-panel-chooser-start-button {
+	display: inline-block;
+	width: auto;
+	padding: 4px;
+	font-size: 0.7em;
+	vertical-align: baseline;
+	border-radius: 1em;
+	background: <<colour tour-chooser-item-start-background>>;
+	color: <<colour tour-chooser-item-start-foreground>>;
+	fill: <<colour tour-chooser-item-start-foreground>>;
+	text-transform: uppercase;
+}
+
+.tc-tour-panel-chooser-wrapper button:hover {
+	background: <<colour tour-chooser-item-start-hover-background>>;
+	color: <<colour tour-chooser-item-start-hover-foreground>>;
+}
+
+.tc-tour-panel-fullscreen h1 {
+	background: <<colour tour-step-heading-background>>;
+	padding: 0.25em;
+	margin: -0.25em;
+	border-radius: 4px;
+}
+
+.tc-tour-panel-fullscreen .tc-tour-panel-controls {
+	/* display: none; */
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	padding: 4px;
+	color: <<colour tour-fullscreen-controls-foreground>>;
+}
+
+.tc-tour-panel .tc-tour-panel-banner-image {
+	display: none;
+}
+
+.tc-tour-panel-fullscreen .tc-tour-panel-banner-image {
+	display: block;
+	width: 100px;
+	float: right;
+	margin: 4em 2em 2em 2em;
+}
+
+.tc-tour-panel-fullscreen .tc-tour-panel-inner {
+	width: 30%;
+	min-width: 350px;
+	height: 30%;
+	margin: 10em auto 0 auto;
+}
+
+.tc-tour-panel .tc-tour-panel-inner .tc-tiddler-frame {
+	width: auto;
+	padding: 1.5em 2.5em;
+}
+
+.tc-tour-panel .tc-tour-panel-inner .tc-tiddler-frame .tc-titlebar {
+	font-size: 1.5em;
+	line-height: 1.1;
+}
+
+.tc-tour-task {
+	background: <<colour tour-step-task-background>>;
+	color: <<colour tour-step-task-foreground>>;
+	padding: 0.5em;
+	border-radius: 1em;
+}
+
+.tc-tour-task svg {
+	fill: <<colour tour-step-task-foreground>>;
+	vertical-align: middle;
+	width: 1.2em;
+	height: 1.2em;
+	margin-right: 0.5em;
+}
+
+.tc-tour-settings-tour-details,
+.tc-tour-settings-tour-step-details {
+	width: 100%;
+}
+
+.tc-tour-settings-tour-details th,
+.tc-tour-settings-tour-step-details th {
+	text-align: right;
+	vertical-align: top;
+	font-weight: normal;
+	width:10em;
+}
+
+.tc-tour-settings-tour-details td,
+.tc-tour-settings-tour-step-details td {
+	font-weight: bold;
+}
+
+.tc-tour-settings-tour-details-description {
+
+}
+
+.tc-tour-settings-tour-details-logo img {
+	max-width: 200px;
+	max-height: 100px;
+}
+
+.tc-tour-settings-tour-settings {
+	border: 1px solid <<colour muted-foreground>>;
+	margin: 0.5em 0;
+	padding: 0.5em;
+}
+
+.tc-tour-settings-tour-step {
+	border: 1px solid <<colour foreground>>;
+}
+
+.tc-tour-settings-tour-step-heading {
+	background: <<colour muted-foreground>>;
+	border: 0;
+	display: flex;
+	flex-wrap: nowrap;
+	justify-content: space-between;
+	align-items: center;
+	gap: 5px;
+}
+
+.tc-tour-settings-tour-step-open-button,
+.tc-tour-settings-tour-step-launch-button {
+	display: inline-block;
+	padding: 0.25em;
+}
+
+.tc-tour-settings-tour-step-open-button {
+	flex-grow: 1;
+	text-align: left;
+}
+
+.tc-tour-settings-tour-step-launch-button {
+	flex-grow: 0;
+}
+
+.tc-tour-settings-tour-step-open-button:hover,
+.tc-tour-settings-tour-step-launch-button:hover {
+	background: <<colour foreground>>;
+	color: <<colour background>>;
+	fill: <<colour background>>;
+}
+
+.tc-tour-settings-tour-step-heading-step-number {
+	font-weight: bold;
+	background: <<colour foreground>>;
+	color: <<colour background>>;
+	border-radius: 1em;
+	font-size: 0.9em;
+	display: inline-block;
+	padding: 0 4px;
+}
+
+.tc-tour-settings-tour-step-details {
+	margin: 0;
+}
+
+.tc-tour-settings-tour-step-body {
+	padding: 0.5em;
+}

package/plugins/tiddlywiki/tour/tour-panel.tid

@@ -0,0 +1,104 @@
+title: $:/plugins/tiddlywiki/tour/panel
+tags: $:/tags/PageTemplate
+
+\whitespace trim
+
+\procedure tour-buttons()
+\procedure tv-action-refresh-policy() always
+<div class="tc-tour-panel-navigation">
+	<%if [function[tour-is-not-first-step]] %>
+		<$button class="tc-btn-big-green tc-tour-panel-navigation-back">
+			<<tour-previous-step>>
+			back
+		</$button>
+	<%endif%>
+	<%if [function[tour-is-not-last-step]] %>
+		<$button class="tc-btn-big-green tc-tour-panel-navigation-next">
+			<<tour-next-step>>
+			next
+		</$button>
+	<%endif%>
+	<%if [function[tour-is-last-step]] %>
+		<$confetti/>
+		<$confetti delay=300 originY=0.6  spread=100 scalar=1.5/>
+		<$confetti delay=400 originY=0.55 spread=130/>
+		<$confetti delay=500 originY=0.55 spread=170 scalar=2/>
+	<%endif%>
+</div>
+\end
+
+\procedure tour-step-no-success-filter()
+<$transclude tiddler=<<currentTourStep>> mode="block"/>
+<<tour-buttons>>
+\end tour-step-no-success-filter
+
+\procedure tour-step-success-filter-not-satisfied()
+<$transclude tiddler=<<currentTourStep>> mode="block"/>
+<%if [{$:/state/tour/step}has[hint-selector]] %>
+	<div class="tc-tour-panel-navigation">
+		<$button class="tc-btn-big-green tc-tour-panel-navigation-hint">
+			<$action-sendmessage $message="tm-spotlight-element" selector={{{ [{$:/state/tour/step}get[hint-selector]] }}} selector-fallback-1={{{ [{$:/state/tour/step}get[hint-selector-fallback-1]] }}} selector-fallback-2={{{ [{$:/state/tour/step}get[hint-selector-fallback-2]] }}}/>
+			<$transclude tiddler={{$:/state/tour/step}} field="hint-text" mode="inline"> show me a hint </$transclude>
+		</$button>
+	</div>
+<%endif%>
+\end tour-step-success-filter-not-satisfied
+
+\procedure tour-step-success-filter-satisfied()
+<$let tour-task="">
+	<$transclude tiddler=<<currentTourStep>> mode="block"/>
+</$let>
+<$confetti/>
+<p>
+	Congratulations, you may proceed
+</p>
+<<tour-buttons>>
+\end tour-step-success-filter-satisfied
+\import [[$:/plugins/tiddlywiki/tour/variables]]
+
+<%if [{$:/config/ShowTour}!is[blank]else[show]match[show]] %>
+	<div class=`tc-tour-panel tc-tour-panel-${ [{$:/state/tour/step}get[display-mode]else[normal]] }$ ${ [{$:/config/CurrentTour}get[class]] }$`>
+		<$image class="tc-tour-panel-banner-image" source={{{ [{$:/config/CurrentTour}get[logo]] }}}/>
+		<div class="tc-tour-panel-inner">
+			<div class="tc-tiddler-controls tc-tour-panel-controls">
+				<$button set="$:/config/ShowTour" setTo="no" class="tc-btn-invisible">{{$:/core/images/close-button}}</$button>
+				<$button popup=<<qualify "$:/state/popup/tour-dropdown">> class="tc-btn-invisible tc-tour-panel-list-button" selectedClass="tc-selected">
+					<span class="tc-small-gap-right">''Tour'':</span> <<tour-display-current-tour>>
+				</$button>
+				<$reveal state=<<qualify "$:/state/popup/tour-dropdown">> type="popup" position="belowleft" animate="yes" tag="div">
+					<div class="tc-drop-down">
+						<p>
+							Choose a tour:
+						</p>
+						<p>
+							<<tour-chooser>>
+						</p>
+					</div>
+				</$reveal>
+			</div>
+			<$let
+				currentTour={{$:/config/CurrentTour}}
+				currentTourStep={{$:/state/tour/step}}
+				step-success-filter-var={{{ [<currentTourStep>get[step-success-filter-var]] :map[subfilter<currentTiddler>] }}}
+			>
+				<%if [<currentTourStep>has[caption]] %>
+					<h1><$transclude $tiddler=<<currentTourStep>> $field="caption" mode="inline"/></h1>
+				<%endif%>
+				<!-- Handle steps without a step-success-filter -->
+				<%if [<currentTourStep>!has[step-success-filter]] %>
+					<<tour-step-no-success-filter>>
+				<%endif%>
+				<!-- Handle steps that have a step-success-filter -->
+				<%if [<currentTourStep>has[step-success-filter]] %>
+					<$let step-success-filter={{{ [<currentTourStep>get[step-success-filter]] }}}>
+						<%if [subfilter<step-success-filter>] %>
+							<<tour-step-success-filter-satisfied>>
+						<%else%>
+							<<tour-step-success-filter-not-satisfied>>
+						<%endif%>
+					</$let>
+				<%endif%>
+			</$let>
+		</div>
+	</div>
+<%endif%>

package/plugins/tiddlywiki/tour/tours/introduction-to-tiddlywiki/config/ProductName.tid

@@ -0,0 +1,2 @@
+title: $:/config/Tours/IntroductionToTiddlyWiki/ProductName
+text: ~TiddlyWiki

package/plugins/tiddlywiki/tour/tours/introduction-to-tiddlywiki/data/tiddlers-GasGiant.tid

@@ -0,0 +1,4 @@
+title: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Gas Giant
+caption: Gas Giant
+
+ A gas giant is a large planet that has a solid core, but a very thick atmosphere. This means that most of the planet is made up of gas. These planets are very large.

package/plugins/tiddlywiki/tour/tours/introduction-to-tiddlywiki/data/tiddlers-Jupiter.tid

@@ -0,0 +1,5 @@
+title: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Jupiter
+caption: Jupiter
+tags: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Planet [[$:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Gas Giant]]
+
+Jupiter is the largest planet in the Solar System. It is the fifth planet from the Sun. Jupiter is a gas giant because it is so large and made of gas. The other gas giants in the Solar System are [[Saturn|$:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Saturn]], Uranus, and Neptune.

package/plugins/tiddlywiki/tour/tours/introduction-to-tiddlywiki/data/tiddlers-Mars.tid

@@ -0,0 +1,5 @@
+title: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Mars
+caption: Mars
+tags: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Planet [[$:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Rocky]]
+
+Mars is the fourth planet from the Sun in the Solar System and the second-smallest planet. Mars is a terrestrial planet with polar ice caps of frozen water and carbon dioxide. It has the largest volcano in the Solar System, and some very large impact craters. Mars is named after the mythological Roman god of war because it appears of red color.

package/plugins/tiddlywiki/tour/tours/introduction-to-tiddlywiki/data/tiddlers-Planet.tid

@@ -0,0 +1,4 @@
+title: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Planet
+caption: Planet
+
+ A planet is a large object such as Venus or Earth that orbits a star. Planets are smaller than stars, and they do not make light. Jupiter is the biggest planet in the Solar System, while the smallest planet in the Solar System is Mercury.

package/plugins/tiddlywiki/tour/tours/introduction-to-tiddlywiki/data/tiddlers-Rocky.tid

@@ -0,0 +1,4 @@
+title: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Rocky
+caption: Rocky
+
+ Rocky planets have a core, a mantle, and a crust. They are a bit like a boiled egg: the central yolk is the core; the white albumin is the mantle; and the shell is the crust. The crust of a terrestrial planet is thin, with the core and the mantle taking up the vast bulk, sometimes with a very large core, sometimes much smaller. Terrestrial planets have metallic cores of mostly iron, with rocky mantles and crusts.

package/plugins/tiddlywiki/tour/tours/introduction-to-tiddlywiki/data/tiddlers-Saturn.tid

@@ -0,0 +1,5 @@
+title: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Saturn
+caption: Saturn
+tags: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Planet [[$:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Gas Giant]]
+
+Saturn is the sixth planet from the Sun located in the Solar System. It is the second largest planet in the Solar System, after Jupiter. Saturn is one of the four gas giant planets in the Solar System, along with [[Jupiter|$:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Jupiter]], Uranus, and Neptune.

package/plugins/tiddlywiki/tour/tours/introduction-to-tiddlywiki/images/tiddlywiki-tour-logo.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 500 335" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(0.488281,0,0,0.436198,0,0)">
+        <rect id="Artboard1" x="0" y="0" width="1024" height="768" style="fill:none;"/>
+        <clipPath id="_clip1">
+            <rect id="Artboard11" serif:id="Artboard1" x="0" y="0" width="1024" height="768"/>
+        </clipPath>
+        <g clip-path="url(#_clip1)">
+            <g transform="matrix(3.66495,0,0,4.10256,0,0.218772)">
+                <g transform="matrix(1,0,0,1,-59.5095,-391.468)">
+                    <path d="M320.725,420.421C326.96,417.788 332.843,414.256 338.913,411.253C338.882,411.406 338.722,411.458 338.626,411.561C328.964,419.375 327.614,432.589 328.751,444.808C329.174,451.149 327.382,458.033 325.167,464.525C321.022,475.102 313.017,486.251 303.726,485.68C300.214,485.568 298.174,483.58 295.563,481.456C295.057,485.757 293.067,489.595 291.148,493.398C286.718,501.831 275.14,505.548 264.419,514.553C253.699,523.558 267.849,555.718 271.28,561.578C274.711,567.439 284.287,569.583 280.571,574.872C279.434,576.618 277.696,577.243 275.838,577.921L273.318,578.249C262.308,577.938 257.466,577.965 251.859,568.744L247.489,568.87C242.402,568.644 244.522,568.746 241.129,568.577C235.455,568.356 236.364,562.965 235.366,560.117C233.769,550.449 237.478,540.73 237.361,531.06C237.32,527.627 232.462,515.476 230.727,511.132C225.287,512.156 219.817,512.351 214.298,512.626C201.576,512.595 188.94,511.037 176.396,509.059C173.952,519.157 166.686,533.291 172.692,543.554C179.982,554.17 185.098,557.111 193.028,557.751C200.957,558.39 202.748,567.343 200.829,570.541C199.131,572.751 196.147,573.152 193.611,573.687L188.539,573.925C184.548,573.791 180.98,572.714 177.424,571.052C171.485,567.736 165.351,560.844 160.793,555.895C161.854,557.871 162.487,561.729 161.525,563.524C158.83,567.341 147.176,567.318 141.839,564.946C135.776,562.252 121.125,543.335 118.86,529.168C124.886,517.772 133.665,507.845 138.106,495.437C128.425,489.26 123.24,479.204 123.913,467.813L124.156,466.494C114.631,468.277 119.57,467.614 109.323,468.389C76.689,468.289 47.99,446.162 64.15,411.773C65.201,409.737 66.201,407.885 67.982,408.77C69.412,409.479 69.207,412.325 68.487,415.481C59.25,456.572 104.396,456.886 132.149,449.282C134.903,448.528 140.381,443.444 144.176,441.759C150.379,439.004 157.111,437.887 163.793,437.082C180.411,435.188 200.384,443.943 210.533,444.228C220.681,444.514 235.118,441.798 243.98,442.37C250.41,442.664 256.724,443.825 262.928,445.478C266.944,425.911 267.228,411.489 276.748,408.151C281.18,408.851 284.806,413.787 287.706,417.829L287.706,423.746C287.706,428.653 295.104,432.636 304.216,432.636C313.328,432.636 320.725,428.653 320.725,423.746L320.725,420.421ZM151.046,554.19L152.645,554.662C154.654,553.763 158.693,555.152 160.836,555.832C156.89,551.458 150.947,545.035 146.664,540.986C145.259,536.084 145.859,531.152 146.161,526.148L146.222,525.734C144.534,529.74 142.391,533.634 141.24,537.85C139.893,543.539 147.228,549.677 150.073,553.194L151.046,554.19Z"/>
+                </g>
+                <g transform="matrix(2.12347,0,0,2.12347,219.225,-7.42467)">
+                    <g transform="matrix(1,0,0,0.666667,-0.185118,3.43957)">
+                        <path d="M0.667,9.362C0.576,9.293 0.518,9.153 0.518,9C0.518,8.847 0.576,8.707 0.667,8.638C2.756,7.072 10.971,0.911 12.065,0.09C12.14,0.033 12.23,0.033 12.306,0.09C13.399,0.911 21.614,7.072 23.703,8.638C23.794,8.707 23.852,8.847 23.852,9C23.852,9.153 23.794,9.293 23.703,9.362C21.614,10.928 13.399,17.089 12.306,17.91C12.23,17.967 12.14,17.967 12.065,17.91C10.971,17.089 2.756,10.928 0.667,9.362Z"/>
+                    </g>
+                    <g transform="matrix(1,0,0,1,1.77636e-15,4.43957)">
+                        <path d="M18.5,8.75L18.5,13.744C18.5,15.675 15.587,17.244 12,17.244C8.413,17.244 5.5,15.675 5.5,13.744L5.5,8.75L11.951,11.975C11.982,11.991 12.018,11.991 12.049,11.975L18.5,8.75Z"/>
+                    </g>
+                    <g transform="matrix(1,0,0,0.648293,19.2746,5.5086)">
+                        <path d="M2,6L2.207,11L1.526,14C1.526,14 1.524,14.709 2.5,14.717C3.421,14.724 3.5,14 3.5,14L2.707,11L3,6L2,6Z"/>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/plugins/tiddlywiki/tour/tours/introduction-to-tiddlywiki/images/tiddlywiki-tour-logo.svg.meta

@@ -0,0 +1,2 @@
+title: $:/plugins/tiddlywiki/tour/tiddlywiki-tour-logo
+type: image/svg+xml

package/plugins/tiddlywiki/tour/tours/introduction-to-tiddlywiki/introduction-to-tiddlywiki.tid

@@ -0,0 +1,8 @@
+title: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki
+tags: $:/tags/Tour
+tour-tag: $:/tags/Tour/IntroductionToTiddlyWiki
+logo: $:/plugins/tiddlywiki/tour/tiddlywiki-tour-logo
+description: Introduction to {{$:/config/Tours/IntroductionToTiddlyWiki/ProductName}}
+settings: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/settings
+
+An introductory tour to {{$:/config/Tours/IntroductionToTiddlyWiki/ProductName}}

package/plugins/tiddlywiki/tour/tours/introduction-to-tiddlywiki/settings.tid

@@ -0,0 +1,4 @@
+title: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/settings
+
+Customise name used for ~TiddlyWiki: <$edit tiddler="$:/config/Tours/IntroductionToTiddlyWiki/ProductName" tag="input"/>
+

package/plugins/tiddlywiki/tour/tours/introduction-to-tiddlywiki/steps/close-control-panel.tid

@@ -0,0 +1,9 @@
+title: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/steps/close-control-panel
+caption: Close the control panel
+tags: $:/tags/Tour/IntroductionToTiddlyWiki
+hint-selector: .tc-story-river div[data-tiddler-title='$:/ControlPanel'] .tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fclose
+step-success-filter: [[$:/StoryList]!contains[$:/ControlPanel]]
+
+<<tour-task "Now close the control panel">>
+
+Use the {{$:/core/images/close-button|0.65em}} button in the top right corner of the control panel tiddler.

package/plugins/tiddlywiki/tour/tours/introduction-to-tiddlywiki/steps/closing-tiddlers.tid

@@ -0,0 +1,25 @@
+title: $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/steps/closing-tiddlers
+caption: Closing tiddlers
+tags: $:/tags/Tour/IntroductionToTiddlyWiki
+display-mode: fullscreen
+enter-actions: <$action-setfield $tiddler="$:/temp/Tour/DemoStoryList" list="$:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Jupiter $:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/Saturn"/>
+step-success-filter: [list[$:/temp/Tour/DemoStoryList]count[]match[0]]
+
+\procedure tour-simplified-tiddler-close-button() yes
+
+In the top right corner of each tiddler there is a button marked {{$:/core/images/close-button|0.65em}} that can be used to close them when you are finished with them.
+
+<<tour-task "Close both of these tiddlers">>
+
+Closing a tiddler does not delete it or alter it in any way. It just removes it from the display.
+
+<$navigator story="$:/temp/Tour/DemoStoryList" history="$:/temp/Tour/DemoHistoryList" openLinkFromInsideRiver="below">
+
+<$list
+	filter="[list[$:/temp/Tour/DemoStoryList]]"
+	history="$:/temp/Tour/DemoHistoryList"
+	template="$:/plugins/tiddlywiki/tour/simplified-tiddler"
+	storyview="classic"
+/>
+
+</$navigator>