60 lines
188 KiB
XML
60 lines
188 KiB
XML
|
<?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="319" height="556" viewBox="-102 -102 319 556"><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;
|
||
|
|
}
|
||
|
|
.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;}.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", () => {
|
||
|
|
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="319.000000" height="556.000000" class=" fill-N7" /><g id="a"><g class="shape" ><rect x="1.000000" y="0.000000" width="114.000000" height="126.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="58.000000" y="66.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="226.000000" width="115.000000" height="126.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="57.500000" y="292.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="(a -> b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 57.500000 128.000000 C 57.500000 166.000000 57.500000 186.000000 57.500000 222.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#2309477931)" /></g><mask id="2309477931" maskUnits="userSpaceOnUse" x="-100" y="-100" width="319" height="556">
|
||
|
|
<rect x="-100" y="-100" width="319" height="556" fill="white"></rect>
|
||
|
|
|
||
|
|
</mask></svg>
|