Revision control
Copy as Markdown
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
width="420"
height="110"
<style>
svg .box-style { stroke: black; fill: white }
svg .line-style { stroke: red; fill: none }
svg .text-style { font: 20px arial; fill: black }
svg .fill-style { stroke: none; fill: red }
svg .fn-text-style { font: 14px monospace; fill: black }
svg.dark .box-style { stroke: #f2f2f2; fill: black }
svg.dark .line-style { stroke: red; fill: none }
svg.dark .text-style { font: 20px arial; fill: #f2f2f2 }
svg.dark .fill-style { stroke: none; fill: red }
svg.dark .fn-text-style { font: 14px monospace; fill: #f2f2f2 }
[data-theme="dark"] svg .box-style { stroke: #f2f2f2; fill: black }
[data-theme="dark"] svg .line-style { stroke: red; fill: none }
[data-theme="dark"] svg .text-style { font: 20px arial; fill: #f2f2f2 }
[data-theme="dark"] svg .fill-style { stroke: none; fill: red }
[data-theme="dark"] svg .fn-text-style { font: 14px monospace; fill: #f2f2f2 }
[data-theme="light"] svg .box-style { stroke: black; fill: white }
[data-theme="light"] svg .line-style { stroke: red; fill: none }
[data-theme="light"] svg .text-style { font: 20px arial; fill: black }
[data-theme="light"] svg .fill-style { stroke: none; fill: red }
[data-theme="light"] svg .fn-text-style { font: 14px monospace; fill: black }
</style>
<g transform="translate(10.5, 10.5)">
<path d="m 0,0 h 80 v 60 h -80 z" stroke="black" fill="white"
class="box-style" />
<text x="35" y="36" font-family="arial" font-size="20px"
class="text-style">A</text>
<path d="M 40,60 v 30" stroke="red"
class="line-style" />
<path d="M 40,60 l -5,10 l 10,0 z" stroke="none" fill="red"
class="fill-style" />
</g>
<g transform="translate(90.5, 10.5)">
<path d="m 0,0 h 80 v 60 h -80 z" stroke="black" fill="white"
class="box-style" />
<text x="35" y="36" font-family="arial" font-size="20px"
class="text-style">B</text>
<path d="M 40,60 v 30" stroke="red"
class="line-style" />
<path d="M 40,60 l -5,10 l 10,0 z" stroke="none" fill="red"
class="fill-style" />
</g>
<g transform="translate(170.5, 10.5)">
<path d="m 0,0 h 80 v 60 h -80 z" stroke="black" fill="white"
class="box-style" />
<text x="35" y="36" font-family="arial" font-size="20px"
class="text-style">C</text>
<path d="M 40,60 v 30" stroke="red"
class="line-style" />
<path d="M 40,60 l -5,10 l 10,0 z" stroke="none" fill="red"
class="fill-style" />
</g>
<g transform="translate(250.5, 10.5)">
<path d="m 0,0 h 80 v 60 h -80 z" stroke="black" fill="white"
class="box-style" />
<text x="35" y="36" font-family="arial" font-size="20px"
class="text-style">D</text>
<path d="M 40,60 v 30" stroke="red"
class="line-style" />
<path d="M 40,60 l -5,10 l 10,0 z" stroke="none" fill="red"
class="fill-style" />
</g>
<g transform="translate(330.5, 10.5)">
<path d="m 0,0 h 80 v 60 h -80 z" stroke="black" fill="white"
stroke-dasharray="3,3"
class="box-style" />
<text x="20" y="36" font-family="monospace" font-size="14px"
class="fn-text-style">end()</text>
<path d="M 40,60 v 30" stroke="red"
class="line-style" />
<path d="M 40,60 l -5,10 l 10,0 z" stroke="none" fill="red"
class="fill-style" />
</g>
</svg>