Updates to "introduction" edition

editions/introduction/themes/hidefurniture/base.tid

@@ -28,26 +28,6 @@ html body .tc-tiddler-frame .tc-tiddler-body {
 	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;
 }

editions/introduction/tiddlers/slides/Audio.tid

@@ -4,4 +4,4 @@ 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]].
+Next, create structure with [[Tags]].

editions/introduction/tiddlers/slides/CecilyMap.tid

@@ -0,0 +1,20 @@
+title: CecilyMap
+type: application/json
+
+{
+	"newTiddlerPosition": {"x": 360,"y": 100},
+	"positions": {
+		" ":				{"x":  30,"y": 17,"w": 140,"h": 140, "r": -2},
+		"Tiddlers":			{"x":  60,"y": 15,"w": 140,"h": 140, "r": 10},
+		"Links":			{"x":  90,"y": 13,"w": 140,"h": 140, "r": -7},
+		"Formatting":		{"x": 120,"y": 18,"w": 140,"h": 140, "r": 5},
+		"Images":			{"x": 150,"y": 12,"w": 140,"h": 140, "r": -11},
+		"Audio":			{"x": 180,"y": 14,"w": 140,"h": 140, "r": 16},
+		"Tags":				{"x": 210,"y": 15,"w": 140,"h": 140, "r": 20},
+		"Transclusion":		{"x": 240,"y": 16,"w": 140,"h": 140, "r": -4},
+		"Lists":			{"x": 275,"y": 13,"w": 140,"h": 140, "r": 6},
+		"Customisation":	{"x": 310,"y": 19,"w": 140,"h": 140, "r": -5},
+		"Plugins":			{"x": 350,"y": 12,"w": 140,"h": 140, "r": 10},
+		"Translations":		{"x": 390,"y": 15,"w": 140,"h": 140, "r": 8}
+	}
+}

editions/introduction/tiddlers/slides/Customisation.tid

@@ -8,4 +8,5 @@ TiddlyWiki supports deep customisation to fit your particular needs. For example
 
 </div>
 
-Next, [[Plugins]] extend TiddlyWiki in new ways.
+
+You can make TiddlyWiki your own through [[Customisation]].

editions/introduction/tiddlers/slides/Links.tid

@@ -6,4 +6,6 @@ Use links to navigate between tiddlers. They are typed with double square bracke
 Tiddlers can also include [[Formatting]].
 ```
 
+Linking becomes part of the punctuation of writing.
+
 Tiddlers can also include [[Formatting]].

editions/introduction/tiddlers/slides/Lists.tid

@@ -14,4 +14,4 @@ For example, here's how to generate a list of all the tiddlers with a particular
 
 </div>
 
-You can make TiddlyWiki your own through [[Customisation]].
+Next, extend TiddlyWiki in new ways with [[Plugins]].

editions/introduction/tiddlers/slides/Tiddlers.tid

@@ -4,4 +4,4 @@ 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.
+You can create relationships between tiddlers with [[Links]].

editions/introduction/tiddlers/slides/TiddlyWiki.tid

@@ -4,6 +4,14 @@ 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.
 
+<$scrollable class="tc-cecily-demo">
+<div class="tc-cecily-demo-inner">
+<$linkcatcher>
+<$list filter="[list[$:/StoryList]] -[[TiddlyWiki]]" template="$:/core/ui/ViewTemplate" storyview="cecily" cecily-width="550px" cecily-map="CecilyMap"/>
+</$linkcatcher>
+</div>
+</$scrollable>
+
 It's like a hypertext card index system from the future.
 
 ~TiddlyWiki deals with information in bite-sized, linked chunks called [[Tiddlers]].

editions/introduction/tiddlers/system/DefaultTiddlers.tid

@@ -1,3 +1,14 @@
 title: $:/DefaultTiddlers
 
-[[ ]]
+[[ ]]
+TiddlyWiki
+Tiddlers
+Links
+Formatting
+Audio
+Tags
+Transclusion
+Lists
+Customisation
+Plugins
+Translations

editions/introduction/tiddlers/system/styles.tid

@@ -57,3 +57,15 @@ html body .tc-subtitle {
 .tc-example-box img {
 	width: 2em;
 }
+
+.tc-cecily-demo {
+	height: 7em;
+}
+
+.tc-cecily-demo-inner {
+}
+
+.tc-cecily-demo .tc-tiddler-frame {
+	background-color: white;
+	<<box-shadow "0px 0px 15px rgba(0, 0, 0, 0.3)">>
+}