2023-01-14 03:34:27 +00:00
|
|
|
<?xml version="1.0" encoding="utf-8"?>
|
|
|
|
|
<svg
|
|
|
|
|
id="d2-svg"
|
|
|
|
|
style="background: white;"
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
2023-01-24 11:09:40 +00:00
|
|
|
width="600" height="242" viewBox="-90 -90 600 242"><style type="text/css">
|
2023-01-14 03:34:27 +00:00
|
|
|
<![CDATA[
|
|
|
|
|
.shape {
|
|
|
|
|
shape-rendering: geometricPrecision;
|
|
|
|
|
stroke-linejoin: round;
|
|
|
|
|
}
|
|
|
|
|
.connection {
|
|
|
|
|
stroke-linecap: round;
|
|
|
|
|
stroke-linejoin: round;
|
|
|
|
|
}
|
|
|
|
|
.blend {
|
|
|
|
|
mix-blend-mode: multiply;
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
]]>
|
|
|
|
|
</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);
|
|
|
|
|
}
|
|
|
|
|
});
|
2023-01-24 11:09:40 +00:00
|
|
|
]]></script><g id="hello world"><g class="shape" ></g><g transform="translate(12.000000 12.000000)"><rect class="shape" width="121" height="38" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">hello world</text></g></g></g><g id="no trailing"><g class="shape" ></g><g transform="translate(153.000000 12.000000)"><rect class="shape" width="122" height="38" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">no trailing</text></g></g></g><g id="no leading"><g class="shape" ></g><g transform="translate(295.000000 12.000000)"><rect class="shape" width="113" height="38" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">no leading</text></g></g></g><mask id="1520027167" maskUnits="userSpaceOnUse" x="-100" y="-100" width="600" height="242">
|
|
|
|
|
<rect x="-100" y="-100" width="600" height="242" fill="white"></rect>
|
2023-01-14 03:34:27 +00:00
|
|
|
|
|
|
|
|
</mask><style type="text/css"><![CDATA[
|
|
|
|
|
.text-mono {
|
|
|
|
|
font-family: "font-mono";
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: font-mono;
|
|
|
|
|
src: url("data:application/font-woff;base64,AAEAAAAPAIAAAwBwQkFTRWUeXb0AAejUAAAARkRTSUcAAAABAAIdsAAAAAhHREVG8Yj03gAB6RwAAALqR1BPU6UIFdkAAewIAAAUXEdTVUIB/10FAAIAZAAAHUpPUy8yld/X+AAAAXgAAABgY21hcAdzcEIAAA4cAAAzZmdseWYb7v/zAABNyAABUS5oZWFkGanOOgAAAPwAAAA2aGhlYQYzAIgAAAE0AAAAJGhtdHgMtA+PAAAB2AAADEJsb2NhJ2DThAAAQYQAAAxCbWF4cAZUAmEAAAFYAAAAIG5hbWXcnQMfAAGe+AAAEM5wb3N0K4oCyQABr8gAADkMAAEAAAACCboWS6s0Xw889QADA+gAAAAA3B0N9wAAAADcHHNL/z/+OgMZBCQAAAADAAIAAAAAAAAAAQAAA9j+7wAAAlj/P/8/AxkAAQAAAAAAAAAAAAAAAAAAAAEAAQAABiAB+AAqAGUABgABAAAAAAAAAAAAAAAAAAMAAwADAlgBkAAFAAACigJYAAAASwKKAlgAAAFeADIBIwAAAgsFCQMEAwICBCAAAvcCADgDAAAAAAAAAABBREJPAEAAIP//Au7/BgAAA9gBEWAAAZ8AAAAAAeYClAAAACAAAwJYAD4AAAAgAGMAQQBXAHIAhQA1AE8AXwBRAGIAhgBIAFIAMABmADAAZABDACoATwArAAoANgAmAEEAUQBdAFAAPABEAGcASABdAFoANwBqAEoAOgBdADwAXQA8AJIARwBFAE0AMwAIAEAAMQBHACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIP///////wAaAGMAQQBBAEEAQQBBAFcAVwBXAFcADAAUAHIAcgByAHIAcgByAHIAcgBzAHIAcgByAHIAcgByAHIAcgByADUANQA1ADUANQA1ADUANQA1AE8ATwBPABsATwAKAF8AXwBfAF8AXwBfAF8AXwBfAF8AXwBfAFEAYgBiAGIAfACGAIYAhgA3AIYACgCGAEgASABIAFIAUgBSAFIAUgBSAFIAUgAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAkACQAIQBkAGQAZABkAGQAZABkAEMAQwBDAEMAQwBDAEMAQwBOACoAKgAqACoAKgAqAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwArAAoACgAKAAoAJgAmACYAJgAmACYAJgAmAEEAQQBBAEEAQQBBAAwAZQA7AFUAcABEAFkAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAEkAUQBRAFEAUQBRAFEAUQBRABEAEQARABQAXQBQAFAAUABQAFAANgA8ADwAPAA8AEQARABEAEQARABEAEQARABEAEQARABEAEQARABEAEQARABEAEgASABIAEgASABIAEgASP/v//UAXQBdACcAXQAUAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaADcAagBqAGoAagBKAEoASgBKAEoASgBKACMAOgA6ADoAXQBdAF0AXQBdAF0AXQBd/+oAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwANQA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8AAsAkgBmAJIAkgCDAIMAQABHAEcARwBHAEcARwBHAEcAWABnAEUARQBFAEUARQBFAEUATQBNAE0ATQBNAE0ATQBNAE0ATQBNAE0ATQBNAE0ATQBNAE0ATQBNAE0ATQBNADMACAAIAAgACAAxADEAMQAxADEAMQAxADEARwBHAEcARwBHAEcAPABdAF0ANwBd//gAUABeAF0AXQA9AFAAPAA8AD8APABzAEUAFgBbAD4APQA3ADwAPABOADMAPABNAF0AXQBdAFoAVgA4ABwASgBKAEoATwCUACoAKgA6//sAXQBgADwAIQAsAD8APwA/AJIAkgBjAGMARwA4ADgANgBFAAIAMgBNADMACAAxADkARwBHADsAAAAZADAARwBZAEcAUgBUADwAUgA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAOQA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPABjAGMAYwBjAGMAYwBjAGMAYwBjAGMAYwBjAGMAWgBjAFoAYwA4AGMAYwBjAGMAYwBjAGMAYwAt//wAYwBjACAAYwCHACsAcgBBAE8AMABfAGIAKwBIAFIARgAwAE8AZgBLACoAJgAaADYALAAmACQAGAAYABgAXwAYACgAJgAYADkAXQAwAEEAWwB0AF0ASABRAGQAOABUAC8AXABAABsAXQA8AEIATwAsADgANQAiAFoAXQBPACwAJQA5AFsAXQBRAFEAQABPAE8AIgBRAE8AZAA+AFsAkgBEAMUA2wDbAQEA8AEJAPAAiwELAPsA6ADoANwA0QEJAJAAigCQAJQAnwCfAH8AkQCLAJMA5QDkAPYA8ACqAKoAqgCsALYAtgAgAGMAYwCHABYAcgABAD4ATgBOAGYAAgBIAE8AMABPAGYAQQAqAC8AGgA2AE8AQQAoACYAEwA3AGIALgAsAB4AcgByAAUAhwBCAEMAXwBfAFH/+AAnAAUAZgBOAC8ASwAYADAAJgCHADwAAQA+AGYAEwBPAEEAJgAmADYAQQBbAF8AAQAg//8AcgA7AE4AMAAwAC8ALwBRAEsAaACSACoARAAGAD4AZABkAG4AHQBAAF0APABdAF0AUABCADEAIABAAF4AWAA6ADoAIwBGAH0APQAsADcARABEABQAkgBQAEcAWgBaADf/+QA6ABQAbgBkADEAZwApADwARgCiAEgABgA+AG4AIQBdAFAAMwAzAEAAWABdAAYASgBRABEARABFAGQAPAA8ADEAMQA8ADwAVQBjAGMAYwACACoARwBhAEUAOQAnADgATQBGAEQAQwBHAGEARwBhAEUAOQAnADgATgBGAEQAQwBHAGEARwBhAEUAOQAnADgATQBGAEQAQwBHAGEA2wDFANsAxQAgAOMA4wBtAHkA9QCCANEA2QBeAGYA2QBmANQAxQDTAFIAYABVAFUAVQBQAAAAUAAAANsAlwCLAKYAmgCLAHUApgCaAIsAdQCKAHUAmAAAADwAPAA+/2YA0AB6AOEAYgB4AGMAYwEHAGMBBwBUAH8AfwBbAEgAnABdAA4AVwAOAF4AdADhAGIA4QBiALoAYgDiAGIA4QBiAB4AHgBw//sADwAxADEAVwBoAIYAhgCGAFUAjQCvAJIAjgCUAI4AlwCcAJcAkQDsANMA+wD0AI0ArwCSAI4AlACOAJcAnACXAJEA7ADTAPsA9AChANAArQCsAKwArACwALcArwCtAOwA1QD7APQAoQDQAK0ArACsAKwAsAC3AK8ArQDsANUA+wD0AKMAiQCOAKMArAC1AIkAkQDGAJUArwCvAIwAvQDEAEYArwCOAKwAiQDzAKIApACfAIsANACfAIwAkgCRAJEAkQCOAK8AkgCgAIkAiQCtAPsA3gClAD0AOgBVAE0ANQA6AHEAMQBgAE4ALgAqABwAbQAqAFQAPQBgAGwALQA3ADcAKgBFABwAHAAcABsAMAAcABwAHwAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAUwAbAFUAVQBmAFUA1wBVAFUAeABrAFUAVQBVAG8AVQBMAEwAVQBVAGAAVf/8AK8BAQCpAPAAVABMALoBCQCZAD4AKwAmACAARgBPAEYANAAbAHQAGgARACEAHQAhAGAAUQBWAGcAEQAhAB0AIf/0AFUAPABKAD4AVwBJAEkAIQA+AD4APgA+AD4APgAqACoAFf/nAEQAM//n/+f/+gBNAAQACQAJAAUACQAJAB3/uf/g//z/5gAtADz/9P/9AGAAMQEBANEA2QDiAL4AoADKAMoAgACkAOwAkQCRAPkApwDsAKQA+QB/AJQApwCQAL4AxQDqAM0A0gA1AKQAsQDRAOwA6wEJAJ
|
|
|
|
|
}]]></style></svg>
|
