examples/space.cf-example-app.neato.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
 -->
<!-- Title: %3 Pages: 1 -->
<svg width="632pt" height="627pt"
 viewBox="0.00 0.00 632.12 626.90" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 622.8951)">
<title>%3</title>
<!-- 5VWYVBc39Cia0sqqaeyiIW -->
<g id="node1" class="node">
<title>5VWYVBc39Cia0sqqaeyiIW</title>
<ellipse fill="#bf602e" fill-opacity="0.400000" stroke="#bf602e" stroke-opacity="0.400000" cx="281.4072" cy="-170.6253" rx="10.8604" ry="11"/>
<text text-anchor="middle" x="281.4072" y="-168.8253" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Summary</text>
</g>
<!-- 4Ng6zmj9e8Sw0eaYKQM8Es -->
<g id="node2" class="node">
<title>4Ng6zmj9e8Sw0eaYKQM8Es</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="361.5433" cy="-125.6118" rx="10.9319" ry="11"/>
<text text-anchor="middle" x="361.5433" y="-123.8118" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Hello SDKs &gt; summary copy</text>
</g>
<!-- 5VWYVBc39Cia0sqqaeyiIW&#45;&gt;4Ng6zmj9e8Sw0eaYKQM8Es -->
<g id="edge1" class="edge">
<title>5VWYVBc39Cia0sqqaeyiIW&#45;&gt;4Ng6zmj9e8Sw0eaYKQM8Es</title>
<path fill="none" stroke="#999999" d="M291.2335,-165.1058C303.9703,-157.9513 326.4542,-145.3218 342.5696,-136.2696"/>
<polygon fill="#999999" stroke="#999999" points="344.6321,-139.1255 351.6367,-131.1765 341.2039,-133.0224 344.6321,-139.1255"/>
<text text-anchor="middle" x="305.5622" y="-151.8877" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- Dy6jo5j4goU2C4sc8Kwkk -->
<g id="node3" class="node">
<title>Dy6jo5j4goU2C4sc8Kwkk</title>
<ellipse fill="#bf602e" fill-opacity="0.400000" stroke="#bf602e" stroke-opacity="0.400000" cx="153.1141" cy="-126.0399" rx="11.006" ry="11"/>
<text text-anchor="middle" x="153.1141" y="-124.2399" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Fetch draft content</text>
</g>
<!-- 1wMm7tnKi0kIYsI24eYiKS -->
<g id="node4" class="node">
<title>1wMm7tnKi0kIYsI24eYiKS</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="67.12" cy="-109.6945" rx="10.974" ry="11"/>
<text text-anchor="middle" x="67.12" y="-110.8945" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Fetch draft content &gt; </text>
<text text-anchor="middle" x="67.12" y="-104.8945" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">preview </text>
</g>
<!-- Dy6jo5j4goU2C4sc8Kwkk&#45;&gt;1wMm7tnKi0kIYsI24eYiKS -->
<g id="edge2" class="edge">
<title>Dy6jo5j4goU2C4sc8Kwkk&#45;&gt;1wMm7tnKi0kIYsI24eYiKS</title>
<path fill="none" stroke="#999999" d="M142.2229,-123.9698C128.728,-121.4047 105.4299,-116.9763 88.3527,-113.7303"/>
<polygon fill="#999999" stroke="#999999" points="88.6721,-110.2285 78.1944,-111.7995 87.3649,-117.1053 88.6721,-110.2285"/>
<text text-anchor="middle" x="115.2878" y="-114.0501" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 4Zg99dYM5awic2iwIKo6EW -->
<g id="node5" class="node">
<title>4Zg99dYM5awic2iwIKo6EW</title>
<ellipse fill="#449949" fill-opacity="0.400000" stroke="#449949" stroke-opacity="0.400000" cx="139.0566" cy="-39.6688" rx="10.974" ry="11"/>
<text text-anchor="middle" x="139.0566" y="-40.8688" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Fetch draft content &gt; </text>
<text text-anchor="middle" x="139.0566" y="-34.8688" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">code</text>
</g>
<!-- Dy6jo5j4goU2C4sc8Kwkk&#45;&gt;4Zg99dYM5awic2iwIKo6EW -->
<g id="edge3" class="edge">
<title>Dy6jo5j4goU2C4sc8Kwkk&#45;&gt;4Zg99dYM5awic2iwIKo6EW</title>
<path fill="none" stroke="#999999" d="M151.3337,-115.101C149.1277,-101.5469 145.3191,-78.1467 142.5275,-60.9946"/>
<polygon fill="#999999" stroke="#999999" points="145.928,-60.0996 140.8669,-50.7918 139.0189,-61.2242 145.928,-60.0996"/>
<text text-anchor="middle" x="135.5912" y="-89.2478" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 4ZQtjYftNKaoKWuksM0sS0 -->
<g id="node6" class="node">
<title>4ZQtjYftNKaoKWuksM0sS0</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="92.3923" cy="-64.0217" rx="10.974" ry="11"/>
<text text-anchor="middle" x="92.3923" y="-65.2217" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Fetch draft content &gt; </text>
<text text-anchor="middle" x="92.3923" y="-59.2217" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">footnote</text>
</g>
<!-- Dy6jo5j4goU2C4sc8Kwkk&#45;&gt;4ZQtjYftNKaoKWuksM0sS0 -->
<g id="edge4" class="edge">
<title>Dy6jo5j4goU2C4sc8Kwkk&#45;&gt;4ZQtjYftNKaoKWuksM0sS0</title>
<path fill="none" stroke="#999999" d="M145.1758,-117.9321C135.5768,-108.1282 119.2216,-91.4238 107.2553,-79.202"/>
<polygon fill="#999999" stroke="#999999" points="109.6375,-76.6321 100.1406,-71.9354 104.6357,-81.5294 109.6375,-76.6321"/>
<text text-anchor="middle" x="114.8762" y="-99.7671" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 5mgMoU9aCWE88SIqSIMGYE -->
<g id="node7" class="node">
<title>5mgMoU9aCWE88SIqSIMGYE</title>
<ellipse fill="#bf602e" fill-opacity="0.400000" stroke="#bf602e" stroke-opacity="0.400000" cx="258.1976" cy="-98.1418" rx="11.0038" ry="11"/>
<text text-anchor="middle" x="258.1976" y="-96.3418" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">SDK basics</text>
</g>
<!-- 3Y1JQg9bjqIG6OgA2KAM4A -->
<g id="node8" class="node">
<title>3Y1JQg9bjqIG6OgA2KAM4A</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="338.0097" cy="-78.255" rx="11.0332" ry="11"/>
<text text-anchor="middle" x="338.0097" y="-76.455" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">SDK basics &gt; installation</text>
</g>
<!-- 5mgMoU9aCWE88SIqSIMGYE&#45;&gt;3Y1JQg9bjqIG6OgA2KAM4A -->
<g id="edge5" class="edge">
<title>5mgMoU9aCWE88SIqSIMGYE&#45;&gt;3Y1JQg9bjqIG6OgA2KAM4A</title>
<path fill="none" stroke="#999999" d="M268.9614,-95.4597C281.338,-92.3759 301.9376,-87.2431 317.4224,-83.3847"/>
<polygon fill="#999999" stroke="#999999" points="318.3045,-86.772 327.1616,-80.958 316.612,-79.9797 318.3045,-86.772"/>
<text text-anchor="middle" x="304.5313" y="-90.6222" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 1ph3B44420k2wgG8y2aYcM -->
<g id="node9" class="node">
<title>1ph3B44420k2wgG8y2aYcM</title>
<ellipse fill="#449949" fill-opacity="0.400000" stroke="#449949" stroke-opacity="0.400000" cx="244.137" cy="-11" rx="10.9784" ry="11"/>
<text text-anchor="middle" x="244.137" y="-12.2" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">SDK basics &gt; installation </text>
<text text-anchor="middle" x="244.137" y="-6.2" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">&#45; code</text>
</g>
<!-- 5mgMoU9aCWE88SIqSIMGYE&#45;&gt;1ph3B44420k2wgG8y2aYcM -->
<g id="edge6" class="edge">
<title>5mgMoU9aCWE88SIqSIMGYE&#45;&gt;1ph3B44420k2wgG8y2aYcM</title>
<path fill="none" stroke="#999999" d="M256.4168,-87.1052C254.1982,-73.355 250.359,-49.5614 247.5627,-32.2314"/>
<polygon fill="#999999" stroke="#999999" points="250.9516,-31.2617 245.9033,-21.947 244.041,-32.3768 250.9516,-31.2617"/>
<text text-anchor="middle" x="240.6504" y="-60.8683" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 15Cx6Bu1Y2qAkyq2yWgkK2 -->
<g id="node10" class="node">
<title>15Cx6Bu1Y2qAkyq2yWgkK2</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="326.2825" cy="-39.105" rx="10.9688" ry="11"/>
<text text-anchor="middle" x="326.2825" y="-40.305" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">SDK basics &gt; SDK </text>
<text text-anchor="middle" x="326.2825" y="-34.305" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">initialization</text>
</g>
<!-- 5mgMoU9aCWE88SIqSIMGYE&#45;&gt;15Cx6Bu1Y2qAkyq2yWgkK2 -->
<g id="edge7" class="edge">
<title>5mgMoU9aCWE88SIqSIMGYE&#45;&gt;15Cx6Bu1Y2qAkyq2yWgkK2</title>
<path fill="none" stroke="#999999" d="M266.5461,-90.9027C277.3675,-81.5194 296.4703,-64.9554 310.1622,-53.083"/>
<polygon fill="#999999" stroke="#999999" points="312.6033,-55.5989 317.8657,-46.4033 308.0175,-50.3102 312.6033,-55.5989"/>
<text text-anchor="middle" x="277.0148" y="-73.1929" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 1u8xSIQR4UaoQOc4m6KiiU -->
<g id="node11" class="node">
<title>1u8xSIQR4UaoQOc4m6KiiU</title>
<ellipse fill="#449949" fill-opacity="0.400000" stroke="#449949" stroke-opacity="0.400000" cx="287.7473" cy="-18.2208" rx="10.9688" ry="11"/>
<text text-anchor="middle" x="287.7473" y="-19.4208" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">SDK basics &gt; SDK </text>
<text text-anchor="middle" x="287.7473" y="-13.4208" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">initialization &#45; code</text>
</g>
<!-- 5mgMoU9aCWE88SIqSIMGYE&#45;&gt;1u8xSIQR4UaoQOc4m6KiiU -->
<g id="edge8" class="edge">
<title>5mgMoU9aCWE88SIqSIMGYE&#45;&gt;1u8xSIQR4UaoQOc4m6KiiU</title>
<path fill="none" stroke="#999999" d="M262.0607,-87.6935C266.662,-75.2486 274.4535,-54.1754 280.2515,-38.4942"/>
<polygon fill="#999999" stroke="#999999" points="283.6981,-39.2649 283.8832,-28.6716 277.1325,-36.8373 283.6981,-39.2649"/>
<text text-anchor="middle" x="282.4954" y="-64.2938" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 3k6uoYm9i8MycCm42IsY62 -->
<g id="node12" class="node">
<title>3k6uoYm9i8MycCm42IsY62</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="208.0803" cy="-32.7513" rx="10.9688" ry="11"/>
<text text-anchor="middle" x="208.0803" y="-36.9513" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">SDK basics &gt; SDK </text>
<text text-anchor="middle" x="208.0803" y="-30.9513" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">initialization &#45; API </text>
<text text-anchor="middle" x="208.0803" y="-24.9513" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">token tip</text>
</g>
<!-- 5mgMoU9aCWE88SIqSIMGYE&#45;&gt;3k6uoYm9i8MycCm42IsY62 -->
<g id="edge9" class="edge">
<title>5mgMoU9aCWE88SIqSIMGYE&#45;&gt;3k6uoYm9i8MycCm42IsY62</title>
<path fill="none" stroke="#999999" d="M251.4386,-89.3229C243.7102,-79.2394 230.8759,-62.4937 221.1712,-49.8316"/>
<polygon fill="#999999" stroke="#999999" points="223.915,-47.6579 215.0539,-41.85 218.3591,-51.9161 223.915,-47.6579"/>
<text text-anchor="middle" x="224.9655" y="-70.7773" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 5p9qNpTOJaCE6ykC4a8Wqg -->
<g id="node13" class="node">
<title>5p9qNpTOJaCE6ykC4a8Wqg</title>
<ellipse fill="#bf602e" fill-opacity="0.400000" stroke="#bf602e" stroke-opacity="0.400000" cx="435.185" cy="-348.6461" rx="11.0066" ry="11"/>
<text text-anchor="middle" x="435.185" y="-346.8461" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Content model</text>
</g>
<!-- 4qT1W3HXewc0SscAs80UuA -->
<g id="node14" class="node">
<title>4qT1W3HXewc0SscAs80UuA</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="513.547" cy="-341.3722" rx="10.9133" ry="11"/>
<text text-anchor="middle" x="513.547" y="-339.5722" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Content model &gt; copy</text>
</g>
<!-- 5p9qNpTOJaCE6ykC4a8Wqg&#45;&gt;4qT1W3HXewc0SscAs80UuA -->
<g id="edge10" class="edge">
<title>5p9qNpTOJaCE6ykC4a8Wqg&#45;&gt;4qT1W3HXewc0SscAs80UuA</title>
<path fill="none" stroke="#999999" d="M446.4124,-347.6039C458.2831,-346.5021 477.2969,-344.7371 492.0642,-343.3663"/>
<polygon fill="#999999" stroke="#999999" points="492.7068,-346.8218 502.3405,-342.4124 492.0597,-339.8518 492.7068,-346.8218"/>
<text text-anchor="middle" x="469.2383" y="-340.6851" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 6gFiJvssqQ62CMYqECOu2M -->
<g id="node15" class="node">
<title>6gFiJvssqQ62CMYqECOu2M</title>
<ellipse fill="#d5c2c0" fill-opacity="0.400000" stroke="#d5c2c0" stroke-opacity="0.400000" cx="507.2809" cy="-403.139" rx="11.036" ry="11"/>
<text text-anchor="middle" x="507.2809" y="-401.339" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Content model &gt; image</text>
</g>
<!-- 5p9qNpTOJaCE6ykC4a8Wqg&#45;&gt;6gFiJvssqQ62CMYqECOu2M -->
<g id="edge11" class="edge">
<title>5p9qNpTOJaCE6ykC4a8Wqg&#45;&gt;6gFiJvssqQ62CMYqECOu2M</title>
<path fill="none" stroke="#999999" d="M444.0254,-355.328C455.4843,-363.9891 475.7124,-379.2783 490.2109,-390.2368"/>
<polygon fill="#999999" stroke="#999999" points="488.2802,-393.1648 498.3682,-396.4025 492.5011,-387.5805 488.2802,-393.1648"/>
<text text-anchor="middle" x="455.7788" y="-373.9824" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 3UVMv9wHuw4auWMQ0qSamY -->
<g id="node16" class="node">
<title>3UVMv9wHuw4auWMQ0qSamY</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="504.9237" cy="-291.8798" rx="10.9668" ry="11"/>
<text text-anchor="middle" x="504.9237" y="-293.0798" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Content model &gt; </text>
<text text-anchor="middle" x="504.9237" y="-287.0798" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">validation copy</text>
</g>
<!-- 5p9qNpTOJaCE6ykC4a8Wqg&#45;&gt;3UVMv9wHuw4auWMQ0qSamY -->
<g id="edge12" class="edge">
<title>5p9qNpTOJaCE6ykC4a8Wqg&#45;&gt;3UVMv9wHuw4auWMQ0qSamY</title>
<path fill="none" stroke="#999999" d="M443.7363,-341.6855C454.8206,-332.663 474.3873,-316.736 488.4118,-305.3203"/>
<polygon fill="#999999" stroke="#999999" points="490.7565,-307.9247 496.3025,-298.8974 486.3374,-302.4959 490.7565,-307.9247"/>
<text text-anchor="middle" x="454.7347" y="-324.7029" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 5o1Zu7UJheEGGQUC6gYEmS -->
<g id="node40" class="node">
<title>5o1Zu7UJheEGGQUC6gYEmS</title>
<ellipse fill="#1a1f22" fill-opacity="0.400000" stroke="#1a1f22" stroke-opacity="0.400000" cx="587.4345" cy="-424.4461" rx="11.0555" ry="11"/>
<text text-anchor="middle" x="587.4345" y="-425.6461" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Diagram: Content model of </text>
<text text-anchor="middle" x="587.4345" y="-419.6461" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">&quot;The example app&quot;</text>
</g>
<!-- 6gFiJvssqQ62CMYqECOu2M&#45;&gt;5o1Zu7UJheEGGQUC6gYEmS -->
<g id="edge39" class="edge">
<title>6gFiJvssqQ62CMYqECOu2M&#45;&gt;5o1Zu7UJheEGGQUC6gYEmS</title>
<path fill="none" stroke="#999999" d="M518.0908,-406.0126C530.5897,-409.3352 551.4394,-414.8776 567.0192,-419.0191"/>
<polygon fill="#999999" stroke="#999999" points="566.2323,-422.4314 576.7959,-421.618 568.0307,-415.6664 566.2323,-422.4314"/>
<text text-anchor="middle" x="550.7259" y="-407.7159" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">image</text>
</g>
<!-- 34MlmiuMgU8wKCOOIkAuMy -->
<g id="node17" class="node">
<title>34MlmiuMgU8wKCOOIkAuMy</title>
<ellipse fill="#3c5d51" fill-opacity="0.400000" stroke="#3c5d51" stroke-opacity="0.400000" cx="216.6941" cy="-194.3589" rx="10.8853" ry="11"/>
<text text-anchor="middle" x="216.6941" y="-192.5589" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Hello SDKs</text>
</g>
<!-- 34MlmiuMgU8wKCOOIkAuMy&#45;&gt;5VWYVBc39Cia0sqqaeyiIW -->
<g id="edge18" class="edge">
<title>34MlmiuMgU8wKCOOIkAuMy&#45;&gt;5VWYVBc39Cia0sqqaeyiIW</title>
<path fill="none" stroke="#999999" d="M227.0914,-190.5457C236.2825,-187.1748 249.9495,-182.1624 261.2744,-178.009"/>
<polygon fill="#999999" stroke="#999999" points="262.6374,-181.2372 270.8208,-174.5079 260.2271,-174.6652 262.6374,-181.2372"/>
<text text-anchor="middle" x="254.3548" y="-185.4773" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">lessons</text>
</g>
<!-- 34MlmiuMgU8wKCOOIkAuMy&#45;&gt;Dy6jo5j4goU2C4sc8Kwkk -->
<g id="edge16" class="edge">
<title>34MlmiuMgU8wKCOOIkAuMy&#45;&gt;Dy6jo5j4goU2C4sc8Kwkk</title>
<path fill="none" stroke="#999999" d="M209.151,-186.2535C198.922,-175.2621 180.4471,-155.4102 167.5161,-141.5154"/>
<polygon fill="#999999" stroke="#999999" points="170.0222,-139.0707 160.6474,-134.1347 164.8979,-143.8396 170.0222,-139.0707"/>
<text text-anchor="middle" x="178.1617" y="-165.0844" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">lessons</text>
</g>
<!-- 34MlmiuMgU8wKCOOIkAuMy&#45;&gt;5mgMoU9aCWE88SIqSIMGYE -->
<g id="edge14" class="edge">
<title>34MlmiuMgU8wKCOOIkAuMy&#45;&gt;5mgMoU9aCWE88SIqSIMGYE</title>
<path fill="none" stroke="#999999" d="M221.1357,-184.0619C227.9382,-168.2918 241.0574,-137.8778 249.7208,-117.7935"/>
<polygon fill="#999999" stroke="#999999" points="253.0409,-118.9331 253.7879,-108.3646 246.6133,-116.1605 253.0409,-118.9331"/>
<text text-anchor="middle" x="245.6001" y="-146.1277" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">lessons</text>
</g>
<!-- 6nvWJT1AkM64so8Auue4QQ -->
<g id="node18" class="node">
<title>6nvWJT1AkM64so8Auue4QQ</title>
<ellipse fill="#1a1f22" fill-opacity="0.400000" stroke="#1a1f22" stroke-opacity="0.400000" cx="273.4397" cy="-270.8896" rx="11.0073" ry="11"/>
<text text-anchor="middle" x="273.4397" y="-269.0896" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Contentful hero</text>
</g>
<!-- 34MlmiuMgU8wKCOOIkAuMy&#45;&gt;6nvWJT1AkM64so8Auue4QQ -->
<g id="edge13" class="edge">
<title>34MlmiuMgU8wKCOOIkAuMy&#45;&gt;6nvWJT1AkM64so8Auue4QQ</title>
<path fill="none" stroke="#999999" d="M223.4264,-203.4385C232.5558,-215.751 249.0448,-237.9891 260.5858,-253.554"/>
<polygon fill="#999999" stroke="#999999" points="257.9485,-255.8737 266.7161,-261.8218 263.5715,-251.7044 257.9485,-255.8737"/>
<text text-anchor="middle" x="233.8352" y="-229.6962" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">image</text>
</g>
<!-- 3jkW4CdxPqu8Q2oSgCeOuy -->
<g id="node19" class="node">
<title>3jkW4CdxPqu8Q2oSgCeOuy</title>
<ellipse fill="#bf602e" fill-opacity="0.400000" stroke="#bf602e" stroke-opacity="0.400000" cx="164.5067" cy="-251.931" rx="11.0921" ry="11"/>
<text text-anchor="middle" x="164.5067" y="-250.131" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Fetch all entries</text>
</g>
<!-- 34MlmiuMgU8wKCOOIkAuMy&#45;&gt;3jkW4CdxPqu8Q2oSgCeOuy -->
<g id="edge15" class="edge">
<title>34MlmiuMgU8wKCOOIkAuMy&#45;&gt;3jkW4CdxPqu8Q2oSgCeOuy</title>
<path fill="none" stroke="#999999" d="M208.9937,-202.8538C201.0406,-211.6275 188.4494,-225.5179 178.689,-236.2853"/>
<polygon fill="#999999" stroke="#999999" points="176.0237,-234.0142 171.9008,-243.774 181.2101,-238.7155 176.0237,-234.0142"/>
<text text-anchor="middle" x="183.6695" y="-220.7696" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">lessons</text>
</g>
<!-- 1HR1QvURo4MoSqO0eqmUeO -->
<g id="node20" class="node">
<title>1HR1QvURo4MoSqO0eqmUeO</title>
<ellipse fill="#bf602e" fill-opacity="0.400000" stroke="#bf602e" stroke-opacity="0.400000" cx="123.8086" cy="-203.4771" rx="11.0064" ry="11"/>
<text text-anchor="middle" x="123.8086" y="-201.6771" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Serve localized content</text>
</g>
<!-- 34MlmiuMgU8wKCOOIkAuMy&#45;&gt;1HR1QvURo4MoSqO0eqmUeO -->
<g id="edge17" class="edge">
<title>34MlmiuMgU8wKCOOIkAuMy&#45;&gt;1HR1QvURo4MoSqO0eqmUeO</title>
<path fill="none" stroke="#999999" d="M205.6742,-195.4407C190.7304,-196.9076 163.74,-199.5572 144.8488,-201.4117"/>
<polygon fill="#999999" stroke="#999999" points="144.4244,-197.9364 134.8142,-202.3967 145.1083,-204.9029 144.4244,-197.9364"/>
<text text-anchor="middle" x="165.0896" y="-199.6262" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">lessons</text>
</g>
<!-- 7JhDodrNmwmwGmQqiACW4 -->
<g id="node21" class="node">
<title>7JhDodrNmwmwGmQqiACW4</title>
<ellipse fill="#57d0e3" fill-opacity="0.400000" stroke="#57d0e3" stroke-opacity="0.400000" cx="203.5462" cy="-159.9808" rx="11.0636" ry="11"/>
<text text-anchor="middle" x="203.5462" y="-158.1808" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Application development</text>
</g>
<!-- 34MlmiuMgU8wKCOOIkAuMy&#45;&gt;7JhDodrNmwmwGmQqiACW4 -->
<g id="edge19" class="edge">
<title>34MlmiuMgU8wKCOOIkAuMy&#45;&gt;7JhDodrNmwmwGmQqiACW4</title>
<path fill="none" stroke="#999999" d="M212.6779,-183.8575C212.2191,-182.6579 211.7406,-181.4069 211.2536,-180.1335"/>
<polygon fill="#999999" stroke="#999999" points="214.3792,-178.5078 207.5379,-170.4178 207.841,-181.0083 214.3792,-178.5078"/>
<text text-anchor="middle" x="198.1244" y="-177.1955" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">categories</text>
</g>
<!-- 5WZ7JD9Hb2Myi6uYYSscIw -->
<g id="node36" class="node">
<title>5WZ7JD9Hb2Myi6uYYSscIw</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="117.2838" cy="-320.3305" rx="11.0425" ry="11"/>
<text text-anchor="middle" x="117.2838" y="-321.5305" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Fetch all entries &gt; </text>
<text text-anchor="middle" x="117.2838" y="-315.5305" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">introduction</text>
</g>
<!-- 3jkW4CdxPqu8Q2oSgCeOuy&#45;&gt;5WZ7JD9Hb2Myi6uYYSscIw -->
<g id="edge33" class="edge">
<title>3jkW4CdxPqu8Q2oSgCeOuy&#45;&gt;5WZ7JD9Hb2Myi6uYYSscIw</title>
<path fill="none" stroke="#999999" d="M158.138,-261.1557C150.7742,-271.8217 138.4905,-289.6139 129.3116,-302.909"/>
<polygon fill="#999999" stroke="#999999" points="126.3529,-301.0342 123.5516,-311.252 132.1134,-305.0112 126.3529,-301.0342"/>
<text text-anchor="middle" x="132.3854" y="-283.2323" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 3QJuO2TNxm0OqSgIMaoCwi -->
<g id="node37" class="node">
<title>3QJuO2TNxm0OqSgIMaoCwi</title>
<ellipse fill="#449949" fill-opacity="0.400000" stroke="#449949" stroke-opacity="0.400000" cx="77.9698" cy="-288.3045" rx="11.0355" ry="11"/>
<text text-anchor="middle" x="77.9698" y="-286.5045" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Fetch all entries &gt; code</text>
</g>
<!-- 3jkW4CdxPqu8Q2oSgCeOuy&#45;&gt;3QJuO2TNxm0OqSgIMaoCwi -->
<g id="edge34" class="edge">
<title>3jkW4CdxPqu8Q2oSgCeOuy&#45;&gt;3QJuO2TNxm0OqSgIMaoCwi</title>
<path fill="none" stroke="#999999" d="M154.2399,-256.2464C140.3176,-262.0983 115.1719,-272.6676 97.5719,-280.0653"/>
<polygon fill="#999999" stroke="#999999" points="96.0857,-276.8933 88.2231,-283.9948 98.7981,-283.3464 96.0857,-276.8933"/>
<text text-anchor="middle" x="114.5666" y="-269.3558" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 2tV9n41tryO2QMwIkQUQeQ -->
<g id="node32" class="node">
<title>2tV9n41tryO2QMwIkQUQeQ</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="51.3138" cy="-256.0505" rx="10.9799" ry="11"/>
<text text-anchor="middle" x="51.3138" y="-257.2505" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Serve localized content &gt; </text>
<text text-anchor="middle" x="51.3138" y="-251.2505" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">fetching</text>
</g>
<!-- 1HR1QvURo4MoSqO0eqmUeO&#45;&gt;2tV9n41tryO2QMwIkQUQeQ -->
<g id="edge30" class="edge">
<title>1HR1QvURo4MoSqO0eqmUeO&#45;&gt;2tV9n41tryO2QMwIkQUQeQ</title>
<path fill="none" stroke="#999999" d="M114.6271,-210.1356C103.1422,-218.4644 83.235,-232.9012 68.8035,-243.3669"/>
<polygon fill="#999999" stroke="#999999" points="66.6904,-240.5759 60.6498,-249.2801 70.7999,-246.2426 66.6904,-240.5759"/>
<text text-anchor="middle" x="80.3759" y="-227.9513" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 5u5i90HuEgcOYKacSoMEG6 -->
<g id="node33" class="node">
<title>5u5i90HuEgcOYKacSoMEG6</title>
<ellipse fill="#449949" fill-opacity="0.400000" stroke="#449949" stroke-opacity="0.400000" cx="46.6739" cy="-160.3896" rx="10.9799" ry="11"/>
<text text-anchor="middle" x="46.6739" y="-161.5896" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Serve localized content &gt; </text>
<text text-anchor="middle" x="46.6739" y="-155.5896" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">fetch code</text>
</g>
<!-- 1HR1QvURo4MoSqO0eqmUeO&#45;&gt;5u5i90HuEgcOYKacSoMEG6 -->
<g id="edge31" class="edge">
<title>1HR1QvURo4MoSqO0eqmUeO&#45;&gt;5u5i90HuEgcOYKacSoMEG6</title>
<path fill="none" stroke="#999999" d="M114.0394,-198.0201C101.9348,-191.2584 81.037,-179.5849 65.7191,-171.0283"/>
<polygon fill="#999999" stroke="#999999" points="67.0445,-167.7596 56.6074,-165.9384 63.6308,-173.8708 67.0445,-167.7596"/>
<text text-anchor="middle" x="78.5399" y="-185.7242" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 58B62ubQbmIOiAkmq44kAo -->
<g id="node34" class="node">
<title>58B62ubQbmIOiAkmq44kAo</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="34.437" cy="-209.6296" rx="10.9799" ry="11"/>
<text text-anchor="middle" x="34.437" y="-210.8296" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Serve localized content &gt; </text>
<text text-anchor="middle" x="34.437" y="-204.8296" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">code success</text>
</g>
<!-- 1HR1QvURo4MoSqO0eqmUeO&#45;&gt;58B62ubQbmIOiAkmq44kAo -->
<g id="edge32" class="edge">
<title>1HR1QvURo4MoSqO0eqmUeO&#45;&gt;58B62ubQbmIOiAkmq44kAo</title>
<path fill="none" stroke="#999999" d="M112.4896,-204.2563C98.2533,-205.2364 73.5194,-206.9391 55.7057,-208.1654"/>
<polygon fill="#999999" stroke="#999999" points="55.4001,-204.6781 45.6641,-208.8567 55.8809,-211.6615 55.4001,-204.6781"/>
<text text-anchor="middle" x="78.428" y="-201.4109" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 3KinTi83FecuMeiUo0qGU4 -->
<g id="node22" class="node">
<title>3KinTi83FecuMeiUo0qGU4</title>
<ellipse fill="#bf602e" fill-opacity="0.400000" stroke="#bf602e" stroke-opacity="0.400000" cx="378.8177" cy="-396.4507" rx="10.8604" ry="11"/>
<text text-anchor="middle" x="378.8177" y="-394.6507" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Summary</text>
</g>
<!-- 5jR4ciJ8Y8m2KKqmMKOkg4 -->
<g id="node23" class="node">
<title>5jR4ciJ8Y8m2KKqmMKOkg4</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="439.6727" cy="-462.4458" rx="11.0444" ry="11"/>
<text text-anchor="middle" x="439.6727" y="-460.6458" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Summary &gt; copy</text>
</g>
<!-- 3KinTi83FecuMeiUo0qGU4&#45;&gt;5jR4ciJ8Y8m2KKqmMKOkg4 -->
<g id="edge20" class="edge">
<title>3KinTi83FecuMeiUo0qGU4&#45;&gt;5jR4ciJ8Y8m2KKqmMKOkg4</title>
<path fill="none" stroke="#999999" d="M386.2798,-404.5429C395.952,-415.0322 413.0262,-433.5486 425.2642,-446.8202"/>
<polygon fill="#999999" stroke="#999999" points="422.7976,-449.3083 432.1497,-454.2873 427.9437,-444.563 422.7976,-449.3083"/>
<text text-anchor="middle" x="394.4326" y="-426.8816" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 1zwAjpe38UC8iqKMM6gu0Q -->
<g id="node24" class="node">
<title>1zwAjpe38UC8iqKMM6gu0Q</title>
<ellipse fill="#bf602e" fill-opacity="0.400000" stroke="#bf602e" stroke-opacity="0.400000" cx="265.8708" cy="-408.581" rx="10.9437" ry="11"/>
<text text-anchor="middle" x="265.8708" y="-406.781" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Content management</text>
</g>
<!-- 1AqQQzRvKAkEOekuMUcQIY -->
<g id="node25" class="node">
<title>1AqQQzRvKAkEOekuMUcQIY</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="253.5227" cy="-486.7305" rx="11.0307" ry="11"/>
<text text-anchor="middle" x="253.5227" y="-484.9305" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Content management &gt; copy</text>
</g>
<!-- 1zwAjpe38UC8iqKMM6gu0Q&#45;&gt;1AqQQzRvKAkEOekuMUcQIY -->
<g id="edge21" class="edge">
<title>1zwAjpe38UC8iqKMM6gu0Q&#45;&gt;1AqQQzRvKAkEOekuMUcQIY</title>
<path fill="none" stroke="#999999" d="M264.1538,-419.4473C262.2768,-431.3269 259.2229,-450.6547 256.8687,-465.554"/>
<polygon fill="#999999" stroke="#999999" points="253.4087,-465.0266 255.305,-475.4504 260.3229,-466.1192 253.4087,-465.0266"/>
<text text-anchor="middle" x="249.1719" y="-443.7007" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 5DtGCVHfr2OC2Is6KceS0G -->
<g id="node26" class="node">
<title>5DtGCVHfr2OC2Is6KceS0G</title>
<ellipse fill="#d5c2c0" fill-opacity="0.400000" stroke="#d5c2c0" stroke-opacity="0.400000" cx="196.3394" cy="-471.1161" rx="10.9223" ry="11"/>
<text text-anchor="middle" x="196.3394" y="-472.3161" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Content management &gt; </text>
<text text-anchor="middle" x="196.3394" y="-466.3161" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">image</text>
</g>
<!-- 1zwAjpe38UC8iqKMM6gu0Q&#45;&gt;5DtGCVHfr2OC2Is6KceS0G -->
<g id="edge22" class="edge">
<title>1zwAjpe38UC8iqKMM6gu0Q&#45;&gt;5DtGCVHfr2OC2Is6KceS0G</title>
<path fill="none" stroke="#999999" d="M257.6216,-416.0001C246.4351,-426.061 226.2309,-444.2323 212.0895,-456.9507"/>
<polygon fill="#999999" stroke="#999999" points="209.6726,-454.4171 204.5779,-463.7065 214.3536,-459.6218 209.6726,-454.4171"/>
<text text-anchor="middle" x="223.5162" y="-437.6754" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 4CWJDjGTzaU8CMAW2eYeie -->
<g id="node39" class="node">
<title>4CWJDjGTzaU8CMAW2eYeie</title>
<ellipse fill="#1a1f22" fill-opacity="0.400000" stroke="#1a1f22" stroke-opacity="0.400000" cx="153.1888" cy="-546.1723" rx="10.9483" ry="11"/>
<text text-anchor="middle" x="153.1888" y="-547.3723" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Screenshot: Contentful </text>
<text text-anchor="middle" x="153.1888" y="-541.3723" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">web app</text>
</g>
<!-- 5DtGCVHfr2OC2Is6KceS0G&#45;&gt;4CWJDjGTzaU8CMAW2eYeie -->
<g id="edge38" class="edge">
<title>5DtGCVHfr2OC2Is6KceS0G&#45;&gt;4CWJDjGTzaU8CMAW2eYeie</title>
<path fill="none" stroke="#999999" d="M190.6982,-480.9283C183.8769,-492.7933 172.2545,-513.0094 163.7509,-527.8006"/>
<polygon fill="#999999" stroke="#999999" points="160.6448,-526.181 158.695,-536.5949 166.7134,-529.6699 160.6448,-526.181"/>
<text text-anchor="middle" x="169.0536" y="-505.5645" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">image</text>
</g>
<!-- 1toEOumnkEksWakieoeC6M -->
<g id="node27" class="node">
<title>1toEOumnkEksWakieoeC6M</title>
<ellipse fill="#3c5d51" fill-opacity="0.400000" stroke="#3c5d51" stroke-opacity="0.400000" cx="331.9666" cy="-350.6138" rx="10.9211" ry="11"/>
<text text-anchor="middle" x="331.9666" y="-348.8138" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Hello Contentful</text>
</g>
<!-- 1toEOumnkEksWakieoeC6M&#45;&gt;5p9qNpTOJaCE6ykC4a8Wqg -->
<g id="edge25" class="edge">
<title>1toEOumnkEksWakieoeC6M&#45;&gt;5p9qNpTOJaCE6ykC4a8Wqg</title>
<path fill="none" stroke="#999999" d="M343.0127,-350.4032C359.8419,-350.0824 392.2164,-349.4652 413.7639,-349.0545"/>
<polygon fill="#999999" stroke="#999999" points="413.9739,-352.5512 423.9053,-348.8612 413.8404,-345.5525 413.9739,-352.5512"/>
<text text-anchor="middle" x="368.2165" y="-350.9288" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">lessons</text>
</g>
<!-- 1toEOumnkEksWakieoeC6M&#45;&gt;6nvWJT1AkM64so8Auue4QQ -->
<g id="edge23" class="edge">
<title>1toEOumnkEksWakieoeC6M&#45;&gt;6nvWJT1AkM64so8Auue4QQ</title>
<path fill="none" stroke="#999999" d="M325.2528,-341.4684C315.7272,-328.4928 298.1131,-304.4993 286.0915,-288.1237"/>
<polygon fill="#999999" stroke="#999999" points="288.8143,-285.9181 280.0751,-279.9283 283.1716,-290.0606 288.8143,-285.9181"/>
<text text-anchor="middle" x="297.5013" y="-315.9961" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">image</text>
</g>
<!-- 1toEOumnkEksWakieoeC6M&#45;&gt;3KinTi83FecuMeiUo0qGU4 -->
<g id="edge27" class="edge">
<title>1toEOumnkEksWakieoeC6M&#45;&gt;3KinTi83FecuMeiUo0qGU4</title>
<path fill="none" stroke="#999999" d="M340.1274,-358.598C346.5768,-364.9077 355.7604,-373.8925 363.562,-381.5252"/>
<polygon fill="#999999" stroke="#999999" points="361.1547,-384.0665 370.7504,-388.558 366.05,-379.0629 361.1547,-384.0665"/>
<text text-anchor="middle" x="341.6728" y="-371.2616" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">lessons</text>
</g>
<!-- 1toEOumnkEksWakieoeC6M&#45;&gt;1zwAjpe38UC8iqKMM6gu0Q -->
<g id="edge26" class="edge">
<title>1toEOumnkEksWakieoeC6M&#45;&gt;1zwAjpe38UC8iqKMM6gu0Q</title>
<path fill="none" stroke="#999999" d="M323.5955,-357.9554C313.2232,-367.0521 295.3161,-382.7569 282.1904,-394.2684"/>
<polygon fill="#999999" stroke="#999999" points="279.5931,-391.8909 274.3827,-401.1159 284.2087,-397.1536 279.5931,-391.8909"/>
<text text-anchor="middle" x="292.7211" y="-377.3119" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">lessons</text>
</g>
<!-- 3op5VIqGZiwoe06c8IQIMO -->
<g id="node28" class="node">
<title>3op5VIqGZiwoe06c8IQIMO</title>
<ellipse fill="#bf602e" fill-opacity="0.400000" stroke="#bf602e" stroke-opacity="0.400000" cx="333.8738" cy="-435.381" rx="11" ry="11"/>
<text text-anchor="middle" x="333.8738" y="-433.581" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">APIs</text>
</g>
<!-- 1toEOumnkEksWakieoeC6M&#45;&gt;3op5VIqGZiwoe06c8IQIMO -->
<g id="edge24" class="edge">
<title>1toEOumnkEksWakieoeC6M&#45;&gt;3op5VIqGZiwoe06c8IQIMO</title>
<path fill="none" stroke="#999999" d="M332.2159,-361.6956C332.5129,-374.8951 333.0158,-397.2461 333.39,-413.8783"/>
<polygon fill="#999999" stroke="#999999" points="329.9003,-414.3777 333.6244,-424.2964 336.8985,-414.2202 329.9003,-414.3777"/>
<text text-anchor="middle" x="322.6311" y="-388.987" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">lessons</text>
</g>
<!-- 6ucY5w3oswEU6EYSCEi0C8 -->
<g id="node29" class="node">
<title>6ucY5w3oswEU6EYSCEi0C8</title>
<ellipse fill="#57d0e3" fill-opacity="0.400000" stroke="#57d0e3" stroke-opacity="0.400000" cx="349.578" cy="-312.4875" rx="11.1" ry="11"/>
<text text-anchor="middle" x="349.578" y="-310.6875" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Getting started</text>
</g>
<!-- 1toEOumnkEksWakieoeC6M&#45;&gt;6ucY5w3oswEU6EYSCEi0C8 -->
<g id="edge28" class="edge">
<title>1toEOumnkEksWakieoeC6M&#45;&gt;6ucY5w3oswEU6EYSCEi0C8</title>
<path fill="none" stroke="#999999" d="M336.5938,-340.5966C337.8377,-337.9035 339.2265,-334.8969 340.6204,-331.8794"/>
<polygon fill="#999999" stroke="#999999" points="343.9044,-333.1162 344.9205,-322.5702 337.5496,-330.1808 343.9044,-333.1162"/>
<text text-anchor="middle" x="324.7658" y="-331.438" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">categories</text>
</g>
<!-- 7iCSSldqDuUkG4GWa46uUq -->
<g id="node35" class="node">
<title>7iCSSldqDuUkG4GWa46uUq</title>
<ellipse fill="#d23583" fill-opacity="0.400000" stroke="#d23583" stroke-opacity="0.400000" cx="386.7987" cy="-500.7434" rx="11.0628" ry="11"/>
<text text-anchor="middle" x="386.7987" y="-498.9434" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">APIs &gt; copy</text>
</g>
<!-- 3op5VIqGZiwoe06c8IQIMO&#45;&gt;7iCSSldqDuUkG4GWa46uUq -->
<g id="edge35" class="edge">
<title>3op5VIqGZiwoe06c8IQIMO&#45;&gt;7iCSSldqDuUkG4GWa46uUq</title>
<path fill="none" stroke="#999999" d="M341.0115,-444.1961C349.2645,-454.3885 363.0314,-471.3907 373.3186,-484.0954"/>
<polygon fill="#999999" stroke="#999999" points="370.7611,-486.4987 379.7741,-492.068 376.2013,-482.0937 370.7611,-486.4987"/>
<text text-anchor="middle" x="345.8257" y="-465.3457" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 41fdMtrUzmiqKykUwA8u2A -->
<g id="node38" class="node">
<title>41fdMtrUzmiqKykUwA8u2A</title>
<ellipse fill="#d5c2c0" fill-opacity="0.400000" stroke="#d5c2c0" stroke-opacity="0.400000" cx="319.7737" cy="-524.8911" rx="10.9543" ry="11"/>
<text text-anchor="middle" x="319.7737" y="-523.0911" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">APIs &gt; image</text>
</g>
<!-- 3op5VIqGZiwoe06c8IQIMO&#45;&gt;41fdMtrUzmiqKykUwA8u2A -->
<g id="edge36" class="edge">
<title>3op5VIqGZiwoe06c8IQIMO&#45;&gt;41fdMtrUzmiqKykUwA8u2A</title>
<path fill="none" stroke="#999999" d="M332.1449,-446.3567C329.9038,-460.5834 325.9477,-485.6974 323.1122,-503.698"/>
<polygon fill="#999999" stroke="#999999" points="319.6156,-503.4028 321.5168,-513.8257 326.5303,-504.4921 319.6156,-503.4028"/>
<text text-anchor="middle" x="316.2892" y="-476.2273" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">modules</text>
</g>
<!-- 2uNOpLMJioKeoMq8W44uYc -->
<g id="node30" class="node">
<title>2uNOpLMJioKeoMq8W44uYc</title>
<ellipse fill="#d5d357" fill-opacity="0.400000" stroke="#d5d357" stroke-opacity="0.400000" cx="473.8419" cy="-243.3381" rx="11" ry="11"/>
<text text-anchor="middle" x="473.8419" y="-241.5381" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Home</text>
</g>
<!-- 4B9n4zqG6QCgui8YiUs4Yc -->
<g id="node31" class="node">
<title>4B9n4zqG6QCgui8YiUs4Yc</title>
<ellipse fill="#3749a4" fill-opacity="0.400000" stroke="#3749a4" stroke-opacity="0.400000" cx="396.6543" cy="-294.1172" rx="10.981" ry="11"/>
<text text-anchor="middle" x="396.6543" y="-292.3172" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Home &gt; Highlighted Course</text>
</g>
<!-- 2uNOpLMJioKeoMq8W44uYc&#45;&gt;4B9n4zqG6QCgui8YiUs4Yc -->
<g id="edge29" class="edge">
<title>2uNOpLMJioKeoMq8W44uYc&#45;&gt;4B9n4zqG6QCgui8YiUs4Yc</title>
<path fill="none" stroke="#999999" d="M464.3772,-249.5646C452.109,-257.6354 430.4523,-271.8826 414.9298,-282.0943"/>
<polygon fill="#999999" stroke="#999999" points="412.6271,-279.4197 406.1964,-287.8398 416.4743,-285.2677 412.6271,-279.4197"/>
<text text-anchor="middle" x="418.4733" y="-267.0295" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">contentModules</text>
</g>
<!-- 4B9n4zqG6QCgui8YiUs4Yc&#45;&gt;1toEOumnkEksWakieoeC6M -->
<g id="edge37" class="edge">
<title>4B9n4zqG6QCgui8YiUs4Yc&#45;&gt;1toEOumnkEksWakieoeC6M</title>
<path fill="none" stroke="#999999" d="M388.1975,-301.5032C378.084,-310.336 360.9303,-325.3176 348.2222,-336.4165"/>
<polygon fill="#999999" stroke="#999999" points="345.8614,-333.8314 340.6319,-343.0457 350.4661,-339.1037 345.8614,-333.8314"/>
<text text-anchor="middle" x="377.2143" y="-320.1598" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">course</text>
</g>
<!-- 1PzXR2apawY8iYM4o0AUoi -->
<g id="node41" class="node">
<title>1PzXR2apawY8iYM4o0AUoi</title>
<ellipse fill="#1a1f22" fill-opacity="0.400000" stroke="#1a1f22" stroke-opacity="0.400000" cx="324.1252" cy="-607.8951" rx="10.9515" ry="11"/>
<text text-anchor="middle" x="324.1252" y="-609.0951" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Diagram: JSON delivered </text>
<text text-anchor="middle" x="324.1252" y="-603.0951" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">multi platform</text>
</g>
<!-- 41fdMtrUzmiqKykUwA8u2A&#45;&gt;1PzXR2apawY8iYM4o0AUoi -->
<g id="edge40" class="edge">
<title>41fdMtrUzmiqKykUwA8u2A&#45;&gt;1PzXR2apawY8iYM4o0AUoi</title>
<path fill="none" stroke="#999999" d="M320.3606,-536.0854C321.0392,-549.0288 322.1711,-570.62 323.0169,-586.7538"/>
<polygon fill="#999999" stroke="#999999" points="319.5289,-587.0752 323.5477,-596.8782 326.5193,-586.7086 319.5289,-587.0752"/>
<text text-anchor="middle" x="313.5179" y="-562.6196" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#999999">image</text>
</g>
<!-- 1YK5kwroV6UEGS64mQs0Eo -->
<g id="node42" class="node">
<title>1YK5kwroV6UEGS64mQs0Eo</title>
<ellipse fill="#1a1f22" fill-opacity="0.400000" stroke="#1a1f22" stroke-opacity="0.400000" cx="190.8413" cy="-403" rx="10.9241" ry="11"/>
<text text-anchor="middle" x="190.8413" y="-401.2" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Diagram: Api first</text>
</g>
<!-- 4dgP2U7BeMuk0icguS4qGw -->
<g id="node43" class="node">
<title>4dgP2U7BeMuk0icguS4qGw</title>
<ellipse fill="#1a1f22" fill-opacity="0.400000" stroke="#1a1f22" stroke-opacity="0.400000" cx="496.6777" cy="-151" rx="11.0954" ry="11"/>
<text text-anchor="middle" x="496.6777" y="-149.2" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">contentful&#45;team</text>
</g>
<!-- 3z7ErmBLIccwQkQkuEY0w4 -->
<g id="node44" class="node">
<title>3z7ErmBLIccwQkQkuEY0w4</title>
<ellipse fill="#1a1f22" fill-opacity="0.400000" stroke="#1a1f22" stroke-opacity="0.400000" cx="535.8486" cy="-487" rx="10.948" ry="11"/>
<text text-anchor="middle" x="535.8486" y="-491.2" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Diagram: example app, </text>
<text text-anchor="middle" x="535.8486" y="-485.2" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">contentful, Contentful </text>
<text text-anchor="middle" x="535.8486" y="-479.2" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">web app</text>
</g>
<!-- 1nXjR47jxOagUcc8iU6wUQ -->
<g id="node45" class="node">
<title>1nXjR47jxOagUcc8iU6wUQ</title>
<ellipse fill="#1a1f22" fill-opacity="0.400000" stroke="#1a1f22" stroke-opacity="0.400000" cx="400.6841" cy="-207" rx="11.0555" ry="11"/>
<text text-anchor="middle" x="400.6841" y="-208.2" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Diagram: Content model of </text>
<text text-anchor="middle" x="400.6841" y="-202.2" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">a lesson</text>
</g>
<!-- 6n41KgxfwWmmeCiSemIsK2 -->
<g id="node46" class="node">
<title>6n41KgxfwWmmeCiSemIsK2</title>
<ellipse fill="#1a1f22" fill-opacity="0.400000" stroke="#1a1f22" stroke-opacity="0.400000" cx="477.0186" cy="-67" rx="11.007" ry="11"/>
<text text-anchor="middle" x="477.0186" y="-68.2" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">Screenshot: web app </text>
<text text-anchor="middle" x="477.0186" y="-62.2" font-family="Helvetica,sans-Serif" font-size="6.00" fill="#000000">validations</text>
</g>
</g>
</svg>