edit pass on T3,4,5, updated images

src/diagrams/tutorials/connect-dart-html/dart-html-connect.graffle

 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
         <key>ActiveLayerIndex</key>
         <integer>0</integer>
         <key>ApplicationVersion</key>
         <array>
                 <string>com.omnigroup.OmniGrafflePro</string>
-                <string>139.16.0.171715</string>
+                <string>139.18.0.187838</string>
         </array>
         <key>AutoAdjust</key>
         <true/>
         <key>BackgroundGraphic</key>
         <dict>
                 <key>Bounds</key>
                 <string>{{0, 0}, {576, 733}}</string>
                 <key>Class</key>
                 <string>SolidGraphic</string>
                 <key>FontInfo</key>
@@ skipping 67 matching lines @@
                                 </dict>
                                 <key>stroke</key>
                                 <dict>
                                         <key>Draws</key>
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
 {\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc
 
 \f0\i\b\fs26 \cf0 mini.dart}</string>
                                 <key>VerticalPad</key>
                                 <integer>0</integer>
                         </dict>
                 </dict>
                 <dict>
@@ skipping 26 matching lines @@
                                 </dict>
                                 <key>stroke</key>
                                 <dict>
                                         <key>Draws</key>
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
 {\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc
 
 \f0\b\fs24 \cf0 a dart program}</string>
                         </dict>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{21.000005554019708, 182}, {497, 225}}</string>
+                        <string>{{21.000005554019708, 166}, {497, 248}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>FontInfo</key>
                         <dict>
                                 <key>Font</key>
                                 <string>CourierNewPSMT</string>
                                 <key>Size</key>
                                 <real>12</real>
                         </dict>
                         <key>ID</key>
@@ skipping 16 matching lines @@
                                 <dict>
                                         <key>CornerRadius</key>
                                         <real>7</real>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
-{\colortbl;\red255\green255\blue255;\red0\green0\blue0;}
+{\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
 \f0\fs24 \cf0 &lt;!DOCTYPE html&gt;\
 \
 &lt;html&gt;\
   &lt;head&gt;\
     &lt;title&gt;A Minimalist App&lt;/title&gt;\
   &lt;/head&gt;\
 \
   &lt;body&gt;    \
-    &lt;p id="RipVanWinkle"&gt;&lt;/p&gt;\
+    &lt;p id="RipVanWinkle"&gt;\
+      RipVanWinkle paragraph.\
+    &lt;/p&gt;\
 \
     &lt;script type="application/dart" src="mini.dart"&gt;&lt;/script&gt;\
-    &lt;script \cf2 src="packages/browser/dart.js"&gt;\
-\cf0     &lt;/script&gt;\
+    &lt;script src="packages/browser/dart.js"&gt;\
+    &lt;/script&gt;\
   &lt;/body&gt;\
 &lt;/html&gt;}</string>
                         </dict>
                 </dict>
                 <dict>
                         <key>Bounds</key>
                         <string>{{149, 65}, {421, 77}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>FontInfo</key>
@@ skipping 23 matching lines @@
                                 <dict>
                                         <key>CornerRadius</key>
                                         <real>7</real>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
-{\colortbl;\red255\green255\blue255;\red0\green0\blue0;}
+{\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
-\f0\fs24 \cf2 import 'dart:html';\
+\f0\fs24 \cf0 import 'dart:html';\
 void main () \{\
 \pard\pardeftab720
-\cf2   query('#RipVanWinkle').text = 'Wake up, sleepy head!';\
+\cf0   query('#RipVanWinkle').text = 'Wake up, sleepy head!';\
 \}}</string>
                         </dict>
                 </dict>
                 <dict>
                         <key>Class</key>
                         <string>LineGraphic</string>
                         <key>Head</key>
                         <dict>
                                 <key>ID</key>
                                 <integer>58</integer>
                         </dict>
                         <key>ID</key>
                         <integer>72</integer>
                         <key>Points</key>
                         <array>
-                                <string>{162.35043543814083, 468.50000381469727}</string>
-                                <string>{193.2519846439458, 343.60251991916289}</string>
+                                <string>{162.52946631510304, 468.50000381469727}</string>
+                                <string>{193.12214638676059, 353.60251991916289}</string>
                         </array>
                         <key>Style</key>
                         <dict>
                                 <key>stroke</key>
                                 <dict>
                                         <key>HeadArrow</key>
                                         <string>FilledArrow</string>
                                         <key>Legacy</key>
                                         <true/>
                                         <key>TailArrow</key>
@@ skipping 51 matching lines @@
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
 {\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
 \f0\fs24 \cf0 a new script type, identifying this as a Dart app}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
@@ skipping 10 matching lines @@
                         </dict>
                         <key>Head</key>
                         <dict>
                                 <key>ID</key>
                                 <integer>57</integer>
                         </dict>
                         <key>ID</key>
                         <integer>69</integer>
                         <key>Points</key>
                         <array>
-                                <string>{81.729073627656874, 438.50001310801389}</string>
-                                <string>{121.44198874013047, 358.72287502313156}</string>
+                                <string>{82.163869361972814, 438.50001310801389}</string>
+                                <string>{121.1794929858512, 366.72287502313145}</string>
                         </array>
                         <key>Style</key>
                         <dict>
                                 <key>stroke</key>
                                 <dict>
                                         <key>HeadArrow</key>
                                         <string>FilledArrow</string>
                                         <key>Legacy</key>
                                         <true/>
                                         <key>TailArrow</key>
@@ skipping 51 matching lines @@
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
 {\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
 \f0\fs24 \cf0 bootstrap script}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
                 </dict>
                 <dict>
                         <key>Class</key>
                         <string>LineGraphic</string>
                         <key>Head</key>
                         <dict>
                                 <key>ID</key>
                                 <integer>46</integer>
                         </dict>
                         <key>ID</key>
                         <integer>65</integer>
                         <key>Points</key>
                         <array>
-                                <string>{343.19902783355161, 325.67414053002705}</string>
-                                <string>{514.65312760597942, 69.907184826124535}</string>
+                                <string>{342.96911874323621, 335.66926032511356}</string>
+                                <string>{514.8807227321538, 69.913467916420757}</string>
                         </array>
                         <key>Style</key>
                         <dict>
                                 <key>stroke</key>
                                 <dict>
                                         <key>HeadArrow</key>
                                         <string>FilledArrow</string>
                                         <key>Legacy</key>
                                         <true/>
                                         <key>TailArrow</key>
@@ skipping 11 matching lines @@
                         <string>LineGraphic</string>
                         <key>Head</key>
                         <dict>
                                 <key>ID</key>
                                 <integer>41</integer>
                         </dict>
                         <key>ID</key>
                         <integer>64</integer>
                         <key>Points</key>
                         <array>
-                                <string>{259.02303789470415, 120.93310208880797}</string>
-                                <string>{144.44120388650967, 297.84472566917378}</string>
+                                <string>{258.38555063631355, 120.9191253729079}</string>
+                                <string>{145.08609300260119, 279.85571502675106}</string>
                         </array>
                         <key>Style</key>
                         <dict>
                                 <key>stroke</key>
                                 <dict>
                                         <key>HeadArrow</key>
                                         <string>FilledArrow</string>
                                         <key>Legacy</key>
                                         <true/>
                                         <key>TailArrow</key>
@@ skipping 53 matching lines @@
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Pad</key>
                                 <integer>2</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
 {\colortbl;\red255\green255\blue255;\red128\green0\blue0;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
 \f0\i\b\fs28 \cf2 Save to $tutorial/connect-dart-html/images/dart-html-connect.png}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{109.50714597787157, 329.60251991916289}, {170.95530743147867, 14}}</string>
+                        <string>{{109.50714597787157, 339.60251991916289}, {170.95530743147867, 14}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>ID</key>
                         <integer>58</integer>
                         <key>Shape</key>
                         <string>Rectangle</string>
                         <key>Style</key>
                         <dict>
                                 <key>fill</key>
                                 <dict>
@@ skipping 14 matching lines @@
                                 </dict>
                                 <key>stroke</key>
                                 <dict>
                                         <key>Draws</key>
                                         <string>NO</string>
                                 </dict>
                         </dict>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{109.50714597787157, 344.72287502313151}, {218.49285691725856, 14}}</string>
+                        <string>{{109.50714597787157, 352.72287502313151}, {218.49285691725856, 14}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>ID</key>
                         <integer>57</integer>
                         <key>Magnets</key>
                         <array>
                                 <string>{-0.4291897322704683, 0}</string>
                         </array>
                         <key>Shape</key>
                         <string>Rectangle</string>
@@ skipping 18 matching lines @@
                                 </dict>
                                 <key>stroke</key>
                                 <dict>
                                         <key>Draws</key>
                                         <string>NO</string>
                                 </dict>
                         </dict>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{5, 161}, {85, 24}}</string>
+                        <string>{{7, 146}, {85, 24}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>FitText</key>
                         <string>Vertical</string>
                         <key>Flow</key>
                         <string>Resize</string>
                         <key>ID</key>
                         <integer>49</integer>
                         <key>Shape</key>
                         <string>Rectangle</string>
                         <key>Style</key>
                         <dict>
                                 <key>shadow</key>
                                 <dict>
                                         <key>Draws</key>
                                         <string>NO</string>
                                 </dict>
                                 <key>stroke</key>
                                 <dict>
                                         <key>Draws</key>
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Pad</key>
                                 <integer>0</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
 {\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc
 
 \f0\i\b\fs24 \cf0 mini.html}</string>
                         </dict>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{281, 325.60252603425414}, {111.08701324462891, 20}}</string>
+                        <string>{{281, 335.60252603425414}, {111.08701324462891, 20}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>ID</key>
                         <integer>44</integer>
                         <key>Shape</key>
                         <string>Circle</string>
                         <key>Style</key>
                         <dict>
                                 <key>fill</key>
                                 <dict>
@@ skipping 19 matching lines @@
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>VerticalPad</key>
                                 <integer>0</integer>
                         </dict>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{75, 297.79264378623964}, {126, 20}}</string>
+                        <string>{{75, 279.79264378623964}, {126, 20}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>ID</key>
                         <integer>41</integer>
                         <key>Shape</key>
                         <string>Circle</string>
                         <key>Style</key>
                         <dict>
                                 <key>fill</key>
                                 <dict>
@@ skipping 105 matching lines @@
                 <key>twopiSeparation</key>
                 <real>0.0</real>
         </dict>
         <key>LinksVisible</key>
         <string>NO</string>
         <key>MagnetsVisible</key>
         <string>NO</string>
         <key>MasterSheets</key>
         <array/>
         <key>ModificationDate</key>
-        <string>2013-02-12 18:49:11 +0000</string>
+        <string>2013-10-08 16:14:05 +0000</string>
         <key>Modifier</key>
         <string>Mary Campione</string>
         <key>NotesVisible</key>
         <string>NO</string>
         <key>Orientation</key>
         <integer>2</integer>
         <key>OriginVisible</key>
         <string>NO</string>
         <key>PageBreaks</key>
         <string>YES</string>
@@ skipping 60 matching lines @@
                 <key>CurrentSheet</key>
                 <integer>0</integer>
                 <key>ExpandedCanvases</key>
                 <array>
                         <dict>
                                 <key>name</key>
                                 <string>Canvas 1</string>
                         </dict>
                 </array>
                 <key>Frame</key>
-                <string>{{7, 200}, {1098, 978}}</string>
+                <string>{{741, 184}, {1098, 978}}</string>
                 <key>ListView</key>
                 <true/>
                 <key>OutlineWidth</key>
                 <integer>142</integer>
                 <key>RightSidebar</key>
                 <true/>
                 <key>ShowRuler</key>
                 <true/>
                 <key>Sidebar</key>
                 <false/>
                 <key>SidebarWidth</key>
                 <integer>120</integer>
                 <key>VisibleRegion</key>
                 <string>{{-183, -53}, {941, 839}}</string>
                 <key>Zoom</key>
                 <real>1</real>
                 <key>ZoomValues</key>
                 <array>
                         <array>
                                 <string>Canvas 1</string>
                                 <real>1</real>
                                 <real>1.1446112394332886</real>
                         </array>
                 </array>
         </dict>
 </dict>
 </plist>