2023-01-27 21:57:50 +00:00
|
|
|
<?xml version="1.0" encoding="utf-8"?><svg id="d2-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1597" height="835" viewBox="-102 -102 1597 835"><style type="text/css"><![CDATA[.shape {
|
|
|
|
|
shape-rendering: geometricPrecision;
|
|
|
|
|
stroke-linejoin: round;
|
|
|
|
|
}
|
|
|
|
|
.connection {
|
|
|
|
|
stroke-linecap: round;
|
|
|
|
|
stroke-linejoin: round;
|
|
|
|
|
}
|
|
|
|
|
.blend {
|
|
|
|
|
mix-blend-mode: multiply;
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sketch-overlay-bright {
|
|
|
|
|
fill: url(#streaks-bright);
|
|
|
|
|
mix-blend-mode: darken;
|
|
|
|
|
}
|
|
|
|
|
.sketch-overlay-normal {
|
|
|
|
|
fill: url(#streaks-normal);
|
|
|
|
|
mix-blend-mode: color-burn;
|
|
|
|
|
}
|
|
|
|
|
.sketch-overlay-dark {
|
|
|
|
|
fill: url(#streaks-dark);
|
|
|
|
|
mix-blend-mode: overlay;
|
|
|
|
|
}
|
|
|
|
|
.sketch-overlay-darker {
|
|
|
|
|
fill: url(#streaks-darker);
|
|
|
|
|
mix-blend-mode: lighten;
|
|
|
|
|
}
|
2023-01-28 00:43:24 +00:00
|
|
|
.fill-N1{fill:#cdd6f4;}.fill-N2{fill:#bac2de;}.fill-N3{fill:#a6adc8;}.fill-N4{fill:#585b70;}.fill-N5{fill:#45475a;}.fill-N6{fill:#313244;}.fill-N7{fill:#1e1e2e;}.fill-B1{fill:#cba6f7;}.fill-B2{fill:#cba6f7;}.fill-B3{fill:#6c7086;}.fill-B4{fill:#585b70;}.fill-B5{fill:#45475a;}.fill-B6{fill:#313244;}.fill-AA2{fill:#f38ba8;}.fill-AA4{fill:#45475a;}.fill-AA5{fill:#313244;}.fill-AB4{fill:#45475a;}.fill-AB5{fill:#313244;}.stroke-N1{stroke:#cdd6f4;}.stroke-N2{stroke:#bac2de;}.stroke-N3{stroke:#a6adc8;}.stroke-N4{stroke:#585b70;}.stroke-N5{stroke:#45475a;}.stroke-N6{stroke:#313244;}.stroke-N7{stroke:#1e1e2e;}.stroke-B1{stroke:#cba6f7;}.stroke-B2{stroke:#cba6f7;}.stroke-B3{stroke:#6c7086;}.stroke-B4{stroke:#585b70;}.stroke-B5{stroke:#45475a;}.stroke-B6{stroke:#313244;}.stroke-AA2{stroke:#f38ba8;}.stroke-AA4{stroke:#45475a;}.stroke-AA5{stroke:#313244;}.stroke-AB4{stroke:#45475a;}.stroke-AB5{stroke:#313244;}.background-color-N1{background-color:#cdd6f4;}.background-color-N2{background-color:#bac2de;}.background-color-N3{background-color:#a6adc8;}.background-color-N4{background-color:#585b70;}.background-color-N5{background-color:#45475a;}.background-color-N6{background-color:#313244;}.background-color-N7{background-color:#1e1e2e;}.background-color-B1{background-color:#cba6f7;}.background-color-B2{background-color:#cba6f7;}.background-color-B3{background-color:#6c7086;}.background-color-B4{background-color:#585b70;}.background-color-B5{background-color:#45475a;}.background-color-B6{background-color:#313244;}.background-color-AA2{background-color:#f38ba8;}.background-color-AA4{background-color:#45475a;}.background-color-AA5{background-color:#313244;}.background-color-AB4{background-color:#45475a;}.background-color-AB5{background-color:#313244;}.color-N1{color:#cdd6f4;}.color-N2{color:#bac2de;}.color-N3{color:#a6adc8;}.color-N4{color:#585b70;}.color-N5{color:#45475a;}.color-N6{color:#313244;}.color-N7{color:#1e1e2e;}.color-B1{color:#cba6f7;}.color-B2{color:#cba6f7;}.color-B3{color:#6c7086;}.color-B4{color:#585b70;}.color-B5{color:#45475a;}.color-B6{color:#313244;}.color-AA2{color:#f38ba8;}.color-AA4{color:#45475a;}.color-AA5{color:#313244;}.color-AB4{color:#45475a;}.color-AB5{color:#313244;}text.text{fill:#cdd6f4}.md{--color-fg-default:#cdd6f4;--color-fg-muted:#bac2de;--color-fg-subtle:#a6adc8;--color-canvas-default:#1e1e2e;--color-canvas-subtle:#313244;--color-border-default:#cba6f7;--color-border-muted:#cba6f7;--color-neutral-muted:#313244;--color-accent-fg:#cba6f7;--color-accent-emphasis:#cba6f7;--color-attention-subtle:#bac2de;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}]]></style><script type="application/javascript"><![CDATA[window.addEventListener("DOMContentLoaded", () => {
|
2023-01-27 21:57:50 +00:00
|
|
|
if (document.documentElement.getAttribute("id") !== "d2-svg") {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const svgEl = document.documentElement;
|
|
|
|
|
let width = parseInt(svgEl.getAttribute("width"), 10);
|
|
|
|
|
let height = parseInt(svgEl.getAttribute("height"), 10);
|
|
|
|
|
let ratio;
|
|
|
|
|
if (width > height) {
|
|
|
|
|
if (width > window.innerWidth) {
|
|
|
|
|
ratio = window.innerWidth / width;
|
|
|
|
|
}
|
|
|
|
|
} else if (height > window.innerHeight) {
|
|
|
|
|
ratio = window.innerHeight / height;
|
|
|
|
|
}
|
|
|
|
|
if (ratio) {
|
|
|
|
|
svgEl.setAttribute("width", width * ratio - 16);
|
|
|
|
|
svgEl.setAttribute("height", height * ratio - 16);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
]]></script><style type="text/css"><![CDATA[
|
|
|
|
|
.text-bold {
|
|
|
|
|
font-family: "font-bold";
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: font-bold;
|
|
|
|
|
src: url("data:application/font-woff;base64,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
|
|
|
|
|
}]]></style><rect x="-102.000000" y="-102.000000" width="1597.000000" height="835.000000" class=" fill-N7" /><g id="rectangle"><g class="shape" ><rect x="0.000000" y="0.000000" width="180.000000" height="126.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="90.000000" y="66.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text></g><g id="square"><g class="shape" ><rect x="11.000000" y="226.000000" width="158.000000" height="158.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="90.000000" y="308.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></g><g id="page"><g class="shape" ><path d="M 19.5 495 H 140.1836 C 141.3544 495 142.479 495.4563 143.3189 496.272 L 159.6353 512.12 C 160.5077 512.9674 161 514.1318 161 515.348 V 620.5 C 161 620.7761 160.7761 621 160.5 621 H 19.5 C 19.2239 621 19 620.7761 19 620.5 V 495.5 C 19 495.2239 19.2239 495 19.5 495 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 159.918 621 H 20.082 C 19.4328 621 19 620.5671 19 619.9178 V 496.0822 C 19 495.4329 19.4328 495 20.082 495 H 139.3607 C 140.0099 495 140.4427 495.4329 140.4427 496.0822 V 513.1808 C 140.4427 514.4794 141.3083 515.5616 142.823 515.5616 H 159.918 C 160.5672 515.5616 161 515.9945 161 516.6436 V 619.9178 C 160 620.5671 160.5672 621 159.918 621 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="90.000000" y="561.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text></g><g id="parallelogram"><g class="shape" ><path d="M 266 0 L 452 0 L 426 126 L 240 126 L 240 126 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="346.000000" y="66.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text></g><g id="document"><g class="shape" ><path d="M 253 350.5231 L 253 242 L 440 242 L 440 350.5231 C 408.8333 327.2206 377.6667 327.2206 346.5 350.5231 C 315.3333 373.8256 284.1667 373.8256 253 350.5231 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="346.500000" y="308.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text></g><g id="cylinder"><g class="shape" ><path d="M 261 519 C 261 495 337.5 495 346 495 C 354.5 495 431 495 431 519 V 597 C 431 621 354.5 621 346 621 C 337.5 621 261 621 261 597 V 519 Z" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 261 519 C 261 543 337.5 543 346 543 C 354.5 543 431 543 431 519" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><text x="346.000000" y="573.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text></g><g id="queue"><g class="shape" ><path d="M 536 0 H 641 C 665 0 665 56.7 665 63 C 665 69.3 665 126 641 126 H 536 C 512 126 512 69.3 512 63 C 512 56.7 512 0 536 0 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 641 0 C 617 0 617 56.7 617 63 C 617 69.3 617 126 641 126" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="576.500000" y="66.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text></g><g id="package"><g class="shape" ><path d="M 503 242 L 588.5 242 L 588.5 276 L 674 276 L 674 368 L 503 368 Z" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><text x="588.500000" y="308.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text></g><g id="step"><g class="shape" ><path d="M 519 495 L 624 495 L 659 558 L 624 621 L 519 621 L 554 558 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="589.000000" y="561.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text></g><g id="callout"><g class="shape" ><path d="M 757 0 V 81 H 838 V 126 L 868 81 H 919 V 0 H 757 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="838.000000" y="43.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text></g><g id="stored_data"><g class="shape" ><path d="M 749 242 H 9
|
|
|
|
|
<rect x="-100" y="-100" width="1597" height="835" fill="white"></rect>
|
|
|
|
|
|
|
|
|
|
</mask></svg>
|
