fix: use svg insterad of graph directive

Sponsored-by: author

2 files changed, 211 insertions, 51 deletions

diff --git a/blog/2017/11/25/alpha-1.svg b/blog/2017/11/25/alpha-1.svg
new file mode 100644
index 0000000..135f2c6
--- /dev/null
+++ b/blog/2017/11/25/alpha-1.svg
@@ -0,0 +1,210 @@
+<?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.43.0 (0)
+ -->
+<!-- Pages: 1 -->
+<svg width="1086pt" height="548pt"
+ viewBox="0.00 0.00 1085.78 548.00" 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 544)">
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-544 1081.78,-544 1081.78,4 -4,4"/>
+<!-- workspaces -->
+<g id="node1" class="node">
+<title>workspaces</title>
+<ellipse fill="#ffffff" stroke="black" cx="882.79" cy="-306" rx="176.57" ry="18"/>
+<text text-anchor="middle" x="882.79" y="-302.3" font-family="Times,serif" font-size="14.00">Make builds happen in a workspace</text>
+</g>
+<!-- easy_to_try -->
+<g id="node2" class="node">
+<title>easy_to_try</title>
+<ellipse fill="#ffffff" stroke="black" cx="124.79" cy="-450" rx="124.58" ry="18"/>
+<text text-anchor="middle" x="124.79" y="-446.3" font-family="Times,serif" font-size="14.00">Make ick2 be easy to try</text>
+</g>
+<!-- blob_api -->
+<g id="node3" class="node">
+<title>blob_api</title>
+<ellipse fill="#ffffff" stroke="black" cx="527.79" cy="-18" rx="118.08" ry="18"/>
+<text text-anchor="middle" x="527.79" y="-14.3" font-family="Times,serif" font-size="14.00">Define blob service API</text>
+</g>
+<!-- python_steps -->
+<g id="node4" class="node">
+<title>python_steps</title>
+<ellipse fill="#bbbbbb" stroke="black" cx="277.79" cy="-378" rx="151.37" ry="18"/>
+<text text-anchor="middle" x="277.79" y="-374.3" font-family="Times,serif" font-size="14.00">Allow pipeline steps in Python</text>
+</g>
+<!-- params -->
+<g id="node5" class="node">
+<title>params</title>
+<ellipse fill="#bbbbbb" stroke="black" cx="239.79" cy="-162" rx="144.87" ry="18"/>
+<text text-anchor="middle" x="239.79" y="-158.3" font-family="Times,serif" font-size="14.00">Add project, pipeline params</text>
+</g>
+<!-- python_steps&#45;&gt;params -->
+<g id="edge1" class="edge">
+<title>python_steps&#45;&gt;params</title>
+<path fill="none" stroke="black" d="M267.73,-359.95C254.58,-336.55 232.21,-292.74 223.79,-252 219.48,-231.18 224.21,-207.48 229.62,-189.78"/>
+<polygon fill="black" stroke="black" points="233,-190.71 232.82,-180.11 226.35,-188.51 233,-190.71"/>
+</g>
+<!-- named_pipelines -->
+<g id="node9" class="node">
+<title>named_pipelines</title>
+<ellipse fill="#ffffff" stroke="black" cx="239.79" cy="-90" rx="152.97" ry="18"/>
+<text text-anchor="middle" x="239.79" y="-86.3" font-family="Times,serif" font-size="14.00">Make pipelines named, shared</text>
+</g>
+<!-- params&#45;&gt;named_pipelines -->
+<g id="edge5" class="edge">
+<title>params&#45;&gt;named_pipelines</title>
+<path fill="none" stroke="black" d="M239.79,-143.7C239.79,-135.98 239.79,-126.71 239.79,-118.11"/>
+<polygon fill="black" stroke="black" points="243.29,-118.1 239.79,-108.1 236.29,-118.1 243.29,-118.1"/>
+</g>
+<!-- go_public -->
+<g id="node6" class="node">
+<title>go_public</title>
+<ellipse fill="#bbbbbb" stroke="black" cx="427.79" cy="-522" rx="126.18" ry="18"/>
+<text text-anchor="middle" x="427.79" y="-518.3" font-family="Times,serif" font-size="14.00">Announce Ick2 publically</text>
+</g>
+<!-- go_public&#45;&gt;easy_to_try -->
+<g id="edge3" class="edge">
+<title>go_public&#45;&gt;easy_to_try</title>
+<path fill="none" stroke="black" d="M364.64,-506.41C316.02,-495.18 248.75,-479.64 197.82,-467.87"/>
+<polygon fill="black" stroke="black" points="198.39,-464.41 187.86,-465.57 196.81,-471.23 198.39,-464.41"/>
+</g>
+<!-- feature_complete -->
+<g id="node7" class="node">
+<title>feature_complete</title>
+<ellipse fill="#bbbbbb" stroke="black" cx="427.79" cy="-450" rx="160.57" ry="18"/>
+<text text-anchor="middle" x="427.79" y="-446.3" font-family="Times,serif" font-size="14.00">ick2 is ALHA&#45;1 feature complete</text>
+</g>
+<!-- go_public&#45;&gt;feature_complete -->
+<g id="edge2" class="edge">
+<title>go_public&#45;&gt;feature_complete</title>
+<path fill="none" stroke="black" d="M427.79,-503.7C427.79,-495.98 427.79,-486.71 427.79,-478.11"/>
+<polygon fill="black" stroke="black" points="431.29,-478.1 427.79,-468.1 424.29,-478.1 431.29,-478.1"/>
+</g>
+<!-- marketing -->
+<g id="node8" class="node">
+<title>marketing</title>
+<ellipse fill="#ffffff" stroke="black" cx="756.79" cy="-450" rx="150.27" ry="18"/>
+<text text-anchor="middle" x="756.79" y="-446.3" font-family="Times,serif" font-size="14.00">Make website, docs appealing</text>
+</g>
+<!-- go_public&#45;&gt;marketing -->
+<g id="edge4" class="edge">
+<title>go_public&#45;&gt;marketing</title>
+<path fill="none" stroke="black" d="M495.16,-506.67C547.83,-495.46 621.2,-479.85 676.85,-468.01"/>
+<polygon fill="black" stroke="black" points="677.62,-471.42 686.67,-465.92 676.16,-464.58 677.62,-471.42"/>
+</g>
+<!-- feature_complete&#45;&gt;python_steps -->
+<g id="edge11" class="edge">
+<title>feature_complete&#45;&gt;python_steps</title>
+<path fill="none" stroke="black" d="M392.24,-432.41C371.39,-422.68 344.86,-410.3 322.59,-399.91"/>
+<polygon fill="black" stroke="black" points="323.88,-396.65 313.34,-395.59 320.92,-402.99 323.88,-396.65"/>
+</g>
+<!-- containers -->
+<g id="node16" class="node">
+<title>containers</title>
+<ellipse fill="#bbbbbb" stroke="black" cx="577.79" cy="-378" rx="93.68" ry="18"/>
+<text text-anchor="middle" x="577.79" y="-374.3" font-family="Times,serif" font-size="14.00">Build in container</text>
+</g>
+<!-- feature_complete&#45;&gt;containers -->
+<g id="edge10" class="edge">
+<title>feature_complete&#45;&gt;containers</title>
+<path fill="none" stroke="black" d="M463.34,-432.41C484.64,-422.47 511.88,-409.76 534.43,-399.23"/>
+<polygon fill="black" stroke="black" points="536.2,-402.27 543.79,-394.87 533.24,-395.93 536.2,-402.27"/>
+</g>
+<!-- debootstrap_step -->
+<g id="node10" class="node">
+<title>debootstrap_step</title>
+<ellipse fill="#ffffff" stroke="black" cx="934.79" cy="-234" rx="142.97" ry="18"/>
+<text text-anchor="middle" x="934.79" y="-230.3" font-family="Times,serif" font-size="14.00">Add deboostrap built&#45;in step</text>
+</g>
+<!-- systrees -->
+<g id="node11" class="node">
+<title>systrees</title>
+<ellipse fill="#bbbbbb" stroke="black" cx="605.79" cy="-162" rx="137.58" ry="18"/>
+<text text-anchor="middle" x="605.79" y="-158.3" font-family="Times,serif" font-size="14.00">Add systrees resource type</text>
+</g>
+<!-- blob_service -->
+<g id="node12" class="node">
+<title>blob_service</title>
+<ellipse fill="#bbbbbb" stroke="black" cx="527.79" cy="-90" rx="67.69" ry="18"/>
+<text text-anchor="middle" x="527.79" y="-86.3" font-family="Times,serif" font-size="14.00">Blob service</text>
+</g>
+<!-- systrees&#45;&gt;blob_service -->
+<g id="edge6" class="edge">
+<title>systrees&#45;&gt;blob_service</title>
+<path fill="none" stroke="black" d="M586.91,-144.05C576.97,-135.13 564.62,-124.06 553.79,-114.34"/>
+<polygon fill="black" stroke="black" points="556.01,-111.62 546.23,-107.55 551.33,-116.83 556.01,-111.62"/>
+</g>
+<!-- blob_service&#45;&gt;blob_api -->
+<g id="edge17" class="edge">
+<title>blob_service&#45;&gt;blob_api</title>
+<path fill="none" stroke="black" d="M527.79,-71.7C527.79,-63.98 527.79,-54.71 527.79,-46.11"/>
+<polygon fill="black" stroke="black" points="531.29,-46.1 527.79,-36.1 524.29,-46.1 531.29,-46.1"/>
+</g>
+<!-- wm_systrees -->
+<g id="node13" class="node">
+<title>wm_systrees</title>
+<ellipse fill="#bbbbbb" stroke="black" cx="577.79" cy="-306" rx="110.48" ry="18"/>
+<text text-anchor="middle" x="577.79" y="-302.3" font-family="Times,serif" font-size="14.00">W&#45;M sets up systrees</text>
+</g>
+<!-- wm_systrees&#45;&gt;debootstrap_step -->
+<g id="edge9" class="edge">
+<title>wm_systrees&#45;&gt;debootstrap_step</title>
+<path fill="none" stroke="black" d="M645.36,-291.75C703.78,-280.29 788.48,-263.69 851.17,-251.4"/>
+<polygon fill="black" stroke="black" points="851.9,-254.82 861.04,-249.46 850.55,-247.95 851.9,-254.82"/>
+</g>
+<!-- pipeline_systrees -->
+<g id="node14" class="node">
+<title>pipeline_systrees</title>
+<ellipse fill="#bbbbbb" stroke="black" cx="614.79" cy="-234" rx="158.67" ry="18"/>
+<text text-anchor="middle" x="614.79" y="-230.3" font-family="Times,serif" font-size="14.00">Allow pipelines specify systrees</text>
+</g>
+<!-- wm_systrees&#45;&gt;pipeline_systrees -->
+<g id="edge7" class="edge">
+<title>wm_systrees&#45;&gt;pipeline_systrees</title>
+<path fill="none" stroke="black" d="M586.75,-288.05C591,-280.01 596.18,-270.2 600.93,-261.23"/>
+<polygon fill="black" stroke="black" points="604.08,-262.75 605.66,-252.28 597.89,-259.48 604.08,-262.75"/>
+</g>
+<!-- archives -->
+<g id="node15" class="node">
+<title>archives</title>
+<ellipse fill="#bbbbbb" stroke="black" cx="335.79" cy="-234" rx="102.88" ry="18"/>
+<text text-anchor="middle" x="335.79" y="-230.3" font-family="Times,serif" font-size="14.00">Archive workspaces</text>
+</g>
+<!-- wm_systrees&#45;&gt;archives -->
+<g id="edge8" class="edge">
+<title>wm_systrees&#45;&gt;archives</title>
+<path fill="none" stroke="black" d="M526.17,-290.07C488.08,-279.05 436.14,-264.03 396.14,-252.46"/>
+<polygon fill="black" stroke="black" points="397.08,-249.08 386.5,-249.67 395.13,-255.81 397.08,-249.08"/>
+</g>
+<!-- pipeline_systrees&#45;&gt;systrees -->
+<g id="edge16" class="edge">
+<title>pipeline_systrees&#45;&gt;systrees</title>
+<path fill="none" stroke="black" d="M612.56,-215.7C611.57,-207.98 610.38,-198.71 609.27,-190.11"/>
+<polygon fill="black" stroke="black" points="612.73,-189.58 607.99,-180.1 605.79,-190.47 612.73,-189.58"/>
+</g>
+<!-- archives&#45;&gt;params -->
+<g id="edge15" class="edge">
+<title>archives&#45;&gt;params</title>
+<path fill="none" stroke="black" d="M313.04,-216.41C300.55,-207.3 284.87,-195.87 271.23,-185.92"/>
+<polygon fill="black" stroke="black" points="273.19,-183.02 263.04,-179.96 269.06,-188.68 273.19,-183.02"/>
+</g>
+<!-- archives&#45;&gt;blob_service -->
+<g id="edge14" class="edge">
+<title>archives&#45;&gt;blob_service</title>
+<path fill="none" stroke="black" d="M358.19,-216.43C392.68,-190.93 458.83,-142 497.54,-113.37"/>
+<polygon fill="black" stroke="black" points="499.87,-116 505.83,-107.24 495.7,-110.38 499.87,-116"/>
+</g>
+<!-- containers&#45;&gt;workspaces -->
+<g id="edge13" class="edge">
+<title>containers&#45;&gt;workspaces</title>
+<path fill="none" stroke="black" d="M635.52,-363.75C683.38,-352.77 751.87,-337.05 804.64,-324.93"/>
+<polygon fill="black" stroke="black" points="805.68,-328.29 814.64,-322.64 804.11,-321.47 805.68,-328.29"/>
+</g>
+<!-- containers&#45;&gt;wm_systrees -->
+<g id="edge12" class="edge">
+<title>containers&#45;&gt;wm_systrees</title>
+<path fill="none" stroke="black" d="M577.79,-359.7C577.79,-351.98 577.79,-342.71 577.79,-334.11"/>
+<polygon fill="black" stroke="black" points="581.29,-334.1 577.79,-324.1 574.29,-334.1 581.29,-334.1"/>
+</g>
+</g>
+</svg>
diff --git a/blog/2017/11/25/planning_for_alpha-1.mdwn b/blog/2017/11/25/planning_for_alpha-1.mdwn
index 41117aa..bcdd6fa 100644
--- a/blog/2017/11/25/planning_for_alpha-1.mdwn
+++ b/blog/2017/11/25/planning_for_alpha-1.mdwn
@@ -5,54 +5,4 @@
 Here is a very rough, and probably wrong, plan for getting to ALPHA-1.
 White is ready to be done, grey is blocked, green is done.
 
-[[!graph src="""
-workspaces [label="Make builds happen in a workspace"]
-workspaces [style=filled fillcolor="#ffffff"]
-easy_to_try [label="Make ick2 be easy to try"]
-easy_to_try [style=filled fillcolor="#ffffff"]
-blob_api [label="Define blob service API"]
-blob_api [style=filled fillcolor="#ffffff"]
-python_steps [label="Allow pipeline steps in Python"]
-python_steps [style=filled fillcolor="#bbbbbb"]
-python_steps -> params
-go_public [label="Announce Ick2 publically"]
-go_public [style=filled fillcolor="#bbbbbb"]
-go_public -> feature_complete
-go_public -> easy_to_try
-go_public -> marketing
-marketing [label="Make website, docs appealing"]
-marketing [style=filled fillcolor="#ffffff"]
-params [label="Add project, pipeline params"]
-params [style=filled fillcolor="#bbbbbb"]
-params -> named_pipelines
-debootstrap_step [label="Add deboostrap built-in step"]
-debootstrap_step [style=filled fillcolor="#ffffff"]
-systrees [label="Add systrees resource type"]
-systrees [style=filled fillcolor="#bbbbbb"]
-systrees -> blob_service
-wm_systrees [label="W-M sets up systrees"]
-wm_systrees [style=filled fillcolor="#bbbbbb"]
-wm_systrees -> pipeline_systrees
-wm_systrees -> archives
-wm_systrees -> debootstrap_step
-feature_complete [label="ick2 is ALHA-1 feature complete"]
-feature_complete [style=filled fillcolor="#bbbbbb"]
-feature_complete -> containers
-feature_complete -> python_steps
-containers [label="Build in container"]
-containers [style=filled fillcolor="#bbbbbb"]
-containers -> wm_systrees
-containers -> workspaces
-archives [label="Archive workspaces"]
-archives [style=filled fillcolor="#bbbbbb"]
-archives -> blob_service
-archives -> params
-pipeline_systrees [label="Allow pipelines specify systrees"]
-pipeline_systrees [style=filled fillcolor="#bbbbbb"]
-pipeline_systrees -> systrees
-blob_service [label="Blob service"]
-blob_service [style=filled fillcolor="#bbbbbb"]
-blob_service -> blob_api
-named_pipelines [label="Make pipelines named, shared"]
-named_pipelines [style=filled fillcolor="#ffffff"]
-"""]]
+[[!img alpha-1.svg]]