Revision control
Copy as Markdown
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
width="165"
height="230"
<style>
svg .box-style { stroke: black; fill: white }
svg .highlighted-style { stroke: black; fill: #c0ffc0 }
svg .fill-style { stroke: none; fill: black }
svg .line-style { stroke: black; fill: none }
svg .text-style { font: 20px arial; fill: black }
svg .high-text-style { font: 20px arial; fill: black }
svg .faded-text-style { font: 20px arial; fill: #808080 }
svg.dark .box-style { stroke: #f2f2f2; fill: black }
svg.dark .highlighted-style { stroke: #f2f2f2; fill: #c0ffc0 }
svg.dark .fill-style { stroke: none; fill: #f2f2f2 }
svg.dark .line-style { stroke: #f2f2f2; fill: none }
svg.dark .text-style { font: 20px arial; fill: #f2f2f2 }
svg.dark .high-text-style { font: 20px arial; fill: black }
svg.dark .faded-text-style { font: 20px arial; fill: #808080 }
[data-theme="dark"] svg .box-style { stroke: #f2f2f2; fill: black }
[data-theme="dark"] svg .highlighted-style { stroke: #f2f2f2; fill: #c0ffc0 }
[data-theme="dark"] svg .fill-style { stroke: none; fill: #f2f2f2 }
[data-theme="dark"] svg .line-style { stroke: #f2f2f2; fill: none }
[data-theme="dark"] svg .text-style { font: 20px arial; fill: #f2f2f2 }
[data-theme="dark"] svg .high-text-style { font: 20px arial; fill: black }
[data-theme="dark"] svg .faded-text-style { font: 20px arial; fill: #808080 }
[data-theme="light"] svg .box-style { stroke: black; fill: white }
[data-theme="light"] svg .highlighted-style { stroke: black; fill: #c0ffc0 }
[data-theme="light"] svg .fill-style { stroke: none; fill: black }
[data-theme="light"] svg .line-style { stroke: black; fill: none }
[data-theme="light"] svg .text-style { font: 20px arial; fill: black }
[data-theme="light"] svg .high-text-style { font: 20px arial; fill: black }
[data-theme="light"] svg .faded-text-style { font: 20px arial; fill: #808080 }
</style>
<path d="m 10.5,10.5 h 30 v 30 h -30 z" class="box-style" />
<text x="20" y="32" font-family="arial" font-size="20px" class="text-style">0</text>
<path d="m 10.5,40.5 h 30 v 30 h -30 z" class="box-style" />
<text x="20" y="62" font-family="arial" font-size="20px" class="text-style">1</text>
<path d="m 10.5,70.5 h 30 v 30 h -30 z" class="highlighted-style" />
<text x="20" y="92" font-family="arial" font-size="20px" class="high-text-style">2</text>
<path d="m 10.5,100.5 h 30 v 30 h -30 z" class="highlighted-style" />
<text x="20" y="122" font-family="arial" font-size="20px" class="high-text-style">3</text>
<path d="m 10.5,130.5 h 30 v 30 h -30 z" class="box-style" />
<text x="20" y="152" font-family="arial" font-size="20px" class="text-style">4</text>
<path d="m 10.5,160.5 h 30 v 30 h -30 z" class="box-style" />
<text x="20" y="182" font-family="arial" font-size="20px" class="text-style">5</text>
<path d="m 10.5,190.5 h 30 v 30 h -30 z" class="box-style"
stroke-dasharray="5, 5" />
<path d="m 125.5,10.5 h 30 v 30 h -30 z" class="box-style" />
<text x="135" y="32" font-family="arial" font-size="20px" class="text-style">0</text>
<path d="m 125.5,40.5 h 30 v 30 h -30 z" class="box-style" />
<text x="135" y="62" font-family="arial" font-size="20px" class="text-style">1</text>
<path d="m 125.5,70.5 h 30 v 30 h -30 z" class="box-style" />
<text x="135" y="92" font-family="arial" font-size="20px" fill="#808080" class="faded-text-style">4</text>
<path d="m 125.5,100.5 h 30 v 30 h -30 z" class="box-style" />
<text x="135" y="122" font-family="arial" font-size="20px" fill="#808080" class="faded-text-style">5</text>
<path d="m 125.5,130.5 h 30 v 30 h -30 z" class="box-style"
stroke-dasharray="5, 5" />
<path d="m 68.5,70.5 h 30 v 30 h -30 z" class="highlighted-style" />
<text x="77" y="92" font-family="arial" font-size="20px" class="high-text-style">2</text>
<path d="m 68.5,100.5 h 30 v 30 h -30 z" class="highlighted-style" />
<text x="77" y="122" font-family="arial" font-size="20px" class="high-text-style">3</text>
<path d="M 63,70.5 H 43" class="line-style" />
<path d="M 66,70.5 l -10,-5 l 0,10 z" class="fill-style" />
</svg>