Index: src/diagrams/tutorials/polymer/css-styling.graffle/data.plist |
diff --git a/src/diagrams/tutorials/packages/packages/after-add.graffle/data.plist b/src/diagrams/tutorials/polymer/css-styling.graffle/data.plist |
similarity index 75% |
copy from src/diagrams/tutorials/packages/packages/after-add.graffle/data.plist |
copy to src/diagrams/tutorials/polymer/css-styling.graffle/data.plist |
index f80296014196cebe6501344d4822103673b68ce0..c78c3da259b39e959dcabebe6b68fb8b48484196 100644 |
--- a/src/diagrams/tutorials/packages/packages/after-add.graffle/data.plist |
+++ b/src/diagrams/tutorials/polymer/css-styling.graffle/data.plist |
@@ -7,7 +7,7 @@ |
<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/> |
@@ -42,7 +42,7 @@ |
<key>ColumnSpacing</key> |
<real>36</real> |
<key>CreationDate</key> |
- <string>2013-02-13 19:37:12 +0000</string> |
+ <string>2013-09-19 21:09:08 +0000</string> |
<key>Creator</key> |
<string>Mary Campione</string> |
<key>DisplayScale</key> |
@@ -52,41 +52,74 @@ |
<key>GraphicsList</key> |
<array> |
<dict> |
+ <key>Bounds</key> |
+ <string>{{34.5, 377.5}, {221, 22}}</string> |
<key>Class</key> |
- <string>LineGraphic</string> |
- <key>Head</key> |
+ <string>ShapedGraphic</string> |
+ <key>FitText</key> |
+ <string>YES</string> |
+ <key>Flow</key> |
+ <string>Resize</string> |
+ <key>FontInfo</key> |
<dict> |
- <key>ID</key> |
- <integer>34155</integer> |
+ <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>34158</integer> |
- <key>Points</key> |
- <array> |
- <string>{196, 255.39997704704834}</string> |
- <string>{511, 221.3909995217426}</string> |
- </array> |
+ <integer>64</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>HeadArrow</key> |
- <string>FilledArrow</string> |
- <key>Legacy</key> |
- <true/> |
- <key>TailArrow</key> |
- <string>0</string> |
+ <key>Draws</key> |
+ <string>NO</string> |
</dict> |
</dict> |
- <key>Tail</key> |
+ <key>Text</key> |
<dict> |
- <key>ID</key> |
- <integer>34157</integer> |
+ <key>Align</key> |
+ <integer>0</integer> |
+ <key>Pad</key> |
+ <integer>2</integer> |
+ <key>Text</key> |
+ <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 stopwatch-screenshot.png}</string> |
+ <key>VerticalPad</key> |
+ <integer>2</integer> |
</dict> |
+ <key>Wrap</key> |
+ <string>NO</string> |
</dict> |
<dict> |
<key>Bounds</key> |
- <string>{{83, 252}, {113, 19}}</string> |
+ <string>{{34.5, 355.5}, {334, 22}}</string> |
<key>Class</key> |
<string>ShapedGraphic</string> |
<key>FitText</key> |
@@ -95,28 +128,30 @@ |
<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</string> |
+ <string>HelveticaNeue-BoldItalic</string> |
<key>Size</key> |
- <real>12</real> |
+ <real>14</real> |
</dict> |
<key>ID</key> |
- <integer>34157</integer> |
+ <integer>63</integer> |
<key>Shape</key> |
<string>Rectangle</string> |
<key>Style</key> |
<dict> |
<key>fill</key> |
<dict> |
- <key>Color</key> |
- <dict> |
- <key>b</key> |
- <string>0.909179</string> |
- <key>g</key> |
- <string>0.755853</string> |
- <key>r</key> |
- <string>1</string> |
- </dict> |
+ <key>Draws</key> |
+ <string>NO</string> |
</dict> |
<key>shadow</key> |
<dict> |
@@ -136,12 +171,12 @@ |
<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;} |
+{\colortbl;\red255\green255\blue255;\red128\green0\blue0;} |
\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural |
-\f0\fs24 \cf0 version dependency}</string> |
+\f0\i\b\fs28 \cf2 Save to $tutorial/polymer/images/css-styling.png}</string> |
<key>VerticalPad</key> |
<integer>2</integer> |
</dict> |
@@ -149,63 +184,22 @@ |
<string>NO</string> |
</dict> |
<dict> |
- <key>Class</key> |
- <string>LineGraphic</string> |
- <key>ID</key> |
- <integer>34156</integer> |
- <key>Points</key> |
- <array> |
- <string>{196, 219}</string> |
- <string>{231, 219}</string> |
- </array> |
- <key>Style</key> |
- <dict> |
- <key>stroke</key> |
- <dict> |
- <key>HeadArrow</key> |
- <string>FilledArrow</string> |
- <key>Legacy</key> |
- <true/> |
- <key>TailArrow</key> |
- <string>0</string> |
- </dict> |
- </dict> |
- <key>Tail</key> |
- <dict> |
- <key>ID</key> |
- <integer>107</integer> |
- </dict> |
- </dict> |
- <dict> |
<key>Bounds</key> |
- <string>{{511, 201}, {227, 25}}</string> |
+ <string>{{422, 139}, {182, 84}}</string> |
<key>Class</key> |
<string>ShapedGraphic</string> |
<key>ID</key> |
- <integer>34155</integer> |
- <key>Magnets</key> |
- <array> |
- <string>{0.38387096774193563, -0.25}</string> |
- <string>{-0.39130434782608692, -0.25}</string> |
- <string>{-0.10550458715596278, -0.071428571428572063}</string> |
- </array> |
+ <integer>34182</integer> |
+ <key>ImageID</key> |
+ <integer>1</integer> |
<key>Shape</key> |
<string>Rectangle</string> |
<key>Style</key> |
<dict> |
<key>fill</key> |
<dict> |
- <key>Color</key> |
- <dict> |
- <key>a</key> |
- <string>0.5</string> |
- <key>b</key> |
- <string>0.909179</string> |
- <key>g</key> |
- <string>0.755853</string> |
- <key>r</key> |
- <string>1</string> |
- </dict> |
+ <key>Draws</key> |
+ <string>NO</string> |
</dict> |
<key>shadow</key> |
<dict> |
@@ -221,33 +215,23 @@ |
</dict> |
<dict> |
<key>Bounds</key> |
- <string>{{14, 211}, {182, 16}}</string> |
+ <string>{{34.5, 29}, {443, 304}}</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>FitText</key> |
+ <string>YES</string> |
+ <key>Flow</key> |
+ <string>Resize</string> |
<key>ID</key> |
- <integer>107</integer> |
+ <integer>3</integer> |
<key>Shape</key> |
<string>Rectangle</string> |
<key>Style</key> |
<dict> |
<key>fill</key> |
<dict> |
- <key>Color</key> |
- <dict> |
- <key>b</key> |
- <string>0.604698</string> |
- <key>g</key> |
- <string>0.928911</string> |
- <key>r</key> |
- <string>1</string> |
- </dict> |
+ <key>Draws</key> |
+ <string>NO</string> |
</dict> |
<key>shadow</key> |
<dict> |
@@ -256,28 +240,115 @@ |
</dict> |
<key>stroke</key> |
<dict> |
- <key>Draws</key> |
- <string>NO</string> |
+ <key>CornerRadius</key> |
+ <real>7</real> |
</dict> |
</dict> |
<key>Text</key> |
<dict> |
<key>Align</key> |
- <integer>2</integer> |
- <key>Pad</key> |
- <integer>2</integer> |
+ <integer>0</integer> |
<key>Text</key> |
- <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340 |
-\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;} |
+ <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390 |
+\cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;} |
{\colortbl;\red255\green255\blue255;} |
-\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qr |
+\deftab720 |
+\pard\pardeftab720 |
-\f0\fs24 \cf0 application requires vector_math}</string> |
+\f0\fs24 \cf0 <polymer-element name="tute-stopwatch">\ |
+ \ |
+ <template>\ |
+ <style>\ |
+ #stopwatch_container \{\ |
+ background-color: LemonChiffon;\ |
+ text-align: center;\ |
+ display: inline-block;\ |
+ border: solid 1px;\ |
+ padding: 10px 10px 10px 10px;\ |
+ \}\ |
+ </style>\ |
+ <div id="stopwatch_container">\ |
+ ...\ |
+ </div>\ |
+ </template>\ |
+\ |
+ <script type="application/dart" src="tute_stopwatch.dart">\ |
+ </script>\ |
+\ |
+</polymer-element>}</string> |
+ </dict> |
+ <key>Wrap</key> |
+ <string>NO</string> |
+ </dict> |
+ <dict> |
+ <key>Class</key> |
+ <string>LineGraphic</string> |
+ <key>Head</key> |
+ <dict> |
+ <key>ID</key> |
+ <integer>34182</integer> |
+ </dict> |
+ <key>ID</key> |
+ <integer>34185</integer> |
+ <key>Points</key> |
+ <array> |
+ <string>{276, 209.16803140143205}</string> |
+ <string>{422, 191.81554348844307}</string> |
+ </array> |
+ <key>Style</key> |
+ <dict> |
+ <key>stroke</key> |
+ <dict> |
+ <key>HeadArrow</key> |
+ <string>FilledArrow</string> |
+ <key>Legacy</key> |
+ <true/> |
+ <key>TailArrow</key> |
+ <string>0</string> |
+ </dict> |
+ </dict> |
+ <key>Tail</key> |
+ <dict> |
+ <key>ID</key> |
+ <integer>34181</integer> |
+ </dict> |
+ </dict> |
+ <dict> |
+ <key>Class</key> |
+ <string>LineGraphic</string> |
+ <key>Head</key> |
+ <dict> |
+ <key>ID</key> |
+ <integer>34182</integer> |
+ </dict> |
+ <key>ID</key> |
+ <integer>34184</integer> |
+ <key>Points</key> |
+ <array> |
+ <string>{357, 141.04662445737716}</string> |
+ <string>{422, 157.67544817356671}</string> |
+ </array> |
+ <key>Style</key> |
+ <dict> |
+ <key>stroke</key> |
+ <dict> |
+ <key>HeadArrow</key> |
+ <string>FilledArrow</string> |
+ <key>Legacy</key> |
+ <true/> |
+ <key>TailArrow</key> |
+ <string>0</string> |
+ </dict> |
+ </dict> |
+ <key>Tail</key> |
+ <dict> |
+ <key>ID</key> |
+ <integer>34183</integer> |
</dict> |
</dict> |
<dict> |
<key>Bounds</key> |
- <string>{{66, 61}, {212, 22}}</string> |
+ <string>{{325, 77}, {32, 112}}</string> |
<key>Class</key> |
<string>ShapedGraphic</string> |
<key>FitText</key> |
@@ -286,22 +357,17 @@ |
<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> |
+ <string>HelveticaNeue-UltraLight</string> |
<key>Size</key> |
- <real>14</real> |
+ <real>96</real> |
</dict> |
<key>ID</key> |
- <integer>67</integer> |
+ <integer>34183</integer> |
+ <key>Magnets</key> |
+ <array> |
+ <string>{0.25, 0.053571428571428603}</string> |
+ </array> |
<key>Shape</key> |
<string>Rectangle</string> |
<key>Style</key> |
@@ -324,58 +390,48 @@ |
</dict> |
<key>Text</key> |
<dict> |
- <key>Align</key> |
- <integer>0</integer> |
<key>Pad</key> |
- <integer>2</integer> |
+ <integer>0</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 |
+ <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390 |
+\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-UltraLight;} |
+{\colortbl;\red255\green255\blue255;} |
+\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc |
-\f0\i\b\fs28 \cf2 Uses after-add-screenshot.png}</string> |
+\f0\fs192 \cf0 \}}</string> |
<key>VerticalPad</key> |
- <integer>2</integer> |
+ <integer>0</integer> |
</dict> |
<key>Wrap</key> |
<string>NO</string> |
</dict> |
<dict> |
<key>Bounds</key> |
- <string>{{66, 78}, {334, 22}}</string> |
+ <string>{{104, 201}, {172, 15}}</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>66</integer> |
+ <integer>34181</integer> |
+ <key>Magnets</key> |
+ <array> |
+ <string>{-0.40821256038647347, 0}</string> |
+ <string>{0.45930232558139528, 0.099999999999999645}</string> |
+ </array> |
<key>Shape</key> |
<string>Rectangle</string> |
<key>Style</key> |
<dict> |
<key>fill</key> |
<dict> |
- <key>Draws</key> |
- <string>NO</string> |
+ <key>Color</key> |
+ <dict> |
+ <key>b</key> |
+ <string>1</string> |
+ <key>g</key> |
+ <string>0.860429</string> |
+ <key>r</key> |
+ <string>0.745947</string> |
+ </dict> |
</dict> |
<key>shadow</key> |
<dict> |
@@ -391,39 +447,35 @@ |
<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 Save to $tutorial/packages/images/after-add.png}</string> |
- <key>VerticalPad</key> |
<integer>2</integer> |
</dict> |
- <key>Wrap</key> |
- <string>NO</string> |
</dict> |
<dict> |
<key>Bounds</key> |
- <string>{{214, 137}, {525, 146}}</string> |
+ <string>{{83, 90}, {242, 96}}</string> |
<key>Class</key> |
<string>ShapedGraphic</string> |
<key>ID</key> |
- <integer>3</integer> |
- <key>ImageID</key> |
- <integer>1</integer> |
+ <integer>34180</integer> |
+ <key>Magnets</key> |
+ <array> |
+ <string>{-0.40821256038647347, 0}</string> |
+ </array> |
<key>Shape</key> |
<string>Rectangle</string> |
<key>Style</key> |
<dict> |
<key>fill</key> |
<dict> |
- <key>Draws</key> |
- <string>NO</string> |
+ <key>Color</key> |
+ <dict> |
+ <key>b</key> |
+ <string>1</string> |
+ <key>g</key> |
+ <string>0.860429</string> |
+ <key>r</key> |
+ <string>0.745947</string> |
+ </dict> |
</dict> |
<key>shadow</key> |
<dict> |
@@ -436,6 +488,11 @@ |
<string>NO</string> |
</dict> |
</dict> |
+ <key>Text</key> |
+ <dict> |
+ <key>Align</key> |
+ <integer>2</integer> |
+ </dict> |
</dict> |
</array> |
<key>GridInfo</key> |
@@ -493,7 +550,7 @@ |
<key>MasterSheets</key> |
<array/> |
<key>ModificationDate</key> |
- <string>2013-02-13 19:47:31 +0000</string> |
+ <string>2013-09-19 21:44:38 +0000</string> |
<key>Modifier</key> |
<string>Mary Campione</string> |
<key>NotesVisible</key> |
@@ -574,7 +631,7 @@ |
</dict> |
</array> |
<key>Frame</key> |
- <string>{{168, 150}, {1041, 868}}</string> |
+ <string>{{412, 168}, {1153, 1143}}</string> |
<key>ListView</key> |
<true/> |
<key>OutlineWidth</key> |
@@ -588,7 +645,7 @@ |
<key>SidebarWidth</key> |
<integer>120</integer> |
<key>VisibleRegion</key> |
- <string>{{0, 0}, {892, 714}}</string> |
+ <string>{{0, -128}, {1018, 989}}</string> |
<key>Zoom</key> |
<real>1</real> |
<key>ZoomValues</key> |