edit pass on T3,4,5, updated images

src/diagrams/tutorials/custom-elements/converter-html-code.graffle/data.plist

 <?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}, {1152, 733}}</string>
                 <key>Class</key>
                 <string>SolidGraphic</string>
                 <key>ID</key>
@@ skipping 25 matching lines @@
         <key>Creator</key>
         <string>Mary Campione</string>
         <key>DisplayScale</key>
         <string>1 0/72 in = 1.0000 in</string>
         <key>GraphDocumentVersion</key>
         <integer>8</integer>
         <key>GraphicsList</key>
         <array>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{21.000000000000014, 28}, {267, 22}}</string>
-                        <key>Class</key>
-                        <string>ShapedGraphic</string>
-                        <key>FitText</key>
-                        <string>YES</string>
-                        <key>Flow</key>
-                        <string>Resize</string>
-                        <key>FontInfo</key>
-                        <dict>
-                                <key>Color</key>
-                                <dict>
-                                        <key>b</key>
-                                        <string>0</string>
-                                        <key>g</key>
-                                        <string>0</string>
-                                        <key>r</key>
-                                        <string>0.501961</string>
-                                </dict>
-                                <key>Font</key>
-                                <string>HelveticaNeue-BoldItalic</string>
-                                <key>Size</key>
-                                <real>14</real>
-                        </dict>
-                        <key>ID</key>
-                        <integer>34157</integer>
-                        <key>Shape</key>
-                        <string>Rectangle</string>
-                        <key>Style</key>
-                        <dict>
-                                <key>fill</key>
-                                <dict>
-                                        <key>Draws</key>
-                                        <string>NO</string>
-                                </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>Align</key>
-                                <integer>0</integer>
-                                <key>Pad</key>
-                                <integer>2</integer>
-                                <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
-\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 Uses jiggers-and-fifths-screenshot.png}</string>
-                                <key>VerticalPad</key>
-                                <integer>2</integer>
-                        </dict>
-                        <key>Wrap</key>
-                        <string>NO</string>
-                </dict>
-                <dict>
-                        <key>Bounds</key>
                         <string>{{21.000000000000014, 6}, {401, 22}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>FitText</key>
                         <string>YES</string>
                         <key>Flow</key>
                         <string>Resize</string>
                         <key>FontInfo</key>
                         <dict>
                                 <key>Color</key>
@@ skipping 32 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/custom-element/converter-html-code.png}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
@@ skipping 36 matching lines @@
                                         <real>7</real>
                                 </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\fmodern\fcharset0 CourierNewPSMT;}
 {\colortbl;\red255\green255\blue255;}
 \deftab720
 \pard\pardeftab720
 
 \f0\fs24 \cf0     &lt;x-converter ratio="\{\{17.06\}\}"&gt;\
       &lt;label class="label-one"&gt; jiggers &lt;/label&gt;\
       &lt;label class="label-two"&gt; fifths &lt;/label&gt;\
     &lt;/x-converter&gt;}</string>
                                 <key>VerticalPad</key>
@@ skipping 40 matching lines @@
                                         <real>7</real>
                                 </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\fmodern\fcharset0 CourierNewPSMT;}
 {\colortbl;\red255\green255\blue255;}
 \deftab720
 \pard\pardeftab720
 
 \f0\fs24 \cf0 &lt;template&gt;\
     &lt;div class="x-converter"&gt;\
       &lt;content select=".label-one"&gt;&lt;/content&gt;\
       &lt;input type="text"\
              bind-value="thing_one"\
@@ skipping 192 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\b\fs24 \cf0 Creates custom element instance}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
@@ skipping 36 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\b\fs24 \cf0 Defines custom element type}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
@@ skipping 274 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-01-07 22:26:21 +0000</string>
+        <string>2013-10-09 20:41:13 +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 74 matching lines @@
                 <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>{{11, -61}, {832, 856}}</string>
+                <string>{{10, -61}, {832, 856}}</string>
                 <key>Zoom</key>
                 <real>1</real>
                 <key>ZoomValues</key>
                 <array>
                         <array>
                                 <string>Canvas 1</string>
                                 <real>1</real>
                                 <real>2</real>
                         </array>
                 </array>
         </dict>
 </dict>
 </plist>