first draft of polymer element tutorial

src/diagrams/tutorials/polymer/unused/create-with-polymer.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 14 matching lines @@
         </dict>
         <key>BaseZoom</key>
         <integer>0</integer>
         <key>CanvasOrigin</key>
         <string>{0, 0}</string>
         <key>ColumnAlign</key>
         <integer>1</integer>
         <key>ColumnSpacing</key>
         <real>36</real>
         <key>CreationDate</key>
-        <string>2013-04-05 17:24:13 +0000</string>
+        <string>2013-09-05 18:30:51 +0000</string>
         <key>Creator</key>
         <string>Mary Campione</string>
         <key>DisplayScale</key>
         <string>1 0/72 in = 1 0/72 in</string>
         <key>GraphDocumentVersion</key>
         <integer>8</integer>
         <key>GraphicsList</key>
         <array>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{169, 584}, {148, 17.5}}</string>
+                        <string>{{200, 598}, {117, 17.5}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>FontInfo</key>
                         <dict>
                                 <key>Font</key>
                                 <string>HelveticaNeue</string>
                                 <key>Size</key>
                                 <real>12</real>
                         </dict>
                         <key>HFlip</key>
@@ skipping 27 matching lines @@
                                 <dict>
                                         <key>Draws</key>
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370
+                                <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
 
 \f0\fs24 \cf0 4. Click Finish}</string>
                                 <key>VerticalPad</key>
                                 <integer>0</integer>
                         </dict>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{122, 465}, {195, 17.5}}</string>
+                        <string>{{105, 476}, {212, 17.5}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>FontInfo</key>
                         <dict>
                                 <key>Font</key>
                                 <string>HelveticaNeue</string>
                                 <key>Size</key>
                                 <real>12</real>
                         </dict>
                         <key>HFlip</key>
@@ skipping 27 matching lines @@
                                 <dict>
                                         <key>Draws</key>
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370
+                                <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
 
-\f0\fs24 \cf0 3. Include Web UI support}</string>
+\f0\fs24 \cf0 3. Include polymer support}</string>
                                 <key>VerticalPad</key>
                                 <integer>0</integer>
                         </dict>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{122, 387}, {195, 17.5}}</string>
+                        <string>{{138, 398}, {179, 17.5}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>FontInfo</key>
                         <dict>
                                 <key>Font</key>
                                 <string>HelveticaNeue</string>
                                 <key>Size</key>
                                 <real>12</real>
                         </dict>
                         <key>HFlip</key>
@@ skipping 27 matching lines @@
                                 <dict>
                                         <key>Draws</key>
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370
+                                <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
 
 \f0\fs24 \cf0 2. Create sample code}</string>
                                 <key>VerticalPad</key>
                                 <integer>0</integer>
                         </dict>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{169, 286}, {148, 17.5}}</string>
+                        <string>{{180, 286}, {137, 17.5}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>FontInfo</key>
                         <dict>
                                 <key>Font</key>
                                 <string>HelveticaNeue</string>
                                 <key>Size</key>
                                 <real>12</real>
                         </dict>
                         <key>HFlip</key>
@@ skipping 27 matching lines @@
                                 <dict>
                                         <key>Draws</key>
                                         <string>NO</string>
                                 </dict>
                         </dict>
                         <key>Text</key>
                         <dict>
                                 <key>Align</key>
                                 <integer>0</integer>
                                 <key>Text</key>
-                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370
+                                <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
 
 \f0\fs24 \cf0 1. Name the app}</string>
                                 <key>VerticalPad</key>
                                 <integer>0</integer>
                         </dict>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{41, 36}, {279, 22}}</string>
+                        <string>{{41, 36}, {286, 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>
@@ skipping 31 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\cocoasubrtf370
+                                <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 Uses create-with-web-ui-screenshot.png}</string>
+\f0\i\b\fs28 \cf2 Uses create-with-polymer-screenshot.png}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{41, 65}, {382, 22}}</string>
+                        <string>{{41, 65}, {397, 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>
@@ skipping 31 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\cocoasubrtf370
+                                <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/web-ui/images/create-with-web-ui.png}</string>
+\f0\i\b\fs28 \cf2 Save to $tutorial/polymer/images/create-with-polymer.png}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{301, 161}, {525, 456}}</string>
+                        <string>{{293, 157.75}, {525, 476}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>ID</key>
-                        <integer>34127</integer>
+                        <integer>3</integer>
                         <key>ImageID</key>
-                        <integer>2</integer>
+                        <integer>1</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>
@@ skipping 11 matching lines @@
         </array>
         <key>GridInfo</key>
         <dict/>
         <key>GuidesLocked</key>
         <string>NO</string>
         <key>GuidesVisible</key>
         <string>YES</string>
         <key>HPages</key>
         <integer>2</integer>
         <key>ImageCounter</key>
-        <integer>3</integer>
+        <integer>2</integer>
         <key>ImageLinkBack</key>
         <array>
                 <dict/>
         </array>
         <key>ImageList</key>
         <array>
-                <string>image2.png</string>
+                <string>image1.png</string>
         </array>
         <key>KeepToScale</key>
         <false/>
         <key>Layers</key>
         <array>
                 <dict>
                         <key>Lock</key>
                         <string>NO</string>
                         <key>Name</key>
                         <string>Layer 1</string>
@@ skipping 18 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-04-05 20:48:44 +0000</string>
+        <string>2013-09-06 21:00:43 +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>{{178, 242}, {1133, 936}}</string>
+                <string>{{657, 632}, {1087, 878}}</string>
                 <key>ListView</key>
                 <true/>
                 <key>OutlineWidth</key>
                 <integer>142</integer>
                 <key>RightSidebar</key>
                 <false/>
                 <key>ShowRuler</key>
                 <true/>
                 <key>Sidebar</key>
                 <true/>
                 <key>SidebarWidth</key>
                 <integer>120</integer>
                 <key>VisibleRegion</key>
-                <string>{{0, -24}, {998, 782}}</string>
+                <string>{{0, 0}, {938, 724}}</string>
                 <key>Zoom</key>
                 <real>1</real>
                 <key>ZoomValues</key>
                 <array>
                         <array>
                                 <string>Canvas 1</string>
                                 <real>1</real>
                                 <real>1</real>
                         </array>
                 </array>
         </dict>
 </dict>
 </plist>