Revision control
Copy as Markdown
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
width="290"
height="165"
<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 40.5,10.5 h 30 v 30 h -30 z" class="box-style" />
<text x="50" y="32" font-family="arial" font-size="20px" class="text-style">1</text>
<path d="m 70.5,10.5 h 30 v 30 h -30 z" class="box-style" />
<text x="80" y="32" font-family="arial" font-size="20px" class="text-style">2</text>
<path d="m 100.5,10.5 h 30 v 30 h -30 z" class="box-style" />
<text x="110" y="32" font-family="arial" font-size="20px" class="text-style">3</text>
<path d="m 130.5,10.5 h 30 v 30 h -30 z" class="box-style" />
<text x="140" y="32" font-family="arial" font-size="20px" class="text-style">4</text>
<path d="m 160.5,10.5 h 30 v 30 h -30 z" class="box-style" />
<text x="170" y="32" font-family="arial" font-size="20px" class="text-style">5</text>
<path d="m 190.5,10.5 h 30 v 30 h -30 z" class="box-style" />
<text x="200" y="32" font-family="arial" font-size="20px" class="text-style">6</text>
<path d="m 220.5,10.5 h 30 v 30 h -30 z" class="box-style" />
<text x="230" y="32" font-family="arial" font-size="20px" class="text-style">7</text>
<path d="m 250.5,10.5 h 30 v 30 h -30 z" class="line-style"
stroke-dasharray="5, 5" />
<path d="m 130.5,68.5 h 30 v 30 h -30 z" class="highlighted-style" />
<text x="140" y="90" font-family="arial" font-size="20px" class="high-text-style">4</text>
<path d="m 160.5,68.5 h 30 v 30 h -30 z" class="highlighted-style" />
<text x="170" y="90" font-family="arial" font-size="20px" class="high-text-style">5</text>
<path d="m 190.5,68.5 h 30 v 30 h -30 z" class="highlighted-style" />
<text x="200" y="90" font-family="arial" font-size="20px" class="high-text-style">6</text>
<path d="m 10.5,125.5 h 30 v 30 h -30 z" class="box-style" />
<text x="20" y="147" font-family="arial" font-size="20px" class="text-style">0</text>
<path d="m 40.5,125.5 h 30 v 30 h -30 z" class="box-style" />
<text x="50" y="147" font-family="arial" font-size="20px" class="text-style">1</text>
<path d="m 70.5,125.5 h 30 v 30 h -30 z" class="box-style" />
<text x="80" y="147" font-family="arial" font-size="20px" class="text-style">2</text>
<path d="m 100.5,125.5 h 30 v 30 h -30 z" class="box-style" />
<text x="110" y="147" font-family="arial" font-size="20px" class="text-style">3</text>
<path d="m 130.5,125.5 h 30 v 30 h -30 z" class="highlighted-style" />
<text x="140" y="147" font-family="arial" font-size="20px" class="high-text-style">4</text>
<path d="m 160.5,125.5 h 30 v 30 h -30 z" class="highlighted-style" />
<text x="170" y="147" font-family="arial" font-size="20px" class="high-text-style">5</text>
<path d="m 190.5,125.5 h 30 v 30 h -30 z" class="highlighted-style" />
<text x="200" y="147" font-family="arial" font-size="20px" class="high-text-style">6</text>
<path d="m 220.5,125.5 h 30 v 30 h -30 z" class="box-style" />
<text x="230" y="147" font-family="arial" font-size="20px" fill="#808080" class="faded-text-style">4</text>
<path d="m 250.5,125.5 h 30 v 30 h -30 z" class="line-style"
stroke-dasharray="5, 5" />
<path d="m 130.5,65.5 v -20" class="line-style" />
<path d="M 130.5,42.5 l 5,10 l -10,0 z" class="fill-style" />
</svg>