examples/FrontPanel.svg

<?xml version='1.0' encoding='utf-8'?>
<svg height="132.85mm" viewBox="0.0 0.0 237.35 132.85" width="237.35mm" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!--
FrontPanel - Mounting Holes and cutouts for all your holy needs.


<script type="module" src="https://md-block.verou.me/md-block.js"></script>
<md-block>


This will help you create font (and side and top) panels for your
boxes that are pre-configured for all the bits and bobs you'd like to
install

    The layout can create several types of holes including rectangles,
    circles and mounting holes.  The default shows an example layout with all
    currently supported objects.

####
`rect x y w h [cr=0] [cx=True] [cy=True]`

     x: x position
     y: y position
     w: width
     h: height
    cr: optional, Corner radius, default=0
    cx: optional, Center x.  the x position denotes the center of the rectangle.
        accepts t, T, 1, or other true-like values.
    cy: optional, Center y.  the y position denotes the center of the rectangle.

#### outline
`rect w h`

    w: width
    h: height

`outline` has a special meaning: You can create multiple panel outlines with one command.
This has the effect of making it easy to manage all the holes on all the sides of
your boxes.

#### circle
`circle x y r`

    x: x position
    y: y position
    r: radius

#### mountinghole
mountinghole x y d_shaft [d_head=0] [angle=0]

          x: x position
          y: y position
    d_shaft: diameter of the shaft part of the mounting hole
     d_head: optional. diameter of the head
      angle: optional. angle of the mounting hole

#### text
`text x y size "some text" [angle=0] [align=bottom|left]`

        x: x position
        y: y position
     size: size, in mm
     text: text to render.  This *must* be in quotation marks
    angle: angle (in degrees)
    align: string with combinations of (top|middle|bottom) and (left|center|right),
           separated by '|'.  Default is 'bottom|left'


#### nema
`nema x y size [screwhole_size=0]`

        x: x position (center of shaft)
        y: y position (center of shaft)
     size: nema size.  One of [8, 11, 14, 16, 17, 23, 24, 34, 42]
    screw: screw size, in mm.  Optional.  Default=0, which means the default size
</md-block>
    

Created with Boxes.py (https://boxes.hackerspace-bamberg.de/)
Command line (remove spaces between dashes): boxes FrontPanel
-->
<title>FrontPanel</title>
<metadata>
<rdf:RDF><cc:Work>
<dc:title>Holes - FrontPanel</dc:title>
<dc:source>boxes FrontPanel</dc:source>
<dc:description>Mounting Holes and cutouts for all your holy needs.


&lt;script type="module" src="https://md-block.verou.me/md-block.js"&gt;&lt;/script&gt;
&lt;md-block&gt;


This will help you create font (and side and top) panels for your
boxes that are pre-configured for all the bits and bobs you'd like to
install

    The layout can create several types of holes including rectangles,
    circles and mounting holes.  The default shows an example layout with all
    currently supported objects.

####
`rect x y w h [cr=0] [cx=True] [cy=True]`

     x: x position
     y: y position
     w: width
     h: height
    cr: optional, Corner radius, default=0
    cx: optional, Center x.  the x position denotes the center of the rectangle.
        accepts t, T, 1, or other true-like values.
    cy: optional, Center y.  the y position denotes the center of the rectangle.

#### outline
`rect w h`

    w: width
    h: height

`outline` has a special meaning: You can create multiple panel outlines with one command.
This has the effect of making it easy to manage all the holes on all the sides of
your boxes.

#### circle
`circle x y r`

    x: x position
    y: y position
    r: radius

#### mountinghole
mountinghole x y d_shaft [d_head=0] [angle=0]

          x: x position
          y: y position
    d_shaft: diameter of the shaft part of the mounting hole
     d_head: optional. diameter of the head
      angle: optional. angle of the mounting hole

#### text
`text x y size "some text" [angle=0] [align=bottom|left]`

        x: x position
        y: y position
     size: size, in mm
     text: text to render.  This *must* be in quotation marks
    angle: angle (in degrees)
    align: string with combinations of (top|middle|bottom) and (left|center|right),
           separated by '|'.  Default is 'bottom|left'


#### nema
`nema x y size [screwhole_size=0]`

        x: x position (center of shaft)
        y: y position (center of shaft)
     size: nema size.  One of [8, 11, 14, 16, 17, 23, 24, 34, 42]
    screw: screw size, in mm.  Optional.  Default=0, which means the default size
&lt;/md-block&gt;
    

Created with Boxes.py (https://boxes.hackerspace-bamberg.de/)
Command line: boxes FrontPanel
Command line short: boxes FrontPanel
</dc:description>
</cc:Work></rdf:RDF></metadata>
<g id="p-0" style="fill:none;stroke-linecap:round;stroke-linejoin:round;">
  <path d="M 36.800 122.850 H 136.800 V 112.850 H 36.800 V 122.850 Z" stroke="rgb(0,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="6px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="middle" transform="matrix( 1.000 0.000 0.000 1.000 86.800 114.850 )">100.0mm, burn:0.10mm</text>
</g>
<g id="p-1" style="fill:none;stroke-linecap:round;stroke-linejoin:round;">
  <path d="M 35.950 112.000 H 135.950 V 12.000 H 35.950 V 112.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <path d="M 36.350 112.000 C 36.350 112.077 36.328 112.152 36.287 112.216 C 36.245 112.281 36.186 112.332 36.116 112.364 C 36.046 112.396 35.969 112.407 35.893 112.396 C 35.817 112.385 35.746 112.353 35.688 112.302 C 35.630 112.252 35.588 112.186 35.566 112.113 C 35.545 112.039 35.545 111.961 35.566 111.887 C 35.588 111.814 35.630 111.748 35.688 111.698 C 35.746 111.647 35.817 111.615 35.893 111.604 C 35.969 111.593 36.046 111.604 36.116 111.636 C 36.186 111.668 36.245 111.719 36.287 111.784 C 36.328 111.848 36.350 111.923 36.350 112.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 35.950 110.000 )">1</text><path d="M 136.350 112.000 C 136.350 112.077 136.328 112.152 136.287 112.216 C 136.245 112.281 136.186 112.332 136.116 112.364 C 136.046 112.396 135.969 112.407 135.893 112.396 C 135.817 112.385 135.746 112.353 135.688 112.302 C 135.630 112.252 135.588 112.186 135.566 112.113 C 135.545 112.039 135.545 111.961 135.566 111.887 C 135.588 111.814 135.630 111.748 135.688 111.698 C 135.746 111.647 135.817 111.615 135.893 111.604 C 135.969 111.593 136.046 111.604 136.116 111.636 C 136.186 111.668 136.245 111.719 136.287 111.784 C 136.328 111.848 136.350 111.923 136.350 112.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 135.950 110.000 )">2</text><path d="M 136.350 12.000 C 136.350 12.077 136.328 12.152 136.287 12.216 C 136.245 12.281 136.186 12.332 136.116 12.364 C 136.046 12.396 135.969 12.407 135.893 12.396 C 135.817 12.385 135.746 12.353 135.688 12.302 C 135.630 12.252 135.588 12.186 135.566 12.113 C 135.545 12.039 135.545 11.961 135.566 11.887 C 135.588 11.814 135.630 11.748 135.688 11.698 C 135.746 11.647 135.817 11.615 135.893 11.604 C 135.969 11.593 136.046 11.604 136.116 11.636 C 136.186 11.668 136.245 11.719 136.287 11.784 C 136.328 11.848 136.350 11.923 136.350 12.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 135.950 10.000 )">3</text><path d="M 36.350 12.000 C 36.350 12.077 36.328 12.152 36.287 12.216 C 36.245 12.281 36.186 12.332 36.116 12.364 C 36.046 12.396 35.969 12.407 35.893 12.396 C 35.817 12.385 35.746 12.353 35.688 12.302 C 35.630 12.252 35.588 12.186 35.566 12.113 C 35.545 12.039 35.545 11.961 35.566 11.887 C 35.588 11.814 35.630 11.748 35.688 11.698 C 35.746 11.647 35.817 11.615 35.893 11.604 C 35.969 11.593 36.046 11.604 36.116 11.636 C 36.186 11.668 36.245 11.719 36.287 11.784 C 36.328 11.848 36.350 11.923 36.350 12.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 35.950 10.000 )">4</text><path d="M 36.350 112.000 C 36.350 112.077 36.328 112.152 36.287 112.216 C 36.245 112.281 36.186 112.332 36.116 112.364 C 36.046 112.396 35.969 112.407 35.893 112.396 C 35.817 112.385 35.746 112.353 35.688 112.302 C 35.630 112.252 35.588 112.186 35.566 112.113 C 35.545 112.039 35.545 111.961 35.566 111.887 C 35.588 111.814 35.630 111.748 35.688 111.698 C 35.746 111.647 35.817 111.615 35.893 111.604 C 35.969 111.593 36.046 111.604 36.116 111.636 C 36.186 111.668 36.245 111.719 36.287 111.784 C 36.328 111.848 36.350 111.923 36.350 112.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 35.950 110.000 )">5</text><path d="M 85.950 51.900 H 48.950 C 48.441 51.900 47.941 51.766 47.500 51.511 C 47.059 51.257 46.693 50.891 46.439 50.450 C 46.184 50.009 46.050 49.509 46.050 49.000 V 25.000 C 46.050 24.491 46.184 23.991 46.439 23.550 C 46.693 23.109 47.059 22.743 47.500 22.489 C 47.941 22.234 48.441 22.100 48.950 22.100 H 122.950 C 123.459 22.100 123.959 22.234 124.400 22.489 C 124.841 22.743 125.207 23.109 125.461 23.550 C 125.716 23.991 125.850 24.491 125.850 25.000 V 49.000 C 125.850 49.509 125.716 50.009 125.461 50.450 C 125.207 50.891 124.841 51.257 124.400 51.511 C 123.959 51.766 123.459 51.900 122.950 51.900 H 85.950 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="7.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="middle" transform="matrix( 1.000 0.000 0.000 1.000 85.950 14.000 )">Super Front Panel With Buttons!</text><path d="M 49.350 67.000 C 49.350 67.652 49.163 68.290 48.810 68.838 C 48.458 69.387 47.955 69.822 47.362 70.093 C 46.770 70.364 46.111 70.458 45.466 70.365 C 44.821 70.273 44.216 69.996 43.723 69.570 C 43.231 69.143 42.871 68.583 42.688 67.958 C 42.504 67.332 42.504 66.668 42.688 66.042 C 42.871 65.417 43.231 64.857 43.723 64.430 C 44.216 64.004 44.821 63.727 45.466 63.635 C 46.111 63.542 46.770 63.636 47.362 63.907 C 47.955 64.178 48.458 64.613 48.810 65.162 C 49.163 65.710 49.350 66.348 49.350 67.000 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
  <path d="M 69.350 67.000 C 69.350 67.652 69.163 68.290 68.810 68.838 C 68.458 69.387 67.955 69.822 67.362 70.093 C 66.770 70.364 66.111 70.458 65.466 70.365 C 64.821 70.273 64.216 69.996 63.723 69.570 C 63.231 69.143 62.871 68.583 62.688 67.958 C 62.504 67.332 62.504 66.668 62.688 66.042 C 62.871 65.417 63.231 64.857 63.723 64.430 C 64.216 64.004 64.821 63.727 65.466 63.635 C 66.111 63.542 66.770 63.636 67.362 63.907 C 67.955 64.178 68.458 64.613 68.810 65.162 C 69.163 65.710 69.350 66.348 69.350 67.000 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
  <path d="M 89.350 67.000 C 89.350 67.652 89.163 68.290 88.810 68.838 C 88.458 69.387 87.955 69.822 87.362 70.093 C 86.770 70.364 86.111 70.458 85.466 70.365 C 84.821 70.273 84.216 69.996 83.723 69.570 C 83.231 69.143 82.871 68.583 82.688 67.958 C 82.504 67.332 82.504 66.668 82.688 66.042 C 82.871 65.417 83.231 64.857 83.723 64.430 C 84.216 64.004 84.821 63.727 85.466 63.635 C 86.111 63.542 86.770 63.636 87.362 63.907 C 87.955 64.178 88.458 64.613 88.810 65.162 C 89.163 65.710 89.350 66.348 89.350 67.000 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
  <path d="M 109.350 67.000 C 109.350 67.652 109.163 68.290 108.810 68.838 C 108.458 69.387 107.955 69.822 107.362 70.093 C 106.770 70.364 106.111 70.458 105.466 70.365 C 104.821 70.273 104.216 69.996 103.723 69.570 C 103.231 69.143 102.871 68.583 102.688 67.958 C 102.504 67.332 102.504 66.668 102.688 66.042 C 102.871 65.417 103.231 64.857 103.723 64.430 C 104.216 64.004 104.821 63.727 105.466 63.635 C 106.111 63.542 106.770 63.636 107.362 63.907 C 107.955 64.178 108.458 64.613 108.810 65.162 C 109.163 65.710 109.350 66.348 109.350 67.000 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
  <path d="M 129.350 67.000 C 129.350 67.652 129.163 68.290 128.810 68.838 C 128.458 69.387 127.955 69.822 127.362 70.093 C 126.770 70.364 126.111 70.458 125.466 70.365 C 124.821 70.273 124.216 69.996 123.723 69.570 C 123.231 69.143 122.871 68.583 122.688 67.958 C 122.504 67.332 122.504 66.668 122.688 66.042 C 122.871 65.417 123.231 64.857 123.723 64.430 C 124.216 64.004 124.821 63.727 125.466 63.635 C 126.111 63.542 126.770 63.636 127.362 63.907 C 127.955 64.178 128.458 64.613 128.810 65.162 C 129.163 65.710 129.350 66.348 129.350 67.000 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="3.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="middle" transform="matrix( 1.000 0.000 0.000 1.000 45.950 72.000 )">BTN_1</text><text dominant-baseline="hanging" font-size="3.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="middle" transform="matrix( 0.000 -1.000 1.000 0.000 70.950 67.000 )">BTN_2</text><text dominant-baseline="hanging" font-size="3.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="middle" transform="matrix( -1.000 0.000 -0.000 -1.000 85.950 62.000 )">BTN_3</text><text dominant-baseline="hanging" font-size="3.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="middle" transform="matrix( 0.000 1.000 -1.000 0.000 100.950 67.000 )">BTN_4</text><text dominant-baseline="hanging" font-size="3.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="middle" transform="matrix( 1.000 0.000 0.000 1.000 125.950 65.500 )">5</text><path d="M 39.550 27.000 C 39.550 26.754 39.615 26.513 39.738 26.300 C 39.860 26.087 40.037 25.910 40.250 25.788 C 40.463 25.665 40.704 25.600 40.950 25.600 C 41.196 25.600 41.437 25.665 41.650 25.788 C 41.863 25.910 42.040 26.087 42.162 26.300 C 42.285 26.513 42.350 26.754 42.350 27.000 V 30.000 C 42.350 30.036 42.369 30.069 42.400 30.087 C 42.891 30.370 43.287 30.790 43.542 31.297 C 43.796 31.803 43.896 32.372 43.830 32.935 C 43.765 33.497 43.536 34.028 43.172 34.462 C 42.807 34.896 42.324 35.214 41.782 35.376 C 41.239 35.539 40.661 35.539 40.118 35.376 C 39.576 35.214 39.093 34.896 38.728 34.462 C 38.364 34.028 38.135 33.497 38.070 32.935 C 38.004 32.372 38.104 31.803 38.358 31.297 C 38.613 30.790 39.009 30.370 39.500 30.087 C 39.531 30.069 39.550 30.036 39.550 30.000 V 27.000 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
  <path d="M 129.550 27.000 C 129.550 26.754 129.615 26.513 129.738 26.300 C 129.860 26.087 130.037 25.910 130.250 25.788 C 130.463 25.665 130.704 25.600 130.950 25.600 C 131.196 25.600 131.437 25.665 131.650 25.788 C 131.863 25.910 132.040 26.087 132.162 26.300 C 132.285 26.513 132.350 26.754 132.350 27.000 V 30.000 C 132.350 30.036 132.369 30.069 132.400 30.087 C 132.891 30.370 133.287 30.790 133.542 31.297 C 133.796 31.803 133.896 32.372 133.830 32.935 C 133.765 33.497 133.536 34.028 133.172 34.462 C 132.807 34.896 132.324 35.214 131.782 35.376 C 131.239 35.539 130.661 35.539 130.118 35.376 C 129.576 35.214 129.093 34.896 128.728 34.462 C 128.364 34.028 128.135 33.497 128.070 32.935 C 128.004 32.372 128.104 31.803 128.358 31.297 C 128.613 30.790 129.009 30.370 129.500 30.087 C 129.531 30.069 129.550 30.036 129.550 30.000 V 27.000 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
  <path d="M 145.950 112.000 H 175.950 V 62.000 H 145.950 V 112.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <path d="M 146.350 112.000 C 146.350 112.077 146.328 112.152 146.287 112.216 C 146.245 112.281 146.186 112.332 146.116 112.364 C 146.046 112.396 145.969 112.407 145.893 112.396 C 145.817 112.385 145.746 112.353 145.688 112.302 C 145.630 112.252 145.588 112.186 145.566 112.113 C 145.545 112.039 145.545 111.961 145.566 111.887 C 145.588 111.814 145.630 111.748 145.688 111.698 C 145.746 111.647 145.817 111.615 145.893 111.604 C 145.969 111.593 146.046 111.604 146.116 111.636 C 146.186 111.668 146.245 111.719 146.287 111.784 C 146.328 111.848 146.350 111.923 146.350 112.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 145.950 110.000 )">1</text><path d="M 176.350 112.000 C 176.350 112.077 176.328 112.152 176.287 112.216 C 176.245 112.281 176.186 112.332 176.116 112.364 C 176.046 112.396 175.969 112.407 175.893 112.396 C 175.817 112.385 175.746 112.353 175.688 112.302 C 175.630 112.252 175.588 112.186 175.566 112.113 C 175.545 112.039 175.545 111.961 175.566 111.887 C 175.588 111.814 175.630 111.748 175.688 111.698 C 175.746 111.647 175.817 111.615 175.893 111.604 C 175.969 111.593 176.046 111.604 176.116 111.636 C 176.186 111.668 176.245 111.719 176.287 111.784 C 176.328 111.848 176.350 111.923 176.350 112.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 175.950 110.000 )">2</text><path d="M 176.350 62.000 C 176.350 62.077 176.328 62.152 176.287 62.216 C 176.245 62.281 176.186 62.332 176.116 62.364 C 176.046 62.396 175.969 62.407 175.893 62.396 C 175.817 62.385 175.746 62.353 175.688 62.302 C 175.630 62.252 175.588 62.186 175.566 62.113 C 175.545 62.039 175.545 61.961 175.566 61.887 C 175.588 61.814 175.630 61.748 175.688 61.698 C 175.746 61.647 175.817 61.615 175.893 61.604 C 175.969 61.593 176.046 61.604 176.116 61.636 C 176.186 61.668 176.245 61.719 176.287 61.784 C 176.328 61.848 176.350 61.923 176.350 62.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 175.950 60.000 )">3</text><path d="M 146.350 62.000 C 146.350 62.077 146.328 62.152 146.287 62.216 C 146.245 62.281 146.186 62.332 146.116 62.364 C 146.046 62.396 145.969 62.407 145.893 62.396 C 145.817 62.385 145.746 62.353 145.688 62.302 C 145.630 62.252 145.588 62.186 145.566 62.113 C 145.545 62.039 145.545 61.961 145.566 61.887 C 145.588 61.814 145.630 61.748 145.688 61.698 C 145.746 61.647 145.817 61.615 145.893 61.604 C 145.969 61.593 146.046 61.604 146.116 61.636 C 146.186 61.668 146.245 61.719 146.287 61.784 C 146.328 61.848 146.350 61.923 146.350 62.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 145.950 60.000 )">4</text><path d="M 146.350 112.000 C 146.350 112.077 146.328 112.152 146.287 112.216 C 146.245 112.281 146.186 112.332 146.116 112.364 C 146.046 112.396 145.969 112.407 145.893 112.396 C 145.817 112.385 145.746 112.353 145.688 112.302 C 145.630 112.252 145.588 112.186 145.566 112.113 C 145.545 112.039 145.545 111.961 145.566 111.887 C 145.588 111.814 145.630 111.748 145.688 111.698 C 145.746 111.647 145.817 111.615 145.893 111.604 C 145.969 111.593 146.046 111.604 146.116 111.636 C 146.186 111.668 146.245 111.719 146.287 111.784 C 146.328 111.848 146.350 111.923 146.350 112.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 145.950 110.000 )">5</text><path d="M 160.950 94.400 H 154.450 C 154.292 94.400 154.137 94.358 154.000 94.279 C 153.863 94.200 153.750 94.087 153.671 93.950 C 153.592 93.813 153.550 93.658 153.550 93.500 V 80.500 C 153.550 80.342 153.592 80.187 153.671 80.050 C 153.750 79.913 153.863 79.800 154.000 79.721 C 154.137 79.642 154.292 79.600 154.450 79.600 H 167.450 C 167.608 79.600 167.763 79.642 167.900 79.721 C 168.037 79.800 168.150 79.913 168.229 80.050 C 168.308 80.187 168.350 80.342 168.350 80.500 V 93.500 C 168.350 93.658 168.308 93.813 168.229 93.950 C 168.150 94.087 168.037 94.200 167.900 94.279 C 167.763 94.358 167.608 94.400 167.450 94.400 H 160.950 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="3.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 160.950 84.000 )">__Fun!</text><text dominant-baseline="hanging" font-size="3.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="left" transform="matrix( 0.707 -0.707 0.707 0.707 158.829 84.879 )">__Fun!</text><text dominant-baseline="hanging" font-size="3.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="left" transform="matrix( 0.000 -1.000 1.000 0.000 157.950 87.000 )">__Fun!</text><text dominant-baseline="hanging" font-size="3.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="left" transform="matrix( -0.707 -0.707 0.707 -0.707 158.829 89.121 )">__Fun!</text><text dominant-baseline="hanging" font-size="3.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="left" transform="matrix( -1.000 0.000 -0.000 -1.000 160.950 90.000 )">__Fun!</text><text dominant-baseline="hanging" font-size="3.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="left" transform="matrix( -0.707 0.707 -0.707 -0.707 163.071 89.121 )">__Fun!</text><text dominant-baseline="hanging" font-size="3.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="left" transform="matrix( 0.000 1.000 -1.000 0.000 163.950 87.000 )">__Fun!</text><text dominant-baseline="hanging" font-size="2.0px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(0,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 148.950 102.000 )">Another panel, for fun</text><path d="M 185.950 112.000 H 225.950 V 72.000 H 185.950 V 112.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <path d="M 186.350 112.000 C 186.350 112.077 186.328 112.152 186.287 112.216 C 186.245 112.281 186.186 112.332 186.116 112.364 C 186.046 112.396 185.969 112.407 185.893 112.396 C 185.817 112.385 185.746 112.353 185.688 112.302 C 185.630 112.252 185.588 112.186 185.566 112.113 C 185.545 112.039 185.545 111.961 185.566 111.887 C 185.588 111.814 185.630 111.748 185.688 111.698 C 185.746 111.647 185.817 111.615 185.893 111.604 C 185.969 111.593 186.046 111.604 186.116 111.636 C 186.186 111.668 186.245 111.719 186.287 111.784 C 186.328 111.848 186.350 111.923 186.350 112.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 185.950 110.000 )">1</text><path d="M 226.350 112.000 C 226.350 112.077 226.328 112.152 226.287 112.216 C 226.245 112.281 226.186 112.332 226.116 112.364 C 226.046 112.396 225.969 112.407 225.893 112.396 C 225.817 112.385 225.746 112.353 225.688 112.302 C 225.630 112.252 225.588 112.186 225.566 112.113 C 225.545 112.039 225.545 111.961 225.566 111.887 C 225.588 111.814 225.630 111.748 225.688 111.698 C 225.746 111.647 225.817 111.615 225.893 111.604 C 225.969 111.593 226.046 111.604 226.116 111.636 C 226.186 111.668 226.245 111.719 226.287 111.784 C 226.328 111.848 226.350 111.923 226.350 112.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 225.950 110.000 )">2</text><path d="M 226.350 72.000 C 226.350 72.077 226.328 72.152 226.287 72.216 C 226.245 72.281 226.186 72.332 226.116 72.364 C 226.046 72.396 225.969 72.407 225.893 72.396 C 225.817 72.385 225.746 72.353 225.688 72.302 C 225.630 72.252 225.588 72.186 225.566 72.113 C 225.545 72.039 225.545 71.961 225.566 71.887 C 225.588 71.814 225.630 71.748 225.688 71.698 C 225.746 71.647 225.817 71.615 225.893 71.604 C 225.969 71.593 226.046 71.604 226.116 71.636 C 226.186 71.668 226.245 71.719 226.287 71.784 C 226.328 71.848 226.350 71.923 226.350 72.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 225.950 70.000 )">3</text><path d="M 186.350 72.000 C 186.350 72.077 186.328 72.152 186.287 72.216 C 186.245 72.281 186.186 72.332 186.116 72.364 C 186.046 72.396 185.969 72.407 185.893 72.396 C 185.817 72.385 185.746 72.353 185.688 72.302 C 185.630 72.252 185.588 72.186 185.566 72.113 C 185.545 72.039 185.545 71.961 185.566 71.887 C 185.588 71.814 185.630 71.748 185.688 71.698 C 185.746 71.647 185.817 71.615 185.893 71.604 C 185.969 71.593 186.046 71.604 186.116 71.636 C 186.186 71.668 186.245 71.719 186.287 71.784 C 186.328 71.848 186.350 71.923 186.350 72.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 185.950 70.000 )">4</text><path d="M 186.350 112.000 C 186.350 112.077 186.328 112.152 186.287 112.216 C 186.245 112.281 186.186 112.332 186.116 112.364 C 186.046 112.396 185.969 112.407 185.893 112.396 C 185.817 112.385 185.746 112.353 185.688 112.302 C 185.630 112.252 185.588 112.186 185.566 112.113 C 185.545 112.039 185.545 111.961 185.566 111.887 C 185.588 111.814 185.630 111.748 185.688 111.698 C 185.746 111.647 185.817 111.615 185.893 111.604 C 185.969 111.593 186.046 111.604 186.116 111.636 C 186.186 111.668 186.245 111.719 186.287 111.784 C 186.328 111.848 186.350 111.923 186.350 112.000 Z" stroke="rgb(255,0,0)" stroke-width="0.20" />
  <text dominant-baseline="hanging" font-size="2px" style="font-family: sans-serif ; font-weight: normal; font-style: normal; fill: rgb(255,0,0)" text-anchor="left" transform="matrix( 1.000 0.000 0.000 1.000 185.950 110.000 )">5</text><path d="M 216.850 92.000 C 216.850 94.090 216.249 96.135 215.120 97.893 C 213.990 99.651 212.379 101.047 210.478 101.915 C 208.577 102.783 206.467 103.086 204.399 102.789 C 202.330 102.492 200.391 101.606 198.812 100.238 C 197.233 98.869 196.080 97.076 195.492 95.071 C 194.903 93.066 194.903 90.934 195.492 88.929 C 196.080 86.924 197.233 85.131 198.812 83.762 C 200.391 82.394 202.330 81.508 204.399 81.211 C 206.467 80.914 208.577 81.217 210.478 82.085 C 212.379 82.953 213.990 84.349 215.120 86.107 C 216.249 87.865 216.850 89.910 216.850 92.000 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
  <path d="M 192.350 107.500 C 192.350 107.864 192.245 108.221 192.048 108.527 C 191.851 108.834 191.571 109.077 191.239 109.228 C 190.908 109.380 190.540 109.432 190.180 109.381 C 189.819 109.329 189.481 109.174 189.206 108.936 C 188.930 108.697 188.730 108.385 188.627 108.035 C 188.524 107.686 188.524 107.314 188.627 106.965 C 188.730 106.615 188.930 106.303 189.206 106.064 C 189.481 105.826 189.819 105.671 190.180 105.619 C 190.540 105.568 190.908 105.620 191.239 105.772 C 191.571 105.923 191.851 106.166 192.048 106.473 C 192.245 106.779 192.350 107.136 192.350 107.500 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
  <path d="M 192.350 76.500 C 192.350 76.864 192.245 77.221 192.048 77.527 C 191.851 77.834 191.571 78.077 191.239 78.228 C 190.908 78.380 190.540 78.432 190.180 78.381 C 189.819 78.329 189.481 78.174 189.206 77.936 C 188.930 77.697 188.730 77.385 188.627 77.035 C 188.524 76.686 188.524 76.314 188.627 75.965 C 188.730 75.615 188.930 75.303 189.206 75.064 C 189.481 74.826 189.819 74.671 190.180 74.619 C 190.540 74.568 190.908 74.620 191.239 74.772 C 191.571 74.923 191.851 75.166 192.048 75.473 C 192.245 75.779 192.350 76.136 192.350 76.500 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
  <path d="M 223.350 107.500 C 223.350 107.864 223.245 108.221 223.048 108.527 C 222.851 108.834 222.571 109.077 222.239 109.228 C 221.908 109.380 221.540 109.432 221.180 109.381 C 220.819 109.329 220.481 109.174 220.206 108.936 C 219.930 108.697 219.730 108.385 219.627 108.035 C 219.524 107.686 219.524 107.314 219.627 106.965 C 219.730 106.615 219.930 106.303 220.206 106.064 C 220.481 105.826 220.819 105.671 221.180 105.619 C 221.540 105.568 221.908 105.620 222.239 105.772 C 222.571 105.923 222.851 106.166 223.048 106.473 C 223.245 106.779 223.350 107.136 223.350 107.500 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
  <path d="M 223.350 76.500 C 223.350 76.864 223.245 77.221 223.048 77.527 C 222.851 77.834 222.571 78.077 222.239 78.228 C 221.908 78.380 221.540 78.432 221.180 78.381 C 220.819 78.329 220.481 78.174 220.206 77.936 C 219.930 77.697 219.730 77.385 219.627 77.035 C 219.524 76.686 219.524 76.314 219.627 75.965 C 219.730 75.615 219.930 75.303 220.206 75.064 C 220.481 74.826 220.819 74.671 221.180 74.619 C 221.540 74.568 221.908 74.620 222.239 74.772 C 222.571 74.923 222.851 75.166 223.048 75.473 C 223.245 75.779 223.350 76.136 223.350 76.500 Z" stroke="rgb(0,0,255)" stroke-width="0.20" />
</g>
</svg>