110 lines
12 KiB
XML
110 lines
12 KiB
XML
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.7.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 330 285"><svg class="d2-2624935134 d2-svg" width="330" height="285" viewBox="-101 -118 330 285"><rect x="-101.000000" y="-118.000000" width="330.000000" height="285.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
|
|
.appendix-icon {
|
|
filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
|
|
}
|
|
.d2-2624935134 .text-bold {
|
|
font-family: "d2-2624935134-font-bold";
|
|
}
|
|
@font-face {
|
|
font-family: d2-2624935134-font-bold;
|
|
src: url("data:application/font-woff;base64,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");
|
|
}]]></style><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;
|
|
}
|
|
|
|
.d2-2624935134 .fill-N1{fill:#0A0F25;}
|
|
.d2-2624935134 .fill-N2{fill:#676C7E;}
|
|
.d2-2624935134 .fill-N3{fill:#9499AB;}
|
|
.d2-2624935134 .fill-N4{fill:#CFD2DD;}
|
|
.d2-2624935134 .fill-N5{fill:#DEE1EB;}
|
|
.d2-2624935134 .fill-N6{fill:#EEF1F8;}
|
|
.d2-2624935134 .fill-N7{fill:#FFFFFF;}
|
|
.d2-2624935134 .fill-B1{fill:#0D32B2;}
|
|
.d2-2624935134 .fill-B2{fill:#0D32B2;}
|
|
.d2-2624935134 .fill-B3{fill:#E3E9FD;}
|
|
.d2-2624935134 .fill-B4{fill:#E3E9FD;}
|
|
.d2-2624935134 .fill-B5{fill:#EDF0FD;}
|
|
.d2-2624935134 .fill-B6{fill:#F7F8FE;}
|
|
.d2-2624935134 .fill-AA2{fill:#4A6FF3;}
|
|
.d2-2624935134 .fill-AA4{fill:#EDF0FD;}
|
|
.d2-2624935134 .fill-AA5{fill:#F7F8FE;}
|
|
.d2-2624935134 .fill-AB4{fill:#EDF0FD;}
|
|
.d2-2624935134 .fill-AB5{fill:#F7F8FE;}
|
|
.d2-2624935134 .stroke-N1{stroke:#0A0F25;}
|
|
.d2-2624935134 .stroke-N2{stroke:#676C7E;}
|
|
.d2-2624935134 .stroke-N3{stroke:#9499AB;}
|
|
.d2-2624935134 .stroke-N4{stroke:#CFD2DD;}
|
|
.d2-2624935134 .stroke-N5{stroke:#DEE1EB;}
|
|
.d2-2624935134 .stroke-N6{stroke:#EEF1F8;}
|
|
.d2-2624935134 .stroke-N7{stroke:#FFFFFF;}
|
|
.d2-2624935134 .stroke-B1{stroke:#0D32B2;}
|
|
.d2-2624935134 .stroke-B2{stroke:#0D32B2;}
|
|
.d2-2624935134 .stroke-B3{stroke:#E3E9FD;}
|
|
.d2-2624935134 .stroke-B4{stroke:#E3E9FD;}
|
|
.d2-2624935134 .stroke-B5{stroke:#EDF0FD;}
|
|
.d2-2624935134 .stroke-B6{stroke:#F7F8FE;}
|
|
.d2-2624935134 .stroke-AA2{stroke:#4A6FF3;}
|
|
.d2-2624935134 .stroke-AA4{stroke:#EDF0FD;}
|
|
.d2-2624935134 .stroke-AA5{stroke:#F7F8FE;}
|
|
.d2-2624935134 .stroke-AB4{stroke:#EDF0FD;}
|
|
.d2-2624935134 .stroke-AB5{stroke:#F7F8FE;}
|
|
.d2-2624935134 .background-color-N1{background-color:#0A0F25;}
|
|
.d2-2624935134 .background-color-N2{background-color:#676C7E;}
|
|
.d2-2624935134 .background-color-N3{background-color:#9499AB;}
|
|
.d2-2624935134 .background-color-N4{background-color:#CFD2DD;}
|
|
.d2-2624935134 .background-color-N5{background-color:#DEE1EB;}
|
|
.d2-2624935134 .background-color-N6{background-color:#EEF1F8;}
|
|
.d2-2624935134 .background-color-N7{background-color:#FFFFFF;}
|
|
.d2-2624935134 .background-color-B1{background-color:#0D32B2;}
|
|
.d2-2624935134 .background-color-B2{background-color:#0D32B2;}
|
|
.d2-2624935134 .background-color-B3{background-color:#E3E9FD;}
|
|
.d2-2624935134 .background-color-B4{background-color:#E3E9FD;}
|
|
.d2-2624935134 .background-color-B5{background-color:#EDF0FD;}
|
|
.d2-2624935134 .background-color-B6{background-color:#F7F8FE;}
|
|
.d2-2624935134 .background-color-AA2{background-color:#4A6FF3;}
|
|
.d2-2624935134 .background-color-AA4{background-color:#EDF0FD;}
|
|
.d2-2624935134 .background-color-AA5{background-color:#F7F8FE;}
|
|
.d2-2624935134 .background-color-AB4{background-color:#EDF0FD;}
|
|
.d2-2624935134 .background-color-AB5{background-color:#F7F8FE;}
|
|
.d2-2624935134 .color-N1{color:#0A0F25;}
|
|
.d2-2624935134 .color-N2{color:#676C7E;}
|
|
.d2-2624935134 .color-N3{color:#9499AB;}
|
|
.d2-2624935134 .color-N4{color:#CFD2DD;}
|
|
.d2-2624935134 .color-N5{color:#DEE1EB;}
|
|
.d2-2624935134 .color-N6{color:#EEF1F8;}
|
|
.d2-2624935134 .color-N7{color:#FFFFFF;}
|
|
.d2-2624935134 .color-B1{color:#0D32B2;}
|
|
.d2-2624935134 .color-B2{color:#0D32B2;}
|
|
.d2-2624935134 .color-B3{color:#E3E9FD;}
|
|
.d2-2624935134 .color-B4{color:#E3E9FD;}
|
|
.d2-2624935134 .color-B5{color:#EDF0FD;}
|
|
.d2-2624935134 .color-B6{color:#F7F8FE;}
|
|
.d2-2624935134 .color-AA2{color:#4A6FF3;}
|
|
.d2-2624935134 .color-AA4{color:#EDF0FD;}
|
|
.d2-2624935134 .color-AA5{color:#F7F8FE;}
|
|
.d2-2624935134 .color-AB4{color:#EDF0FD;}
|
|
.d2-2624935134 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2624935134);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2624935134);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2624935134);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2624935134);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2624935134);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2624935134);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2624935134);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2624935134);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://example.com" xlink:href="https://example.com"><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="111.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="55.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">I'm a Mac</text></g></a><g transform="translate(95 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_3440_35088111-d2-2624935134-PA)">
|
|
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
|
|
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M17.609 15.1874C17.2635 14.7255 16.8227 14.3433 16.3165 14.0667C15.8103 13.7902 15.2505 13.6257 14.6752 13.5845C14.0998 13.5433 13.5223 13.6263 12.9819 13.8279C12.4414 14.0295 11.9506 14.345 11.5428 14.753L9.1292 17.1666C8.39644 17.9252 7.99098 18.9414 8.00015 19.9962C8.00931 21.0509 8.43237 22.0598 9.17821 22.8056C9.92405 23.5515 10.933 23.9745 11.9877 23.9837C13.0425 23.9928 14.0586 23.5875 14.8173 22.8547L16.193 21.4788" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_3440_35088111-d2-2624935134-PA">
|
|
<rect width="32" height="32" fill="white"/>
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</g><mask id="d2-2624935134" maskUnits="userSpaceOnUse" x="-101" y="-118" width="330" height="285">
|
|
<rect x="-101" y="-118" width="330" height="285" fill="white"></rect>
|
|
<rect x="20.500000" y="22.500000" width="70" height="21" fill="rgba(0,0,0,0.75)"></rect>
|
|
</mask></svg></svg>
|
