nus-mtp/sashimi-note

<h2 id="uml-diagrams">UML Diagrams</h2>
<h3 id="these-shows-code-block">These shows code block</h3>
<pre class="sequence"><code class="hljs">Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob>Alice: I am good thanks!
Note left of Alice: Alice responds
Alice->Bob: Where have you been?
</code></pre><pre class="flow"><code class="hljs">st>start: Start
e=>end: End
op=>operation: My Operation
op2=>operation: lalala
cond=>condition: Yes or No?

st->op->op2->cond
cond(yes)->e
cond(no)->op2
</code></pre><pre class="graphviz"><code class="hljs">graph { 
        a - b; 
        b -- c; 
        a -- c; 
        d -- c; 
        e -- c; 
        e -- a; 
    } 
</code></pre><pre class="mermaid"><code class="hljs">gantt
    title A Gantt Diagram

    section Section
    A task           a1, 2014-01-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2014-01-12  , 12d
    anther task      : 24d
</code></pre><h3 id="these-render-correctly">These render correctly</h3>
<pre class="sequence"><svg width="490px" height="203.203125px" class="sequence simple"><desc></desc><defs><marker viewBox="0 0 5 5" markerWidth="5" markerHeight="5" orient="auto" refX="5" refY="2.5" id="markerArrowBlock"><path d="M 0 0 L 5 2.5 L 0 5 z"></path></marker><marker viewBox="0 0 9.6 16" markerWidth="4" markerHeight="16" orient="auto" refX="9.6" refY="8" id="markerArrowOpen"><path d="M 9.6,8 1.92,16 0,13.7 5.76,8 0,2.286 1.92,0 9.6,8 z"></path></marker></defs><g class="title"></g><g class="actor"><rect x="10" y="20" width="30" height="38" stroke="#000000" fill="#ffffff" style="stroke-width: 2px;"></rect><text x="20" y="44" style="font-size: 16px; font-family: 'Andale Mono', monospace;"><tspan x="20">C</tspan></text></g><g class="actor"><rect x="10" y="145.203125" width="30" height="38" stroke="#000000" fill="#ffffff" style="stroke-width: 2px;"></rect><text x="20" y="169.203125" style="font-size: 16px; font-family: 'Andale Mono', monospace;"><tspan x="20">C</tspan></text></g><line x1="25" x2="25" y1="58" y2="145.203125" stroke="#000000" fill="none" style="stroke-width: 2px;"></line><g class="actor"><rect x="60" y="20" width="30" height="38" stroke="#000000" fill="#ffffff" style="stroke-width: 2px;"></rect><text x="70" y="44" style="font-size: 16px; font-family: 'Andale Mono', monospace;"><tspan x="70">B</tspan></text></g><g class="actor"><rect x="60" y="145.203125" width="30" height="38" stroke="#000000" fill="#ffffff" style="stroke-width: 2px;"></rect><text x="70" y="169.203125" style="font-size: 16px; font-family: 'Andale Mono', monospace;"><tspan x="70">B</tspan></text></g><line x1="75" x2="75" y1="58" y2="145.203125" stroke="#000000" fill="none" style="stroke-width: 2px;"></line><g class="actor"><rect x="110" y="20" width="30" height="38" stroke="#000000" fill="#ffffff" style="stroke-width: 2px;"></rect><text x="120" y="44" style="font-size: 16px; font-family: 'Andale Mono', monospace;"><tspan x="120">A</tspan></text></g><g class="actor"><rect x="110" y="145.203125" width="30" height="38" stroke="#000000" fill="#ffffff" style="stroke-width: 2px;"></rect><text x="120" y="169.203125" style="font-size: 16px; font-family: 'Andale Mono', monospace;"><tspan x="120">A</tspan></text></g><line x1="125" x2="125" y1="58" y2="145.203125" stroke="#000000" fill="none" style="stroke-width: 2px;"></line><g class="note"><rect x="145" y="78" width="280" height="47.203125" stroke="#000000" fill="#ffffff" style="stroke-width: 2px;"></rect><text x="150" y="97" style="font-size: 16px; font-family: 'Andale Mono', monospace;"><tspan x="150">By listing the participants</tspan><tspan dy="1.2em" x="150">you can change their order</tspan></text></g></svg></pre><pre class="flow"><svg height="425.4375" version="1.1" width="813.25" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 813.25 425.4375" preserveAspectRatio="xMidYMid meet" style="overflow: hidden; position: relative; top: -0.0625px;"><desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Raphaël 2.2.0</desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objh6vml" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-obj6ab8j" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-obj38ja1" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objvvqh6" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objhjax6" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objx9h4j" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objsvkuj" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objz8ez2" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objr760z" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objr760z" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objr760z" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objz8ez2" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objsvkuj" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objx9h4j" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objhjax6" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objvvqh6" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-obj38ja1" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-obj6ab8j" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><marker id="raphael-marker-endblock33-objh6vml" markerHeight="3" markerWidth="3" orient="auto" refX="1.5" refY="1.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><use xlink:href="#raphael-marker-block" transform="rotate(180 1.5 1.5) scale(0.6,0.6)" stroke-width="1.6667" fill="black" stroke="none" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></use></marker></defs><a xlink:href="http://www.google.com" xlink:show="new" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><rect x="0" y="0" width="50" height="36" rx="20" ry="20" fill="#ffffff" stroke="#000000" stroke-width="3" class="flowchart" id="st" transform="matrix(1,0,0,1,68.5,27.6094)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect></a><a xlink:href="http://www.google.com" xlink:show="new" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><text x="10" y="18" text-anchor="start" font-family="'Arial'" font-size="14px" stroke="none" fill="#000000" id="stt" class="flowchartt" transform="matrix(1,0,0,1,68.5,27.6094)" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Start</tspan></text></a><rect x="0" y="0" width="105" height="36" rx="0" ry="0" fill="#ffffff" stroke="#000000" stroke-width="3" class="flowchart" id="op1" transform="matrix(1,0,0,1,41,141.2188)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><text x="10" y="18" text-anchor="start" font-family="'Arial'" font-size="14px" stroke="none" fill="#000000" id="op1t" class="flowchartt" transform="matrix(1,0,0,1,41,141.2188)" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">My Operation</tspan></text><a xlink:href="http://www.google.com" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><path fill="#ffffff" stroke="#000000" d="M27,19.8046875L0,39.609375L54,79.21875L108,39.609375L54,0L0,39.609375" stroke-width="3" id="cond" class="flowchart" transform="matrix(1,0,0,1,235.5,119.6094)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path></a><a xlink:href="http://www.google.com" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><text x="32" y="39.609375" text-anchor="start" font-family="'Arial'" font-size="14px" stroke="none" fill="#000000" id="condt" class="flowchartt" transform="matrix(1,0,0,1,235.5,119.6094)" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="-3.40625" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Yes</tspan><tspan dy="16.8" x="32" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">or No?</tspan></text></a><path fill="#ffffff" stroke="#000000" d="M36,18L0,36L72,72L144,36L72,0L0,36" stroke-width="3" id="c2" class="flowchart" transform="matrix(1,0,0,1,415,123.2188)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="41" y="36" text-anchor="start" font-family="'Arial'" font-size="14px" stroke="none" fill="#000000" id="c2t" class="flowchartt" transform="matrix(1,0,0,1,415,123.2188)" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Good idea</tspan></text><path fill="#ffffff" stroke="#000000" d="M10,18L0,36L155,36L175,0L20,0L10,18" stroke-width="3" id="io" class="flowchart" transform="matrix(1,0,0,1,399.5,272.8281)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="30" y="18" text-anchor="start" font-family="'Arial'" font-size="14px" stroke="none" fill="#000000" id="iot" class="flowchartt" transform="matrix(1,0,0,1,399.5,272.8281)" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">catch something...</tspan></text><a xlink:href="http://www.google.com" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><rect x="0" y="0" width="45" height="36" rx="20" ry="20" fill="#ffffff" stroke="#000000" stroke-width="3" class="flowchart" id="e" transform="matrix(1,0,0,1,464.5,386.4375)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect></a><a xlink:href="http://www.google.com" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><text x="10" y="18" text-anchor="start" font-family="'Arial'" font-size="14px" stroke="none" fill="#000000" id="et" class="flowchartt" transform="matrix(1,0,0,1,464.5,386.4375)" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">End</tspan></text></a><rect x="0" y="0" width="49" height="36" rx="0" ry="0" fill="#ffffff" stroke="#000000" stroke-width="3" class="flowchart" id="op2" transform="matrix(1,0,0,1,678,141.2188)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><text x="10" y="18" text-anchor="start" font-family="'Arial'" font-size="14px" stroke="none" fill="#000000" id="op2t" class="flowchartt" transform="matrix(1,0,0,1,678,141.2188)" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Stuff</tspan></text><rect x="0" y="0" width="131" height="36" rx="0" ry="0" fill="#ffffff" stroke="#000000" stroke-width="3" class="flowchart" id="sub1" transform="matrix(1,0,0,1,224,276.4375)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><rect x="10" y="0" width="111" height="36" rx="0" ry="0" fill="#ffffff" stroke="#000000" stroke-width="3" id="sub1i" transform="matrix(1,0,0,1,224,276.4375)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></rect><text x="20" y="18" text-anchor="start" font-family="'Arial'" font-size="14px" stroke="none" fill="#000000" id="sub1t" class="flowchartt" transform="matrix(1,0,0,1,224,276.4375)" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">My Subroutine</tspan></text><path fill="none" stroke="#000000" d="M93.5,63.609375C93.5,63.609375,93.5,120.14694494009018,93.5,136.71068613347597" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objh6vml)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><path fill="none" stroke="#000000" d="M146,159.21875C146,159.21875,212.85127019882202,159.21875,231.00034550670534,159.21875" stroke-width="3" marker-end="url(#raphael-marker-endblock33-obj6ab8j)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><path fill="none" stroke="#000000" d="M343.5,159.21875C343.5,159.21875,394.81509006023407,159.21875,410.5002689555986,159.21875" stroke-width="3" marker-end="url(#raphael-marker-endblock33-obj38ja1)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="348.5" y="149.21875" text-anchor="start" font-family="'Arial'" font-size="14px" stroke="none" fill="#000000" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">yes</tspan></text><path fill="none" stroke="#000000" d="M289.5,198.828125C289.5,198.828125,289.5,255.36569494009018,289.5,271.929436133476" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objvvqh6)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="294.5" y="208.828125" text-anchor="start" font-family="'Arial'" font-size="14px" stroke="none" fill="#000000" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">no</tspan></text><path fill="none" stroke="#000000" d="M487,195.21875C487,195.21875,487,251.75631994009018,487,268.320061133476" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objhjax6)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="492" y="205.21875" text-anchor="start" font-family="'Arial'" font-size="14px" stroke="none" fill="#000000" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">yes</tspan></text><path fill="none" stroke="#000000" d="M559,159.21875C559,159.21875,651.7948946356773,159.21875,673.4983880587679,159.21875" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objx9h4j)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="564" y="149.21875" text-anchor="start" font-family="'Arial'" font-size="14px" stroke="none" fill="#000000" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: start; font-family: Arial; font-size: 14px;"><tspan dy="5" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">no</tspan></text><path fill="none" stroke="#000000" d="M487,308.828125C487,308.828125,487,365.3656949400902,487,381.929436133476" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objsvkuj)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><path fill="none" stroke="#000000" d="M702.5,177.21875C702.5,177.21875,702.5,361.4375,702.5,361.4375C702.5,361.4375,487,361.4375,487,361.4375C487,361.4375,487,374.7414712905884,487,381.9391276333481" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objz8ez2)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><path fill="none" stroke="#000000" d="M224,294.4375C224,294.4375,158.75,294.4375,158.75,294.4375C158.75,294.4375,158.75,165.21875,158.75,165.21875C158.75,165.21875,170.75,159.21875,158.75,153.21875C158.75,153.21875,158.75,116.21875,158.75,116.21875C158.75,116.21875,93.5,116.21875,93.5,116.21875C93.5,116.21875,93.5,129.52272129058838,93.5,136.7203776333481" stroke-width="3" marker-end="url(#raphael-marker-endblock33-objr760z)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path></svg></pre><pre class="graphviz"><!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->

<!-- Generated by graphviz version 2.40.1 (20161225.0304)
 -->
<!-- Title: %0 Pages: 1 -->
<svg width="89pt" height="260pt" viewBox="0.00 0.00 89.00 260.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 256)">
<title>%0</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-256 85,-256 85,4 -4,4"></polygon>
<!-- a -->
<g id="node1" class="node">
<title>a</title>
<ellipse fill="none" stroke="#000000" cx="54" cy="-234" rx="27" ry="18"></ellipse>
<text text-anchor="middle" x="54" y="-229.8" font-family="Times,serif" font-size="14.00" fill="#000000">a</text>
</g>
<!-- b -->
<g id="node2" class="node">
<title>b</title>
<ellipse fill="none" stroke="#000000" cx="27" cy="-162" rx="27" ry="18"></ellipse>
<text text-anchor="middle" x="27" y="-157.8" font-family="Times,serif" font-size="14.00" fill="#000000">b</text>
</g>
<!-- a->b -->
<g id="edge1" class="edge">
<title>a->b</title>
<path fill="none" stroke="#000000" d="M47.3258,-216.2022C44.2524,-208.0064 40.5384,-198.1024 37.1305,-189.0145"></path>
<polygon fill="#000000" stroke="#000000" points="40.3858,-187.7274 33.5974,-179.593 33.8315,-190.1853 40.3858,-187.7274"></polygon>
</g>
<!-- c -->
<g id="node3" class="node">
<title>c</title>
<ellipse fill="none" stroke="#000000" cx="27" cy="-90" rx="27" ry="18"></ellipse>
<text text-anchor="middle" x="27" y="-85.8" font-family="Times,serif" font-size="14.00" fill="#000000">c</text>
</g>
<!-- b->c -->
<g id="edge2" class="edge">
<title>b->c</title>
<path fill="none" stroke="#000000" d="M27,-143.8314C27,-136.131 27,-126.9743 27,-118.4166"></path>
<polygon fill="#000000" stroke="#000000" points="30.5001,-118.4132 27,-108.4133 23.5001,-118.4133 30.5001,-118.4132"></polygon>
</g>
<!-- d -->
<g id="node4" class="node">
<title>d</title>
<ellipse fill="none" stroke="#000000" cx="54" cy="-18" rx="27" ry="18"></ellipse>
<text text-anchor="middle" x="54" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">d</text>
</g>
<!-- c->d -->
<g id="edge3" class="edge">
<title>c->d</title>
<path fill="none" stroke="#000000" d="M33.6742,-72.2022C36.7476,-64.0064 40.4616,-54.1024 43.8695,-45.0145"></path>
<polygon fill="#000000" stroke="#000000" points="47.1685,-46.1853 47.4026,-35.593 40.6142,-43.7274 47.1685,-46.1853"></polygon>
</g>
<!-- d->a -->
<g id="edge4" class="edge">
<title>d->a</title>
<path fill="none" stroke="#000000" d="M57.7474,-35.9069C59.7466,-46.3759 61.9966,-59.8759 63,-72 66.9591,-119.8364 66.9591,-132.1636 63,-180 62.2945,-188.5247 60.9727,-197.7297 59.5551,-206.083"></path>
<polygon fill="#000000" stroke="#000000" points="56.0803,-205.6302 57.7474,-216.0931 62.9689,-206.8742 56.0803,-205.6302"></polygon>
</g>
</g>
</svg>
</pre><pre class="mermaid"><svg id="mermaidChart1" xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 0 569.8000030517578 216" style="max-width:569.8000030517578px;"><style type="text/css" title="mermaid-svg-internal-css">/*  */
#mermaidChart1 .node>rect { ; }
#mermaidChart1 .node text  { fill:#000; stroke:none; font-weight:300; font-family:"Helvetica Neue",Helvetica,Arial,sans-serf; font-size:14px; }
#mermaidChart1 .edgeLabel text  { fill:#000; stroke:none; font-weight:300; font-family:"Helvetica Neue",Helvetica,Arial,sans-serf; font-size:14px; }
#mermaidChart1 .cluster rect  { rx:4px; fill: rgb(255, 255, 222); rx: 4px; stroke: rgb(170, 170, 51); stroke-width: 1px; }
/*  */
</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g class="edgePath" style="opacity: 1;"><path class="path" d="M125.8252427184466,84.5L198,53L280.5,53" marker-end="url(#arrowhead15)" style="fill:none"></path><defs><marker id="arrowhead15" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M125.8252427184466,124.5L198,156L256,156" marker-end="url(#arrowhead16)" style="fill:none"></path><defs><marker id="arrowhead16" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M346.5,53L396,53L442.9025968278855,83.59740164623565" marker-end="url(#arrowhead17)" style="fill:none"></path><defs><marker id="arrowhead17" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M371,156L396,156L442.90259867898976,126.40259715311103" marker-end="url(#arrowhead18)" style="fill:none"></path><defs><marker id="arrowhead18" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" style="opacity: 1;" transform="translate(198,53)"><g transform="translate(-33,-10)" class="label"><foreignObject width="66" height="20"><div style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">Link text</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform=""><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform=""><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform=""><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node" style="opacity: 1;" id="A" transform="translate(80,104.5)"><rect rx="0" ry="0" x="-60" y="-20" width="120" height="40"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-50,-10)"><foreignObject width="100" height="20"><div style="display: inline-block; white-space: nowrap;">Square Rect</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="B" transform="translate(313.5,53)"><circle x="-33" y="-20" r="33"></circle><g class="label" transform="translate(0,0)"><g transform="translate(-23,-10)"><foreignObject width="46" height="20"><div style="display: inline-block; white-space: nowrap;">Circle</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="C" transform="translate(313.5,156)"><rect rx="5" ry="5" x="-57.5" y="-20" width="115" height="40"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-47.5,-10)"><foreignObject width="95" height="20"><div style="display: inline-block; white-space: nowrap;">Round Rect</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="D" transform="translate(475.4000015258789,104.5)"><polygon points="54.400000000000006,0 108.80000000000001,-54.400000000000006 54.400000000000006,-108.80000000000001 0,-54.400000000000006" rx="5" ry="5" transform="translate(-54.400000000000006,54.400000000000006)"></polygon><g class="label" transform="translate(0,0)"><g transform="translate(-38,-10)"><foreignObject width="76" height="20"><div style="display: inline-block; white-space: nowrap;">Rhombus</div></foreignObject></g></g></g></g></g></g></svg></pre>