Add a lot of base template stuff

This commit is contained in:
Ben Visness 2021-03-17 20:25:06 -05:00
parent a4e2d625a3
commit cc521e0245
44 changed files with 5358 additions and 35 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
public/apple-icon-57x57.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
public/apple-icon-60x60.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
public/apple-icon-72x72.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
public/apple-icon-76x76.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

BIN
public/apple-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

BIN
public/favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/favicon-32x32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

BIN
public/favicon-96x96.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

BIN
public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

29
public/logo_nounder.svg Normal file
View File

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 428.4 79.5" style="" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#ffffff;}
.st1{display:none;fill-rule:evenodd;clip-rule:evenodd;}
</style>
<path class="st0" d="M338.8,13c2.5,2.5,4.3,5.7,4.3,8.5v37c0,2.8-1.8,6-4.3,8.5c-2.5,2.5-5.7,4.3-8.5,4.3h-20.6
c-1.8,0-3.2-1.4-3.2-3.2V11.9c0-1.8,1.4-3.2,3.2-3.2h20.6C333.1,8.7,336.3,10.6,338.8,13L338.8,13z M336.7,21.5c0-1-1-2.6-2.4-3.9
c-1.4-1.4-2.9-2.4-3.9-2.4h-17.4v49.7h17.4c1,0,2.6-1,3.9-2.4c1.4-1.4,2.4-2.9,2.4-3.9V21.5z"/>
<path class="st0" d="M381.4,8.7c1.8,0,3.2,1.4,3.2,3.2c0,1.8-1.4,3.2-3.2,3.2h-20.6v18.4h15.8c1.8,0,3.2,1.4,3.2,3.2
c0,1.8-1.4,3.2-3.2,3.2h-15.8v25h20.6c1.8,0,3.2,1.4,3.2,3.2s-1.4,3.2-3.2,3.2h-23.8c-1.8,0-3.2-1.4-3.2-3.2V11.9
c0-1.8,1.4-3.2,3.2-3.2H381.4z"/>
<path class="st0" d="M287.9,55.8h-24.2l-4.7,13.4c-0.6,1.7-2.4,2.5-4.1,1.9s-2.5-2.4-1.9-4.1L272.8,11c1-2.8,5-2.8,6,0h0l19.9,56.1
c0.6,1.7-0.3,3.5-1.9,4.1c-1.7,0.6-3.5-0.3-4.1-1.9L287.9,55.8L287.9,55.8z M265.9,49.5h19.7l-9.9-27.8L265.9,49.5z"/>
<path class="st0" d="M186.4,13c2.5,2.5,4.3,5.7,4.3,8.5v37c0,2.8-1.8,6-4.3,8.5c-2.5,2.5-5.7,4.3-8.5,4.3h-20.6
c-1.8,0-3.2-1.4-3.2-3.2V11.9c0-1.8,1.4-3.2,3.2-3.2h20.6C180.7,8.7,183.9,10.6,186.4,13L186.4,13z M184.3,21.5c0-1-1-2.6-2.4-3.9
c-1.4-1.4-2.9-2.4-3.9-2.4h-17.4v49.7h17.4c1,0,2.6-1,3.9-2.4c1.4-1.4,2.4-2.9,2.4-3.9V21.5z"/>
<path class="st0" d="M87.3,55.7H63l-4.7,13.4c-0.6,1.7-2.4,2.5-4.1,1.9c-1.7-0.6-2.5-2.4-1.9-4.1l19.9-56.1c1-2.8,5-2.8,6,0l0,0
L98,67c0.6,1.7-0.3,3.5-1.9,4.1c-1.7,0.6-3.5-0.3-4.1-1.9L87.3,55.7L87.3,55.7z M65.3,49.3H85l-9.9-27.8L65.3,49.3z"/>
<path class="st0" d="M208.4,68.2c0,1.8-1.4,3.2-3.2,3.2s-3.2-1.4-3.2-3.2V12.1c0-1.8,1.4-3.2,3.2-3.2c1.2,0,2.3,0.7,2.8,1.7
l15.5,23.7l15.6-24c1-1.5,2.9-1.9,4.4-0.9c0.9,0.6,1.4,1.6,1.4,2.7h0v56.1c0,1.8-1.4,3.2-3.2,3.2c-1.8,0-3.2-1.4-3.2-3.2V22.8
l-12.4,19c-0.2,0.4-0.6,0.7-1,1c-1.5,1-3.4,0.5-4.4-0.9l-12.4-19.1V68.2z"/>
<path class="st0" d="M7.4,11.9c0-1.8,1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2v21.6h23.8V11.9c0-1.8,1.4-3.2,3.2-3.2s3.2,1.4,3.2,3.2
V68c0,1.8-1.4,3.2-3.2,3.2s-3.2-1.4-3.2-3.2V39.9H13.8V68c0,1.8-1.4,3.2-3.2,3.2c-1.8,0-3.2-1.4-3.2-3.2V11.9z"/>
<path class="st0" d="M112.7,68c0,1.8-1.4,3.2-3.2,3.2c-1.8,0-3.2-1.4-3.2-3.2V11.9c0-1.8,1.4-3.2,3.2-3.2c1.3,0,2.4,0.8,2.9,1.9
l24.1,44.8V11.9c0-1.8,1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2V68h0c0,1.1-0.6,2.2-1.7,2.8c-1.5,0.8-3.5,0.3-4.3-1.3l-24.2-45V68z"/>
<path class="st1" d="M394.1,71.2c-1.8,0-3.2-1.4-3.2-3.2s1.4-3.2,3.2-3.2h23.8c1.8,0,3.2,1.4,3.2,3.2s-1.4,3.2-3.2,3.2H394.1z"/>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@ -0,0 +1,30 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 428.4 79.5" style="" xml:space="preserve">
<style type="text/css">
.st0{display:none;fill-rule:evenodd;clip-rule:evenodd;}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#ffffff;}
</style>
<path class="st0" d="M338.8,13c2.5,2.5,4.3,5.7,4.3,8.5v37c0,2.8-1.8,6-4.3,8.5c-2.5,2.5-5.7,4.3-8.5,4.3h-20.6
c-1.8,0-3.2-1.4-3.2-3.2V11.9c0-1.8,1.4-3.2,3.2-3.2h20.6C333.1,8.7,336.3,10.6,338.8,13L338.8,13z M336.7,21.5c0-1-1-2.6-2.4-3.9
c-1.4-1.4-2.9-2.4-3.9-2.4h-17.4v49.7h17.4c1,0,2.6-1,3.9-2.4c1.4-1.4,2.4-2.9,2.4-3.9V21.5z"/>
<path class="st0" d="M381.4,8.7c1.8,0,3.2,1.4,3.2,3.2c0,1.8-1.4,3.2-3.2,3.2h-20.6v18.4h15.8c1.8,0,3.2,1.4,3.2,3.2
c0,1.8-1.4,3.2-3.2,3.2h-15.8v25h20.6c1.8,0,3.2,1.4,3.2,3.2s-1.4,3.2-3.2,3.2h-23.8c-1.8,0-3.2-1.4-3.2-3.2V11.9
c0-1.8,1.4-3.2,3.2-3.2H381.4z"/>
<path class="st0" d="M287.9,55.8h-24.2l-4.7,13.4c-0.6,1.7-2.4,2.5-4.1,1.9s-2.5-2.4-1.9-4.1L272.8,11c1-2.8,5-2.8,6,0h0l19.9,56.1
c0.6,1.7-0.3,3.5-1.9,4.1c-1.7,0.6-3.5-0.3-4.1-1.9L287.9,55.8L287.9,55.8z M265.9,49.5h19.7l-9.9-27.8L265.9,49.5z"/>
<path class="st0" d="M186.4,13c2.5,2.5,4.3,5.7,4.3,8.5v37c0,2.8-1.8,6-4.3,8.5c-2.5,2.5-5.7,4.3-8.5,4.3h-20.6
c-1.8,0-3.2-1.4-3.2-3.2V11.9c0-1.8,1.4-3.2,3.2-3.2h20.6C180.7,8.7,183.9,10.6,186.4,13L186.4,13z M184.3,21.5c0-1-1-2.6-2.4-3.9
c-1.4-1.4-2.9-2.4-3.9-2.4h-17.4v49.7h17.4c1,0,2.6-1,3.9-2.4c1.4-1.4,2.4-2.9,2.4-3.9V21.5z"/>
<path class="st0" d="M87.3,55.7H63l-4.7,13.4c-0.6,1.7-2.4,2.5-4.1,1.9c-1.7-0.6-2.5-2.4-1.9-4.1l19.9-56.1c1-2.8,5-2.8,6,0l0,0
L98,67c0.6,1.7-0.3,3.5-1.9,4.1c-1.7,0.6-3.5-0.3-4.1-1.9L87.3,55.7L87.3,55.7z M65.3,49.3H85l-9.9-27.8L65.3,49.3z"/>
<path class="st0" d="M208.4,68.2c0,1.8-1.4,3.2-3.2,3.2s-3.2-1.4-3.2-3.2V12.1c0-1.8,1.4-3.2,3.2-3.2c1.2,0,2.3,0.7,2.8,1.7
l15.5,23.7l15.6-24c1-1.5,2.9-1.9,4.4-0.9c0.9,0.6,1.4,1.6,1.4,2.7h0v56.1c0,1.8-1.4,3.2-3.2,3.2c-1.8,0-3.2-1.4-3.2-3.2V22.8
l-12.4,19c-0.2,0.4-0.6,0.7-1,1c-1.5,1-3.4,0.5-4.4-0.9l-12.4-19.1V68.2z"/>
<path class="st0" d="M7.4,11.9c0-1.8,1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2v21.6h23.8V11.9c0-1.8,1.4-3.2,3.2-3.2s3.2,1.4,3.2,3.2
V68c0,1.8-1.4,3.2-3.2,3.2s-3.2-1.4-3.2-3.2V39.9H13.8V68c0,1.8-1.4,3.2-3.2,3.2c-1.8,0-3.2-1.4-3.2-3.2V11.9z"/>
<path class="st0" d="M112.7,68c0,1.8-1.4,3.2-3.2,3.2c-1.8,0-3.2-1.4-3.2-3.2V11.9c0-1.8,1.4-3.2,3.2-3.2c1.3,0,2.4,0.8,2.9,1.9
l24.1,44.8V11.9c0-1.8,1.4-3.2,3.2-3.2c1.8,0,3.2,1.4,3.2,3.2V68h0c0,1.1-0.6,2.2-1.7,2.8c-1.5,0.8-3.5,0.3-4.3-1.3l-24.2-45V68z"/>
<path class="st1" d="M394.1,71.2c-1.8,0-3.2-1.4-3.2-3.2s1.4-3.2,3.2-3.2h23.8c1.8,0,3.2,1.4,3.2,3.2s-1.4,3.2-3.2,3.2H394.1z"/>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -7253,8 +7253,7 @@ body {
box-sizing: border-box;
font-size: 0.875rem;
line-height: 1.5em;
font-weight: 400;
background-image: url("data:image/png;iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAEGGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjcyIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iNzIiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iNzIiCiAgIHRpZmY6SW1hZ2VMZW5ndGg9IjcyIgogICB0aWZmOlJlc29sdXRpb25Vbml0PSIyIgogICB0aWZmOlhSZXNvbHV0aW9uPSI5Ni4wIgogICB0aWZmOllSZXNvbHV0aW9uPSI5Ni4wIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMy0xMVQyMToyMzoxNS0wNjowMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wMy0xMVQyMToyMzoxNS0wNjowMCI+CiAgIDx4bXBNTTpIaXN0b3J5PgogICAgPHJkZjpTZXE+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjcuMSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMS0wMy0xMVQyMToyMzoxNS0wNjowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+87tjqAAAAYFpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZG/S0JRFMc/amGUYZBDQ4NENVmUgdTSoJQF1WAG/Vr05Y9A7fGeEdIatAoFUUu/hvoLag2ag6AogmgLmotaSl7n+QQl8l7OOZ/7vfcc7j0X7NGMktUbBiCby2uRcNA7v7Dodb7iwCXmwRNTdHV6djxK3fH1gM2Md31mrfrn/h0tKwldAVuT8KiiannhCeGpjbxq8q6wR0nHVoTPhX2aXFD43tTjFr+ZnLL4x2QtGgmBvU3Ym6rheA0raS0rLC+nO5tZVyr3MV/iSuTmZiV2iXWiEyFMEC+TjBEiwCAj4gP04adfVtTJHyjnz7AmuYp4lQIaq6RIk8cn6rpUT0hMip6QmaFg9v9vX/XkkN+q7gpC44thfPSAcwdKRcP4PjaM0gk4nuEqV81fO4LhT9GLVa37ENxbcHFd1eJ7cLkNHU9qTIuVJYeYPZmE9zNoXYD2W2hesnpW2ef0EaKb8lU3sH8AvXLevfwLEU5nv19tQRgAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAJSSURBVHic7ZvBbsMgDIaTHKbtnNO0vf/bcW7VS3uoFlWhgAEb//bwrVrzyxjHhq/euu/7fam0z4+v5Xq7JD970llbApQT9aaz5b7A4QyXTghh1fAnm0FouxpC6M74Wn+iDHqN8PV2IUU85QSHzmvm7Pt+p2QSpz9RgM4Pty6OS+cclNYgtfpzBCj3cM3iuHRyQakJUq8/R4BKD1MXx6VTCgo1SL3+REUP7WxyLsythbrVn1mDCpbcjdnin5Y8KFIjXNpNqk7pO9TMKenU+tO1K1q7OlJn6znAnYtnrzN/n5F0NoudZaTO24NizkrBqTnA5RZVczCV1Nne/TFllOBQMomyKIo/I3TWn+/f+3zN0jqzBhV0utu091bfRRQpwbFOJk0RRY1rCzxR1CaT8Ld5bSoASxRRyCQsUUQhk/BEUZtMzhpUMDNEUYtMdhNFboInrVNLJruuCWjZAUUU0UmgKlFE61BQRNEKCeTSqSKKlkggl04zUbTweqgRRfRFQRFF5BbNoZM8KGrNBKLpZDPIO2+mWJRB2jOBaDpRgLTncdB0jgChzASi6RwBQpkJRNOJivB/+tWUojNrUMGS2TFb/NOSB0WtmcBeHe6ZSVdEUSLr3RBFqZlJF7d5yc5rnihKz0yaJoojZibdEEWp12zWoII/7ogid6sX/6/nkWRSYmZyyIyi5WuL2IyiFzIpNh/khQqwzyh6I5PsM4reyKTYjKIXMjlrUMHEZxQtt/hlGTCjaJVMuiSKEjpuiKKUjovbvKSOeaIorWOaKI7QcUMUpXQe+31Pc6xeN0AAAAAASUVORK5CYII="); }
font-weight: 400; }
a {
color: #666;

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 75 KiB

View File

@ -0,0 +1,912 @@
<svg xmlns="http://www.w3.org/2000/svg" id="svg2" version="1.1"
width="464" height="272" viewBox="0 0 464 272">
<g id="box0">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text0" x="5" y="10" >s</text>
</g>
<g id="box1">
<text style="font-size:12px;font-family:sans-serif;fill:#2e2e2e;fill-opacity:1.00;" id="text1" x="5" y="26" >6</text>
</g>
<g id="box2">
<rect style="fill:#2f2f2f;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect2" width="12" height="12" x="2" y="34" ry="4" />
</g>
<g id="box3">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text3" x="5" y="58" >u</text>
</g>
<g id="box4">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text4" x="5" y="74" >-</text>
</g>
<g id="box5">
<rect style="fill:#2d2d2d;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect5" width="12" height="12" x="2" y="82" ry="4" />
</g>
<g id="box6">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text6" x="5" y="106" >6</text>
</g>
<g id="box7">
<text style="font-size:12px;font-family:sans-serif;fill:#272727;fill-opacity:1.00;" id="text7" x="5" y="122" >7</text>
</g>
<g id="box8">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text8" x="5" y="138" >0</text>
</g>
<g id="box9">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text9" x="5" y="154" >v</text>
</g>
<g id="box10">
<text style="font-size:12px;font-family:sans-serif;fill:#2c2c2c;fill-opacity:1.00;" id="text10" x="5" y="170" >p</text>
</g>
<g id="box11">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text11" x="5" y="186" >=</text>
</g>
<g id="box12">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text12" x="21" y="10" >a</text>
</g>
<g id="box13">
<rect style="fill:#232323;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect13" width="12" height="12" x="18" y="18" ry="4" />
</g>
<g id="box14">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text14" x="21" y="42" >e</text>
</g>
<g id="box15">
<rect style="fill:#252525;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect15" width="12" height="12" x="18" y="50" ry="4" />
</g>
<g id="box16">
<text style="font-size:12px;font-family:sans-serif;fill:#303030;fill-opacity:1.00;" id="text16" x="21" y="74" >6</text>
</g>
<g id="box17">
<rect style="fill:#222222;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect17" width="12" height="12" x="18" y="82" ry="4" />
</g>
<g id="box18">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text18" x="21" y="106" >d</text>
</g>
<g id="box19">
<rect style="fill:#222222;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect19" width="12" height="12" x="18" y="114" ry="4" />
</g>
<g id="box20">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text20" x="21" y="138" >/</text>
</g>
<g id="box21">
<rect style="fill:#2c2c2c;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect21" width="12" height="12" x="18" y="146" ry="4" />
</g>
<g id="box22">
<rect style="fill:#272727;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect22" width="12" height="12" x="18" y="162" ry="4" />
</g>
<g id="box23">
<rect style="fill:#2d2d2d;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect23" width="12" height="12" x="18" y="178" ry="4" />
</g>
<g id="box24">
<rect style="fill:#272727;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect24" width="12" height="12" x="18" y="194" ry="4" />
</g>
<g id="box25">
<rect style="fill:#2d2d2d;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect25" width="12" height="12" x="18" y="210" ry="4" />
</g>
<g id="box26">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect26" width="12" height="12" x="18" y="226" ry="4" />
</g>
<g id="box27">
<text style="font-size:12px;font-family:sans-serif;fill:#212121;fill-opacity:1.00;" id="text27" x="37" y="10" >)</text>
</g>
<g id="box28">
<text style="font-size:12px;font-family:sans-serif;fill:#212121;fill-opacity:1.00;" id="text28" x="37" y="26" >h</text>
</g>
<g id="box29">
<rect style="fill:#2c2c2c;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect29" width="12" height="12" x="34" y="34" ry="4" />
</g>
<g id="box30">
<text style="font-size:12px;font-family:sans-serif;fill:#2f2f2f;fill-opacity:1.00;" id="text30" x="37" y="58" >$</text>
</g>
<g id="box31">
<rect style="fill:#2e2e2e;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect31" width="12" height="12" x="34" y="66" ry="4" />
</g>
<g id="box32">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text32" x="37" y="90" >+</text>
</g>
<g id="box33">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text33" x="37" y="106" >a</text>
</g>
<g id="box34">
<rect style="fill:#2d2d2d;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect34" width="12" height="12" x="34" y="114" ry="4" />
</g>
<g id="box35">
<text style="font-size:12px;font-family:sans-serif;fill:#2a2a2a;fill-opacity:1.00;" id="text35" x="37" y="138" >u</text>
</g>
<g id="box36">
<rect style="fill:#222222;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect36" width="12" height="12" x="34" y="146" ry="4" />
</g>
<g id="box37">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect37" width="12" height="12" x="34" y="162" ry="4" />
</g>
<g id="box38">
<text style="font-size:12px;font-family:sans-serif;fill:#2f2f2f;fill-opacity:1.00;" id="text38" x="37" y="186" >7</text>
</g>
<g id="box39">
<rect style="fill:#2b2b2b;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect39" width="12" height="12" x="34" y="194" ry="4" />
</g>
<g id="box40">
<text style="font-size:12px;font-family:sans-serif;fill:#2e2e2e;fill-opacity:1.00;" id="text40" x="53" y="10" >q</text>
</g>
<g id="box41">
<rect style="fill:#282828;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect41" width="12" height="12" x="50" y="18" ry="4" />
</g>
<g id="box42">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text42" x="53" y="42" >v</text>
</g>
<g id="box43">
<rect style="fill:#272727;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect43" width="12" height="12" x="50" y="50" ry="4" />
</g>
<g id="box44">
<text style="font-size:12px;font-family:sans-serif;fill:#303030;fill-opacity:1.00;" id="text44" x="53" y="74" >}</text>
</g>
<g id="box45">
<text style="font-size:12px;font-family:sans-serif;fill:#232323;fill-opacity:1.00;" id="text45" x="69" y="10" >n</text>
</g>
<g id="box46">
<text style="font-size:12px;font-family:sans-serif;fill:#2f2f2f;fill-opacity:1.00;" id="text46" x="69" y="26" >h</text>
</g>
<g id="box47">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text47" x="69" y="42" >0</text>
</g>
<g id="box48">
<text style="font-size:12px;font-family:sans-serif;fill:#2c2c2c;fill-opacity:1.00;" id="text48" x="69" y="58" >b</text>
</g>
<g id="box49">
<text style="font-size:12px;font-family:sans-serif;fill:#262626;fill-opacity:1.00;" id="text49" x="69" y="74" >g</text>
</g>
<g id="box50">
<rect style="fill:#2f2f2f;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect50" width="12" height="12" x="66" y="82" ry="4" />
</g>
<g id="box51">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text51" x="85" y="10" >0</text>
</g>
<g id="box52">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text52" x="85" y="26" >p</text>
</g>
<g id="box53">
<rect style="fill:#2b2b2b;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect53" width="12" height="12" x="82" y="34" ry="4" />
</g>
<g id="box54">
<rect style="fill:#252525;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect54" width="12" height="12" x="82" y="50" ry="4" />
</g>
<g id="box55">
<rect style="fill:#272727;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect55" width="12" height="12" x="82" y="66" ry="4" />
</g>
<g id="box56">
<rect style="fill:#282828;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect56" width="12" height="12" x="82" y="82" ry="4" />
</g>
<g id="box57">
<rect style="fill:#262626;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect57" width="12" height="12" x="98" y="2" ry="4" />
</g>
<g id="box58">
<rect style="fill:#2b2b2b;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect58" width="12" height="12" x="98" y="18" ry="4" />
</g>
<g id="box59">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text59" x="101" y="42" >|</text>
</g>
<g id="box60">
<rect style="fill:#2b2b2b;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect60" width="12" height="12" x="98" y="50" ry="4" />
</g>
<g id="box61">
<rect style="fill:#212121;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect61" width="12" height="12" x="98" y="66" ry="4" />
</g>
<g id="box62">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text62" x="101" y="90" >x</text>
</g>
<g id="box63">
<rect style="fill:#272727;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect63" width="12" height="12" x="98" y="98" ry="4" />
</g>
<g id="box64">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text64" x="101" y="122" >-</text>
</g>
<g id="box65">
<text style="font-size:12px;font-family:sans-serif;fill:#262626;fill-opacity:1.00;" id="text65" x="101" y="138" >m</text>
</g>
<g id="box66">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text66" x="101" y="154" >!</text>
</g>
<g id="box67">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect67" width="12" height="12" x="98" y="162" ry="4" />
</g>
<g id="box68">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text68" x="101" y="186" >-</text>
</g>
<g id="box69">
<text style="font-size:12px;font-family:sans-serif;fill:#262626;fill-opacity:1.00;" id="text69" x="117" y="10" >l</text>
</g>
<g id="box70">
<text style="font-size:12px;font-family:sans-serif;fill:#272727;fill-opacity:1.00;" id="text70" x="117" y="26" >{</text>
</g>
<g id="box71">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect71" width="12" height="12" x="114" y="34" ry="4" />
</g>
<g id="box72">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text72" x="117" y="58" >~</text>
</g>
<g id="box73">
<rect style="fill:#242424;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect73" width="12" height="12" x="130" y="2" ry="4" />
</g>
<g id="box74">
<rect style="fill:#212121;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect74" width="12" height="12" x="130" y="18" ry="4" />
</g>
<g id="box75">
<text style="font-size:12px;font-family:sans-serif;fill:#272727;fill-opacity:1.00;" id="text75" x="133" y="42" >g</text>
</g>
<g id="box76">
<rect style="fill:#252525;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect76" width="12" height="12" x="130" y="50" ry="4" />
</g>
<g id="box77">
<rect style="fill:#282828;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect77" width="12" height="12" x="130" y="66" ry="4" />
</g>
<g id="box78">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect78" width="12" height="12" x="130" y="82" ry="4" />
</g>
<g id="box79">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text79" x="133" y="106" >v</text>
</g>
<g id="box80">
<rect style="fill:#252525;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect80" width="12" height="12" x="130" y="114" ry="4" />
</g>
<g id="box81">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect81" width="12" height="12" x="130" y="130" ry="4" />
</g>
<g id="box82">
<text style="font-size:12px;font-family:sans-serif;fill:#232323;fill-opacity:1.00;" id="text82" x="133" y="154" >!</text>
</g>
<g id="box83">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text83" x="133" y="170" >u</text>
</g>
<g id="box84">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text84" x="133" y="186" >-</text>
</g>
<g id="box85">
<text style="font-size:12px;font-family:sans-serif;fill:#232323;fill-opacity:1.00;" id="text85" x="133" y="202" >l</text>
</g>
<g id="box86">
<rect style="fill:#2c2c2c;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect86" width="12" height="12" x="130" y="210" ry="4" />
</g>
<g id="box87">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text87" x="133" y="234" >w</text>
</g>
<g id="box88">
<rect style="fill:#242424;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect88" width="12" height="12" x="130" y="242" ry="4" />
</g>
<g id="box89">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text89" x="149" y="10" >(</text>
</g>
<g id="box90">
<text style="font-size:12px;font-family:sans-serif;fill:#212121;fill-opacity:1.00;" id="text90" x="149" y="26" >d</text>
</g>
<g id="box91">
<text style="font-size:12px;font-family:sans-serif;fill:#2c2c2c;fill-opacity:1.00;" id="text91" x="149" y="42" >o</text>
</g>
<g id="box92">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text92" x="149" y="58" >/</text>
</g>
<g id="box93">
<text style="font-size:12px;font-family:sans-serif;fill:#303030;fill-opacity:1.00;" id="text93" x="149" y="74" >h</text>
</g>
<g id="box94">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text94" x="165" y="10" >p</text>
</g>
<g id="box95">
<rect style="fill:#252525;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect95" width="12" height="12" x="162" y="18" ry="4" />
</g>
<g id="box96">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text96" x="165" y="42" >b</text>
</g>
<g id="box97">
<rect style="fill:#232323;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect97" width="12" height="12" x="162" y="50" ry="4" />
</g>
<g id="box98">
<rect style="fill:#212121;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect98" width="12" height="12" x="162" y="66" ry="4" />
</g>
<g id="box99">
<rect style="fill:#272727;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect99" width="12" height="12" x="162" y="82" ry="4" />
</g>
<g id="box100">
<text style="font-size:12px;font-family:sans-serif;fill:#212121;fill-opacity:1.00;" id="text100" x="165" y="106" >t</text>
</g>
<g id="box101">
<text style="font-size:12px;font-family:sans-serif;fill:#2c2c2c;fill-opacity:1.00;" id="text101" x="165" y="122" >=</text>
</g>
<g id="box102">
<text style="font-size:12px;font-family:sans-serif;fill:#272727;fill-opacity:1.00;" id="text102" x="165" y="138" >8</text>
</g>
<g id="box103">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text103" x="165" y="154" >{</text>
</g>
<g id="box104">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text104" x="165" y="170" >k</text>
</g>
<g id="box105">
<text style="font-size:12px;font-family:sans-serif;fill:#262626;fill-opacity:1.00;" id="text105" x="181" y="10" >0</text>
</g>
<g id="box106">
<rect style="fill:#232323;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect106" width="12" height="12" x="178" y="18" ry="4" />
</g>
<g id="box107">
<rect style="fill:#2f2f2f;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect107" width="12" height="12" x="178" y="34" ry="4" />
</g>
<g id="box108">
<text style="font-size:12px;font-family:sans-serif;fill:#2f2f2f;fill-opacity:1.00;" id="text108" x="181" y="58" >l</text>
</g>
<g id="box109">
<rect style="fill:#2e2e2e;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect109" width="12" height="12" x="178" y="66" ry="4" />
</g>
<g id="box110">
<rect style="fill:#2e2e2e;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect110" width="12" height="12" x="178" y="82" ry="4" />
</g>
<g id="box111">
<rect style="fill:#262626;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect111" width="12" height="12" x="178" y="98" ry="4" />
</g>
<g id="box112">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect112" width="12" height="12" x="178" y="114" ry="4" />
</g>
<g id="box113">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text113" x="181" y="138" >!</text>
</g>
<g id="box114">
<text style="font-size:12px;font-family:sans-serif;fill:#2c2c2c;fill-opacity:1.00;" id="text114" x="181" y="154" >g</text>
</g>
<g id="box115">
<text style="font-size:12px;font-family:sans-serif;fill:#2f2f2f;fill-opacity:1.00;" id="text115" x="181" y="170" >s</text>
</g>
<g id="box116">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect116" width="12" height="12" x="178" y="178" ry="4" />
</g>
<g id="box117">
<text style="font-size:12px;font-family:sans-serif;fill:#272727;fill-opacity:1.00;" id="text117" x="181" y="202" >(</text>
</g>
<g id="box118">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text118" x="197" y="10" >/</text>
</g>
<g id="box119">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text119" x="197" y="26" >6</text>
</g>
<g id="box120">
<rect style="fill:#242424;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect120" width="12" height="12" x="194" y="34" ry="4" />
</g>
<g id="box121">
<text style="font-size:12px;font-family:sans-serif;fill:#272727;fill-opacity:1.00;" id="text121" x="197" y="58" >z</text>
</g>
<g id="box122">
<text style="font-size:12px;font-family:sans-serif;fill:#2e2e2e;fill-opacity:1.00;" id="text122" x="197" y="74" >g</text>
</g>
<g id="box123">
<text style="font-size:12px;font-family:sans-serif;fill:#303030;fill-opacity:1.00;" id="text123" x="197" y="90" >:</text>
</g>
<g id="box124">
<text style="font-size:12px;font-family:sans-serif;fill:#2a2a2a;fill-opacity:1.00;" id="text124" x="197" y="106" >$</text>
</g>
<g id="box125">
<rect style="fill:#2b2b2b;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect125" width="12" height="12" x="194" y="114" ry="4" />
</g>
<g id="box126">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text126" x="197" y="138" >8</text>
</g>
<g id="box127">
<rect style="fill:#222222;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect127" width="12" height="12" x="194" y="146" ry="4" />
</g>
<g id="box128">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text128" x="197" y="170" >1</text>
</g>
<g id="box129">
<text style="font-size:12px;font-family:sans-serif;fill:#2e2e2e;fill-opacity:1.00;" id="text129" x="197" y="186" >3</text>
</g>
<g id="box130">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text130" x="213" y="10" >!</text>
</g>
<g id="box131">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text131" x="213" y="26" >-</text>
</g>
<g id="box132">
<text style="font-size:12px;font-family:sans-serif;fill:#2f2f2f;fill-opacity:1.00;" id="text132" x="213" y="42" >/</text>
</g>
<g id="box133">
<rect style="fill:#2a2a2a;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect133" width="12" height="12" x="210" y="50" ry="4" />
</g>
<g id="box134">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect134" width="12" height="12" x="210" y="66" ry="4" />
</g>
<g id="box135">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text135" x="213" y="90" >!</text>
</g>
<g id="box136">
<rect style="fill:#2a2a2a;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect136" width="12" height="12" x="210" y="98" ry="4" />
</g>
<g id="box137">
<rect style="fill:#2b2b2b;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect137" width="12" height="12" x="210" y="114" ry="4" />
</g>
<g id="box138">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text138" x="213" y="138" >r</text>
</g>
<g id="box139">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text139" x="229" y="10" >3</text>
</g>
<g id="box140">
<rect style="fill:#2d2d2d;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect140" width="12" height="12" x="226" y="18" ry="4" />
</g>
<g id="box141">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text141" x="229" y="42" >q</text>
</g>
<g id="box142">
<rect style="fill:#2b2b2b;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect142" width="12" height="12" x="226" y="50" ry="4" />
</g>
<g id="box143">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text143" x="229" y="74" >d</text>
</g>
<g id="box144">
<rect style="fill:#262626;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect144" width="12" height="12" x="242" y="2" ry="4" />
</g>
<g id="box145">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text145" x="245" y="26" >s</text>
</g>
<g id="box146">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text146" x="245" y="42" >$</text>
</g>
<g id="box147">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text147" x="245" y="58" >:</text>
</g>
<g id="box148">
<text style="font-size:12px;font-family:sans-serif;fill:#2f2f2f;fill-opacity:1.00;" id="text148" x="245" y="74" >l</text>
</g>
<g id="box149">
<rect style="fill:#2a2a2a;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect149" width="12" height="12" x="242" y="82" ry="4" />
</g>
<g id="box150">
<rect style="fill:#282828;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect150" width="12" height="12" x="258" y="2" ry="4" />
</g>
<g id="box151">
<text style="font-size:12px;font-family:sans-serif;fill:#262626;fill-opacity:1.00;" id="text151" x="261" y="26" >q</text>
</g>
<g id="box152">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text152" x="261" y="42" >6</text>
</g>
<g id="box153">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text153" x="261" y="58" >e</text>
</g>
<g id="box154">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text154" x="261" y="74" >z</text>
</g>
<g id="box155">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text155" x="261" y="90" >7</text>
</g>
<g id="box156">
<text style="font-size:12px;font-family:sans-serif;fill:#2a2a2a;fill-opacity:1.00;" id="text156" x="261" y="106" >]</text>
</g>
<g id="box157">
<rect style="fill:#282828;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect157" width="12" height="12" x="258" y="114" ry="4" />
</g>
<g id="box158">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text158" x="261" y="138" >6</text>
</g>
<g id="box159">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text159" x="277" y="10" >s</text>
</g>
<g id="box160">
<rect style="fill:#252525;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect160" width="12" height="12" x="274" y="18" ry="4" />
</g>
<g id="box161">
<rect style="fill:#2c2c2c;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect161" width="12" height="12" x="274" y="34" ry="4" />
</g>
<g id="box162">
<rect style="fill:#282828;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect162" width="12" height="12" x="274" y="50" ry="4" />
</g>
<g id="box163">
<text style="font-size:12px;font-family:sans-serif;fill:#2a2a2a;fill-opacity:1.00;" id="text163" x="277" y="74" >c</text>
</g>
<g id="box164">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect164" width="12" height="12" x="274" y="82" ry="4" />
</g>
<g id="box165">
<text style="font-size:12px;font-family:sans-serif;fill:#262626;fill-opacity:1.00;" id="text165" x="277" y="106" >n</text>
</g>
<g id="box166">
<rect style="fill:#2e2e2e;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect166" width="12" height="12" x="274" y="114" ry="4" />
</g>
<g id="box167">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text167" x="277" y="138" >f</text>
</g>
<g id="box168">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text168" x="277" y="154" >n</text>
</g>
<g id="box169">
<text style="font-size:12px;font-family:sans-serif;fill:#232323;fill-opacity:1.00;" id="text169" x="277" y="170" >z</text>
</g>
<g id="box170">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect170" width="12" height="12" x="274" y="178" ry="4" />
</g>
<g id="box171">
<text style="font-size:12px;font-family:sans-serif;fill:#2c2c2c;fill-opacity:1.00;" id="text171" x="277" y="202" >(</text>
</g>
<g id="box172">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text172" x="293" y="10" >r</text>
</g>
<g id="box173">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect173" width="12" height="12" x="290" y="18" ry="4" />
</g>
<g id="box174">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect174" width="12" height="12" x="290" y="34" ry="4" />
</g>
<g id="box175">
<text style="font-size:12px;font-family:sans-serif;fill:#2f2f2f;fill-opacity:1.00;" id="text175" x="293" y="58" >6</text>
</g>
<g id="box176">
<text style="font-size:12px;font-family:sans-serif;fill:#2a2a2a;fill-opacity:1.00;" id="text176" x="293" y="74" >[</text>
</g>
<g id="box177">
<rect style="fill:#2d2d2d;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect177" width="12" height="12" x="290" y="82" ry="4" />
</g>
<g id="box178">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text178" x="293" y="106" >4</text>
</g>
<g id="box179">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text179" x="293" y="122" >$</text>
</g>
<g id="box180">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text180" x="293" y="138" >u</text>
</g>
<g id="box181">
<text style="font-size:12px;font-family:sans-serif;fill:#2e2e2e;fill-opacity:1.00;" id="text181" x="309" y="10" >f</text>
</g>
<g id="box182">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect182" width="12" height="12" x="306" y="18" ry="4" />
</g>
<g id="box183">
<rect style="fill:#2a2a2a;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect183" width="12" height="12" x="306" y="34" ry="4" />
</g>
<g id="box184">
<rect style="fill:#2b2b2b;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect184" width="12" height="12" x="306" y="50" ry="4" />
</g>
<g id="box185">
<rect style="fill:#2a2a2a;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect185" width="12" height="12" x="306" y="66" ry="4" />
</g>
<g id="box186">
<text style="font-size:12px;font-family:sans-serif;fill:#2a2a2a;fill-opacity:1.00;" id="text186" x="309" y="90" >|</text>
</g>
<g id="box187">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text187" x="309" y="106" >p</text>
</g>
<g id="box188">
<text style="font-size:12px;font-family:sans-serif;fill:#212121;fill-opacity:1.00;" id="text188" x="309" y="122" >0</text>
</g>
<g id="box189">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text189" x="309" y="138" >f</text>
</g>
<g id="box190">
<rect style="fill:#262626;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect190" width="12" height="12" x="306" y="146" ry="4" />
</g>
<g id="box191">
<rect style="fill:#252525;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect191" width="12" height="12" x="306" y="162" ry="4" />
</g>
<g id="box192">
<text style="font-size:12px;font-family:sans-serif;fill:#212121;fill-opacity:1.00;" id="text192" x="309" y="186" >{</text>
</g>
<g id="box193">
<rect style="fill:#212121;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect193" width="12" height="12" x="306" y="194" ry="4" />
</g>
<g id="box194">
<rect style="fill:#272727;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect194" width="12" height="12" x="306" y="210" ry="4" />
</g>
<g id="box195">
<rect style="fill:#303030;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect195" width="12" height="12" x="322" y="2" ry="4" />
</g>
<g id="box196">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text196" x="325" y="26" >)</text>
</g>
<g id="box197">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text197" x="325" y="42" >e</text>
</g>
<g id="box198">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect198" width="12" height="12" x="322" y="50" ry="4" />
</g>
<g id="box199">
<text style="font-size:12px;font-family:sans-serif;fill:#282828;fill-opacity:1.00;" id="text199" x="325" y="74" >}</text>
</g>
<g id="box200">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text200" x="325" y="90" >[</text>
</g>
<g id="box201">
<text style="font-size:12px;font-family:sans-serif;fill:#2a2a2a;fill-opacity:1.00;" id="text201" x="325" y="106" >0</text>
</g>
<g id="box202">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text202" x="325" y="122" >l</text>
</g>
<g id="box203">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text203" x="325" y="138" >y</text>
</g>
<g id="box204">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text204" x="325" y="154" >9</text>
</g>
<g id="box205">
<text style="font-size:12px;font-family:sans-serif;fill:#252525;fill-opacity:1.00;" id="text205" x="325" y="170" >j</text>
</g>
<g id="box206">
<text style="font-size:12px;font-family:sans-serif;fill:#2e2e2e;fill-opacity:1.00;" id="text206" x="325" y="186" >$</text>
</g>
<g id="box207">
<text style="font-size:12px;font-family:sans-serif;fill:#2e2e2e;fill-opacity:1.00;" id="text207" x="325" y="202" >x</text>
</g>
<g id="box208">
<text style="font-size:12px;font-family:sans-serif;fill:#2f2f2f;fill-opacity:1.00;" id="text208" x="341" y="10" >3</text>
</g>
<g id="box209">
<rect style="fill:#282828;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect209" width="12" height="12" x="338" y="18" ry="4" />
</g>
<g id="box210">
<rect style="fill:#2e2e2e;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect210" width="12" height="12" x="338" y="34" ry="4" />
</g>
<g id="box211">
<rect style="fill:#242424;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect211" width="12" height="12" x="338" y="50" ry="4" />
</g>
<g id="box212">
<rect style="fill:#2a2a2a;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect212" width="12" height="12" x="338" y="66" ry="4" />
</g>
<g id="box213">
<text style="font-size:12px;font-family:sans-serif;fill:#252525;fill-opacity:1.00;" id="text213" x="341" y="90" >i</text>
</g>
<g id="box214">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text214" x="341" y="106" >|</text>
</g>
<g id="box215">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect215" width="12" height="12" x="338" y="114" ry="4" />
</g>
<g id="box216">
<rect style="fill:#2f2f2f;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect216" width="12" height="12" x="338" y="130" ry="4" />
</g>
<g id="box217">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text217" x="341" y="154" >+</text>
</g>
<g id="box218">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text218" x="357" y="10" >5</text>
</g>
<g id="box219">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text219" x="357" y="26" >6</text>
</g>
<g id="box220">
<text style="font-size:12px;font-family:sans-serif;fill:#212121;fill-opacity:1.00;" id="text220" x="357" y="42" >s</text>
</g>
<g id="box221">
<text style="font-size:12px;font-family:sans-serif;fill:#232323;fill-opacity:1.00;" id="text221" x="357" y="58" >k</text>
</g>
<g id="box222">
<text style="font-size:12px;font-family:sans-serif;fill:#2a2a2a;fill-opacity:1.00;" id="text222" x="357" y="74" >!</text>
</g>
<g id="box223">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text223" x="357" y="90" >d</text>
</g>
<g id="box224">
<text style="font-size:12px;font-family:sans-serif;fill:#2a2a2a;fill-opacity:1.00;" id="text224" x="357" y="106" >a</text>
</g>
<g id="box225">
<text style="font-size:12px;font-family:sans-serif;fill:#2c2c2c;fill-opacity:1.00;" id="text225" x="357" y="122" >/</text>
</g>
<g id="box226">
<rect style="fill:#2e2e2e;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect226" width="12" height="12" x="354" y="130" ry="4" />
</g>
<g id="box227">
<rect style="fill:#2a2a2a;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect227" width="12" height="12" x="354" y="146" ry="4" />
</g>
<g id="box228">
<rect style="fill:#252525;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect228" width="12" height="12" x="354" y="162" ry="4" />
</g>
<g id="box229">
<text style="font-size:12px;font-family:sans-serif;fill:#212121;fill-opacity:1.00;" id="text229" x="357" y="186" >3</text>
</g>
<g id="box230">
<rect style="fill:#2e2e2e;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect230" width="12" height="12" x="354" y="194" ry="4" />
</g>
<g id="box231">
<rect style="fill:#242424;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect231" width="12" height="12" x="370" y="2" ry="4" />
</g>
<g id="box232">
<text style="font-size:12px;font-family:sans-serif;fill:#2f2f2f;fill-opacity:1.00;" id="text232" x="373" y="26" >*</text>
</g>
<g id="box233">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text233" x="373" y="42" >(</text>
</g>
<g id="box234">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text234" x="373" y="58" >j</text>
</g>
<g id="box235">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text235" x="373" y="74" >i</text>
</g>
<g id="box236">
<text style="font-size:12px;font-family:sans-serif;fill:#2e2e2e;fill-opacity:1.00;" id="text236" x="373" y="90" >@</text>
</g>
<g id="box237">
<rect style="fill:#252525;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect237" width="12" height="12" x="370" y="98" ry="4" />
</g>
<g id="box238">
<text style="font-size:12px;font-family:sans-serif;fill:#2c2c2c;fill-opacity:1.00;" id="text238" x="373" y="122" >4</text>
</g>
<g id="box239">
<text style="font-size:12px;font-family:sans-serif;fill:#2c2c2c;fill-opacity:1.00;" id="text239" x="373" y="138" >h</text>
</g>
<g id="box240">
<rect style="fill:#212121;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect240" width="12" height="12" x="386" y="2" ry="4" />
</g>
<g id="box241">
<text style="font-size:12px;font-family:sans-serif;fill:#2e2e2e;fill-opacity:1.00;" id="text241" x="389" y="26" >9</text>
</g>
<g id="box242">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect242" width="12" height="12" x="386" y="34" ry="4" />
</g>
<g id="box243">
<rect style="fill:#2d2d2d;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect243" width="12" height="12" x="386" y="50" ry="4" />
</g>
<g id="box244">
<rect style="fill:#2a2a2a;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect244" width="12" height="12" x="386" y="66" ry="4" />
</g>
<g id="box245">
<rect style="fill:#2c2c2c;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect245" width="12" height="12" x="386" y="82" ry="4" />
</g>
<g id="box246">
<rect style="fill:#272727;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect246" width="12" height="12" x="386" y="98" ry="4" />
</g>
<g id="box247">
<text style="font-size:12px;font-family:sans-serif;fill:#262626;fill-opacity:1.00;" id="text247" x="405" y="10" >v</text>
</g>
<g id="box248">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text248" x="405" y="26" >r</text>
</g>
<g id="box249">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text249" x="405" y="42" >q</text>
</g>
<g id="box250">
<rect style="fill:#2b2b2b;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect250" width="12" height="12" x="402" y="50" ry="4" />
</g>
<g id="box251">
<text style="font-size:12px;font-family:sans-serif;fill:#232323;fill-opacity:1.00;" id="text251" x="405" y="74" >d</text>
</g>
<g id="box252">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text252" x="405" y="90" >)</text>
</g>
<g id="box253">
<rect style="fill:#242424;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect253" width="12" height="12" x="402" y="98" ry="4" />
</g>
<g id="box254">
<text style="font-size:12px;font-family:sans-serif;fill:#232323;fill-opacity:1.00;" id="text254" x="405" y="122" >8</text>
</g>
<g id="box255">
<text style="font-size:12px;font-family:sans-serif;fill:#2c2c2c;fill-opacity:1.00;" id="text255" x="405" y="138" >:</text>
</g>
<g id="box256">
<rect style="fill:#2e2e2e;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect256" width="12" height="12" x="402" y="146" ry="4" />
</g>
<g id="box257">
<text style="font-size:12px;font-family:sans-serif;fill:#2e2e2e;fill-opacity:1.00;" id="text257" x="405" y="170" >h</text>
</g>
<g id="box258">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text258" x="405" y="186" >z</text>
</g>
<g id="box259">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text259" x="421" y="10" >r</text>
</g>
<g id="box260">
<rect style="fill:#212121;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect260" width="12" height="12" x="418" y="18" ry="4" />
</g>
<g id="box261">
<text style="font-size:12px;font-family:sans-serif;fill:#2f2f2f;fill-opacity:1.00;" id="text261" x="421" y="42" >}</text>
</g>
<g id="box262">
<rect style="fill:#242424;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect262" width="12" height="12" x="418" y="50" ry="4" />
</g>
<g id="box263">
<text style="font-size:12px;font-family:sans-serif;fill:#303030;fill-opacity:1.00;" id="text263" x="421" y="74" >j</text>
</g>
<g id="box264">
<rect style="fill:#252525;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect264" width="12" height="12" x="418" y="82" ry="4" />
</g>
<g id="box265">
<text style="font-size:12px;font-family:sans-serif;fill:#2a2a2a;fill-opacity:1.00;" id="text265" x="421" y="106" >9</text>
</g>
<g id="box266">
<text style="font-size:12px;font-family:sans-serif;fill:#2e2e2e;fill-opacity:1.00;" id="text266" x="421" y="122" >)</text>
</g>
<g id="box267">
<text style="font-size:12px;font-family:sans-serif;fill:#2e2e2e;fill-opacity:1.00;" id="text267" x="421" y="138" >7</text>
</g>
<g id="box268">
<rect style="fill:#2e2e2e;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect268" width="12" height="12" x="418" y="146" ry="4" />
</g>
<g id="box269">
<text style="font-size:12px;font-family:sans-serif;fill:#272727;fill-opacity:1.00;" id="text269" x="421" y="170" >q</text>
</g>
<g id="box270">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text270" x="421" y="186" >t</text>
</g>
<g id="box271">
<text style="font-size:12px;font-family:sans-serif;fill:#272727;fill-opacity:1.00;" id="text271" x="421" y="202" >n</text>
</g>
<g id="box272">
<rect style="fill:#2d2d2d;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect272" width="12" height="12" x="418" y="210" ry="4" />
</g>
<g id="box273">
<text style="font-size:12px;font-family:sans-serif;fill:#2a2a2a;fill-opacity:1.00;" id="text273" x="421" y="234" >b</text>
</g>
<g id="box274">
<rect style="fill:#2f2f2f;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect274" width="12" height="12" x="434" y="2" ry="4" />
</g>
<g id="box275">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text275" x="437" y="26" >2</text>
</g>
<g id="box276">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect276" width="12" height="12" x="434" y="34" ry="4" />
</g>
<g id="box277">
<text style="font-size:12px;font-family:sans-serif;fill:#2d2d2d;fill-opacity:1.00;" id="text277" x="437" y="58" >4</text>
</g>
<g id="box278">
<rect style="fill:#232323;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect278" width="12" height="12" x="434" y="66" ry="4" />
</g>
<g id="box279">
<rect style="fill:#232323;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect279" width="12" height="12" x="434" y="82" ry="4" />
</g>
<g id="box280">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text280" x="437" y="106" >:</text>
</g>
<g id="box281">
<rect style="fill:#262626;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect281" width="12" height="12" x="434" y="114" ry="4" />
</g>
<g id="box282">
<text style="font-size:12px;font-family:sans-serif;fill:#262626;fill-opacity:1.00;" id="text282" x="437" y="138" >u</text>
</g>
<g id="box283">
<text style="font-size:12px;font-family:sans-serif;fill:#222222;fill-opacity:1.00;" id="text283" x="437" y="154" >r</text>
</g>
<g id="box284">
<rect style="fill:#212121;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect284" width="12" height="12" x="434" y="162" ry="4" />
</g>
<g id="box285">
<rect style="fill:#2a2a2a;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect285" width="12" height="12" x="434" y="178" ry="4" />
</g>
<g id="box286">
<rect style="fill:#222222;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect286" width="12" height="12" x="434" y="194" ry="4" />
</g>
<g id="box287">
<rect style="fill:#272727;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect287" width="12" height="12" x="434" y="210" ry="4" />
</g>
<g id="box288">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text288" x="437" y="234" >}</text>
</g>
<g id="box289">
<rect style="fill:#292929;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect289" width="12" height="12" x="450" y="2" ry="4" />
</g>
<g id="box290">
<rect style="fill:#2d2d2d;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect290" width="12" height="12" x="450" y="18" ry="4" />
</g>
<g id="box291">
<text style="font-size:12px;font-family:sans-serif;fill:#2b2b2b;fill-opacity:1.00;" id="text291" x="453" y="42" >2</text>
</g>
<g id="box292">
<rect style="fill:#2d2d2d;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect292" width="12" height="12" x="450" y="50" ry="4" />
</g>
<g id="box293">
<text style="font-size:12px;font-family:sans-serif;fill:#212121;fill-opacity:1.00;" id="text293" x="453" y="74" >z</text>
</g>
<g id="box294">
<text style="font-size:12px;font-family:sans-serif;fill:#272727;fill-opacity:1.00;" id="text294" x="453" y="90" >@</text>
</g>
<g id="box295">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text295" x="453" y="106" >p</text>
</g>
<g id="box296">
<rect style="fill:#2e2e2e;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect296" width="12" height="12" x="450" y="114" ry="4" />
</g>
<g id="box297">
<text style="font-size:12px;font-family:sans-serif;fill:#232323;fill-opacity:1.00;" id="text297" x="453" y="138" >$</text>
</g>
<g id="box298">
<text style="font-size:12px;font-family:sans-serif;fill:#2f2f2f;fill-opacity:1.00;" id="text298" x="453" y="154" >?</text>
</g>
<g id="box299">
<text style="font-size:12px;font-family:sans-serif;fill:#292929;fill-opacity:1.00;" id="text299" x="453" y="170" >k</text>
</g>
<g id="box300">
<rect style="fill:#2f2f2f;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect300" width="12" height="12" x="450" y="178" ry="4" />
</g>
<g id="box301">
<text style="font-size:12px;font-family:sans-serif;fill:#2e2e2e;fill-opacity:1.00;" id="text301" x="453" y="202" >s</text>
</g>
<g id="box302">
<text style="font-size:12px;font-family:sans-serif;fill:#242424;fill-opacity:1.00;" id="text302" x="453" y="218" >|</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 46 KiB

View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="512" height="512" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;opacity:0.6;fill:#ffffff;" xml:space="preserve">
<path d="M54.5,512c-1-8.2-1.5-16.6-1.5-25c0-42.8,13.1-83.7,38-118.3c12-16.7,26.4-31.4,42.7-43.8c16.6-12.5,34.8-22.4,54.3-29.3
c7.1-2.5,12.2-8.8,13.1-16.3c0.9-7.5-2.4-14.9-8.6-19.1c-31.4-21.2-50.2-56.5-50.2-94.3c0-30.4,11.8-58.9,33.3-80.4
c21.5-21.5,50-33.3,80.4-33.3c30.4,0,58.9,11.8,80.4,33.3c21.5,21.5,33.3,50,33.3,80.4c0,37.8-18.8,73.1-50.2,94.3
c-6.3,4.2-9.6,11.6-8.6,19.1c0.9,7.5,6,13.8,13.1,16.3c19.5,6.9,37.7,16.8,54.3,29.3c16.4,12.4,30.8,27.1,42.7,43.8
c24.9,34.6,38,75.5,38,118.3c0,8.4-0.5,16.7-1.5,25h20.1c0.9-8.2,1.4-16.5,1.4-25c0-97-61.9-179.5-148.3-210.2
c35.6-24,59-64.7,59-110.9c0-73.8-59.9-133.7-133.7-133.7S122.3,92.1,122.3,166c0,46.2,23.4,86.9,59,110.9
C94.8,307.6,33,390.1,33,487c0,8.4,0.5,16.8,1.4,25H54.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,77 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="1049px" height="397px" viewBox="0 0 1049 397" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
<title>wm_grayscale</title>
<desc>Created with Sketch.</desc>
<defs>
<path id="path-1" d="M0.2,1023.54607 L1745.19996,1023.54607 L1745.19996,0 L0.2,0 L0.2,1023.54607 L0.2,1023.54607 Z"></path>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="gitlab_logo" sketch:type="MSLayerGroup" transform="translate(-453.000000, -315.000000)">
<g id="g10" transform="translate(873.000000, 512.918411) scale(1, -1) translate(-873.000000, -512.918411) translate(0.000000, 0.418411)">
<g id="g12" transform="translate(1218.022652, 440.744871)" fill="#5C5C5C" sketch:type="MSShapeGroup">
<path d="M19.9766662,141.900706 L0.929409982,141.900706 L0.989903314,0.155858152 L78.0444481,0.155858152 L78.0444481,17.6840847 L20.0371595,17.6840847 L19.9766662,141.900706 L19.9766662,141.900706 Z" id="path14"></path>
</g>
<g id="g16" transform="translate(0.000000, 0.000000)">
<g id="g18-Clipped">
<mask id="mask-2" sketch:name="path22" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="path22"></g>
<g id="g18" mask="url(#mask-2)">
<g transform="translate(452.736659, 312.879425)">
<g id="g24" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(852.718192, 124.992771)">
<path d="M63.9833317,27.9148929 C59.2218085,22.9379001 51.2134221,17.9597442 40.3909323,17.9597442 C25.8888194,17.9597442 20.0453962,25.1013043 20.0453962,34.4074318 C20.0453962,48.4730484 29.7848226,55.1819277 50.5642821,55.1819277 C54.4602853,55.1819277 60.7364685,54.7492469 63.9833317,54.1002256 L63.9833317,27.9148929 L63.9833317,27.9148929 Z M44.2869356,113.827628 C28.9053426,113.827628 14.7975996,108.376082 3.78897657,99.301416 L10.5211864,87.6422957 C18.3131929,92.1866076 27.8374026,96.7320827 41.4728323,96.7320827 C57.0568452,96.7320827 63.9833317,88.7239978 63.9833317,75.3074024 L63.9833317,68.3821827 C60.9528485,69.0312039 54.6766653,69.4650479 50.7806621,69.4650479 C17.4476729,69.4650479 0.565379986,57.7791759 0.565379986,33.3245665 C0.565379986,11.4683685 13.9844297,0.43151772 34.3299658,0.43151772 C48.0351955,0.43151772 61.1692285,6.70771614 65.7143717,16.8780421 L69.1776149,3.02876588 L82.5978279,3.02876588 L82.5978279,75.5237428 C82.5978279,98.462806 72.6408582,113.827628 44.2869356,113.827628 L44.2869356,113.827628 Z" id="path26" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
<g id="g28" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(959.546624, 124.857151)">
<path d="M37.2266657,17.4468081 C30.0837992,17.4468081 23.8064527,18.3121698 19.0449295,20.4767371 L19.0449295,79.2306079 L19.0449295,86.0464943 C25.538656,91.457331 33.5470425,95.3526217 43.7203922,95.3526217 C62.1173451,95.3526217 69.2602116,82.3687072 69.2602116,61.3767077 C69.2602116,31.5135879 57.7885819,17.4468081 37.2266657,17.4468081 M45.2315622,113.963713 C28.208506,113.963713 19.0449295,102.384849 19.0449295,102.384849 L19.0449295,120.67143 L18.9844362,144.908535 L10.3967097,144.908535 L0.371103324,144.908535 L0.431596656,6.62629771 C9.73826309,2.73100702 22.5081728,0.567602823 36.3611458,0.567602823 C71.8579349,0.567602823 88.9566078,23.2891625 88.9566078,62.4584098 C88.9566078,93.4043948 73.1527248,113.963713 45.2315622,113.963713" id="path30" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
<g id="g32" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(509.576747, 125.294950)">
<path d="M68.636665,129.10638 C85.5189579,129.10638 96.3414476,123.480366 103.484314,117.853189 L111.669527,132.029302 C100.513161,141.811145 85.5073245,147.06845 69.5021849,147.06845 C29.0274926,147.06845 0.673569983,122.3975 0.673569983,72.6252464 C0.673569983,20.4709215 31.2622559,0.12910638 66.2553217,0.12910638 C83.7879179,0.12910638 98.7227909,4.24073748 108.462217,8.35236859 L108.063194,64.0763105 L108.063194,70.6502677 L108.063194,81.6057001 L56.1168719,81.6057001 L56.1168719,64.0763105 L89.2323178,64.0763105 L89.6313411,21.7701271 C85.3025779,19.6055598 77.7269514,17.8748364 67.554765,17.8748364 C39.4172223,17.8748364 20.5863462,35.5717154 20.5863462,72.8415868 C20.5863462,110.711628 40.0663623,129.10638 68.636665,129.10638" id="path34" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
<g id="g36" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(693.388992, 125.376085)">
<path d="M18.7766662,144.390067 L0.162169971,144.390067 L0.222663303,120.585642 L0.222663303,110.846834 L0.222663303,105.170806 L0.222663303,95.2656714 L0.222663303,38.5681976 L0.222663303,38.3518572 C0.222663303,15.4127939 10.1796331,0.047971605 38.5335557,0.047971605 C42.4504989,0.047971605 46.2836822,0.40388649 50.0051854,1.07965952 L50.0051854,17.7925385 C47.3109055,17.3796307 44.4351455,17.1446804 41.3476589,17.1446804 C25.763646,17.1446804 18.8371595,25.1516022 18.8371595,38.5681976 L18.8371595,95.2656714 L50.0051854,95.2656714 L50.0051854,110.846834 L18.8371595,110.846834 L18.7766662,144.390067 L18.7766662,144.390067 Z" id="path38" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
<path d="M646.318899,128.021188 L664.933395,128.021188 L664.933395,236.223966 L646.318899,236.223966 L646.318899,128.021188 L646.318899,128.021188 Z" id="path40" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
<path d="M646.318899,251.154944 L664.933395,251.154944 L664.933395,269.766036 L646.318899,269.766036 L646.318899,251.154944 L646.318899,251.154944 Z" id="path42" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
<g id="g44" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(0.464170, 0.676006)">
<path d="M429.269989,169.815599 L405.225053,243.802859 L357.571431,390.440955 C355.120288,397.984955 344.444378,397.984955 341.992071,390.440955 L294.337286,243.802859 L136.094873,243.802859 L88.4389245,390.440955 C85.9877812,397.984955 75.3118715,397.984955 72.8595648,390.440955 L25.2059427,243.802859 L1.16216997,169.815599 C-1.03187664,163.067173 1.37156997,155.674379 7.11261982,151.503429 L215.215498,0.336141836 L423.319539,151.503429 C429.060589,155.674379 431.462873,163.067173 429.269989,169.815599" id="path46" fill="#A1A1A1" sketch:type="MSShapeGroup"></path>
</g>
<g id="g48" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(136.410135, 1.012147)">
<path d="M79.269998,0 L79.269998,0 L158.391786,243.466717 L0.148209971,243.466717 L79.269998,0 L79.269998,0 Z" id="path50" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
<g id="g52" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(215.680133, 1.012147)">
<g id="path54"></g>
</g>
<g id="g56" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(24.893471, 1.012613)">
<path d="M190.786662,0 L111.664874,243.465554 L0.777106647,243.465554 L190.786662,0 L190.786662,0 Z" id="path58" fill="#787878" sketch:type="MSShapeGroup"></path>
</g>
<g id="g60" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(215.680133, 1.012613)">
<g id="path62"></g>
</g>
<g id="g64" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(0.077245, 0.223203)">
<path d="M25.5933327,244.255313 L25.5933327,244.255313 L1.54839663,170.268052 C-0.644486651,163.519627 1.75779662,156.126833 7.50000981,151.957046 L215.602888,0.789758846 L25.5933327,244.255313 L25.5933327,244.255313 Z" id="path66" fill="#A1A1A1" sketch:type="MSShapeGroup"></path>
</g>
<g id="g68" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(215.680133, 1.012147)">
<g id="path70"></g>
</g>
<g id="g72" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(25.670578, 244.478283)">
<path d="M3.41060513e-13,0 L110.887767,0 L63.2329818,146.638096 C60.7806751,154.183259 50.1047654,154.183259 47.6536221,146.638096 L3.41060513e-13,0 L3.41060513e-13,0 Z" id="path74" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
<g id="g76" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(215.680133, 1.012613)">
<path d="M0,0 L79.121788,243.465554 L190.009555,243.465554 L0,0 L0,0 Z" id="path78" fill="#787878" sketch:type="MSShapeGroup"></path>
</g>
<g id="g80" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(214.902910, 0.223203)">
<path d="M190.786662,244.255313 L190.786662,244.255313 L214.831598,170.268052 C217.024481,163.519627 214.622198,156.126833 208.879985,151.957046 L0.777106647,0.789758846 L190.786662,244.255313 L190.786662,244.255313 Z" id="path82" fill="#A1A1A1" sketch:type="MSShapeGroup"></path>
</g>
<g id="g84" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(294.009575, 244.478283)">
<path d="M111.679997,0 L0.79222998,0 L48.4470155,146.638096 C50.8993221,154.183259 61.5752318,154.183259 64.0263751,146.638096 L111.679997,0 L111.679997,0 Z" id="path86" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1,37 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1763.9 512" enable-background="new 0 0 1763.9 512" xml:space="preserve">
<path fill="#FFFFFF" d="M244.4,94.5c11,1.9,22.1,3.2,32.8,5.9c75.9,18.9,132.4,82,143.3,159.6c14.7,104.2-56.4,200.6-160.3,217.2
c-8.2,1.3-16.6,2.1-24.9,2.2c-29.8,0.3-59.7,0.1-89.5,0.1c-1,0-2-0.1-3.6-0.2c0-2.1,0-4,0-5.9c0-61.7,0-123.3,0.1-185
c0-44.4,29.7-80.1,73.3-88.2c47.8-9,96,26.4,101.8,74.7c5.8,48.7-24.7,90.4-73,99.1c-17.3,3.1-34.2,0.5-50.3-6.7
c-1.2-0.5-2.4-1.1-3.6-1.6c-0.3-0.1-0.6,0.1-1.5,0.2c0,3.4,0,6.8,0,10.3c0,15.5,0.2,31-0.1,46.5c-0.1,4.3,1.5,5.7,5.3,6.7
c75.9,19.9,155.6-25.8,177-101.6c23.5-83.2-27.9-167.4-112.7-184.8c-79.1-16.2-159,38.5-172.1,117.9c-1.5,9.3-2.3,18.9-2.3,28.3
c-0.2,61.3-0.1,122.7-0.1,184c0,2,0,3.9,0,6.1c-15.3,0-30.1,0-45.6,0c0-1.9,0-3.8,0-5.7c0-62.5,0-125,0-187.5
c0-92.8,67.8-173.1,159.3-188.7c6.2-1.1,12.5-1.9,18.7-2.8C225.8,94.5,235.1,94.5,244.4,94.5z"/>
<path fill="#FFFFFF" d="M1718.4,366.5c-10.3,0-20.6,0-31.7,0c0-7.7,0-15.3,0-22.9c-0.1-29.5,0-59-0.3-88.5
c-0.3-23.1-17.7-43.9-40.3-48.6c-31-6.5-62.5,18.6-62.6,50.4c-0.1,34.5,0.1,69,0.2,103.5c0,2,0,3.9,0,6.2c-10.5,0-20.4,0-30.8,0
c0-60.9,0-121.8,0-183.2c9.9,0,19.9,0,30.5,0c0,3,0,6.1,0,10.1c10-8.9,20.6-14.4,32.6-17.4c47.2-11.9,96.6,22.8,101.4,71.2
c0.1,1.4,0.6,2.9,0.9,4.3C1718.4,289.8,1718.4,328.2,1718.4,366.5z"/>
<path fill="#FFFFFF" d="M520,346.2c0,30.3,0,60.6,0,91.2c-10.3,0-20.2,0-30.4,0c-0.1-1.3-0.3-2.6-0.3-3.9
c0-53.2-0.2-106.3,0.1-159.5c0.2-48.1,34-88.7,81-98.2c56.5-11.4,111.8,28.3,119.2,85.5c7.3,56.5-31.5,107-88,113.8
c-29.5,3.5-55-6.6-77-26.1c-1.2-1-1.8-2.7-2.7-4.1C521.3,345.3,520.7,345.7,520,346.2z M589.9,344.9c38.6,0,69.7-31.1,69.8-69.9
c0-38.7-31.1-70-69.7-70c-38.5,0-69.7,31.2-69.7,70C520.2,313.7,551.2,344.8,589.9,344.9z"/>
<path fill="#FFFFFF" d="M1295.8,206.7c-43.2,36.3-86.4,72.7-129.5,109c9.4,16.1,37.2,34.1,69.4,27.5c18.1-3.7,32.6-13.2,43.3-28.2
c10.6-14.9,14.4-31.6,12.3-50c10.4,0,20.4,0,30.3,0c10.9,34.1-20.5,86.5-61.7,103.1c-49,19.8-105.2-1.8-128.4-49.4
c-23.1-47.2-5.7-104.7,39.8-131.4C1218.9,159.5,1272.3,177.9,1295.8,206.7z M1153.1,286.3c31.1-26.1,61.3-51.6,92.3-77.6
c-27.7-8.5-51.4-3.5-71.5,15.4C1156.3,240.6,1150.2,261.4,1153.1,286.3z"/>
<path fill="#FFFFFF" d="M902.2,366.7c-10.4,0-20.2,0-30.5,0c0-6.1,0-12,0-18.9c-1.9,1.5-3,2.3-4.1,3.2
c-30.1,24.8-64.1,31.7-100.6,18.2c-36.6-13.6-58.7-40.8-64.7-79.6c-8.6-55.1,29.5-106.5,84.4-114.8c60.1-9.1,115,37.4,115.6,98.2
c0.3,30,0.1,60,0.1,90C902.4,364.1,902.3,365.2,902.2,366.7z M732,274.7c0.1,38.7,31.3,69.9,69.9,69.8c38.4,0,69.8-31.4,69.7-69.5
c-0.1-39.2-31.1-70.5-69.8-70.4C763.2,204.6,731.9,236.1,732,274.7z"/>
<path fill="#FFFFFF" d="M1434.3,375.5c-55.5-0.1-100.6-45.4-100.5-101c0.1-55.8,45.6-101.1,101.2-100.9
c55.4,0.2,100.5,45.9,100.3,101.3C1535,330.7,1489.8,375.6,1434.3,375.5z M1434.2,344.5c38.6,0.1,70-31.1,70.1-69.7
c0.1-38.5-31.2-70.2-69.6-70.3c-38.5-0.1-70,31.2-70.2,69.7C1364.4,312.9,1395.8,344.5,1434.2,344.5z"/>
<path fill="#FFFFFF" d="M912.2,213.9c0-10.6,0-20.4,0-30.9c5.9,0,11.6,0,18,0c0-24.1,0-47.5,0-71.1c10.4,0,20.2,0,30.6,0
c0,23.4,0,46.8,0,70.9c15.8,0,31.1,0,46.4,0c0,10.6,0,20.5,0,31c-15.3,0-30.4,0-46.1,0c0,51.1,0,101.7,0,152.7
c-10.5,0-20.3,0-30.9,0c0-50.7,0-101.3,0-152.5C923.9,213.9,918.3,213.9,912.2,213.9z"/>
<path fill="#FFFFFF" d="M1053.3,366.6c-10.4,0-20.1,0-30.4,0c0-61.1,0-122,0-183.3c9.6,0,19.5,0,30,0c0,8.7,0,17.3,0,27.1
c21.4-19,44.9-28.9,73.2-28c0,9.6,0,18.9,0,28.2c0,3.6-2.9,2.6-4.8,2.6c-18.3,0.5-34.1,7.2-47.1,20c-13.5,13.3-20.7,29.7-20.8,48.7
c-0.2,26.2-0.1,52.3-0.1,78.5C1053.3,362.3,1053.3,364.1,1053.3,366.6z"/>
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 75 KiB

View File

@ -0,0 +1,903 @@
<svg xmlns="http://www.w3.org/2000/svg" id="svg2" version="1.1"
width="464" height="272" viewBox="0 0 464 272">
<g id="box0">
<text style="font-size:12px;font-family:sans-serif;fill:#e8e8e8;fill-opacity:1.00;" id="text0" x="5" y="10" >d</text>
</g>
<g id="box1">
<text style="font-size:12px;font-family:sans-serif;fill:#f1f1f1;fill-opacity:1.00;" id="text1" x="5" y="26" >k</text>
</g>
<g id="box2">
<text style="font-size:12px;font-family:sans-serif;fill:#f5f5f5;fill-opacity:1.00;" id="text2" x="5" y="42" >{</text>
</g>
<g id="box3">
<rect style="fill:#fcfcfc;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect3" width="12" height="12" x="2" y="50" ry="4" />
</g>
<g id="box4">
<rect style="fill:#f9f9f9;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect4" width="12" height="12" x="2" y="66" ry="4" />
</g>
<g id="box5">
<rect style="fill:#f1f1f1;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect5" width="12" height="12" x="2" y="82" ry="4" />
</g>
<g id="box6">
<rect style="fill:#ececec;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect6" width="12" height="12" x="2" y="98" ry="4" />
</g>
<g id="box7">
<text style="font-size:12px;font-family:sans-serif;fill:#fdfdfd;fill-opacity:1.00;" id="text7" x="5" y="122" >=</text>
</g>
<g id="box8">
<text style="font-size:12px;font-family:sans-serif;fill:#f7f7f7;fill-opacity:1.00;" id="text8" x="5" y="138" >/</text>
</g>
<g id="box9">
<text style="font-size:12px;font-family:sans-serif;fill:#f5f5f5;fill-opacity:1.00;" id="text9" x="5" y="154" >:</text>
</g>
<g id="box10">
<rect style="fill:#f2f2f2;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect10" width="12" height="12" x="18" y="2" ry="4" />
</g>
<g id="box11">
<text style="font-size:12px;font-family:sans-serif;fill:#f4f4f4;fill-opacity:1.00;" id="text11" x="21" y="26" >~</text>
</g>
<g id="box12">
<rect style="fill:#fdfdfd;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect12" width="12" height="12" x="18" y="34" ry="4" />
</g>
<g id="box13">
<text style="font-size:12px;font-family:sans-serif;fill:#fdfdfd;fill-opacity:1.00;" id="text13" x="21" y="58" >f</text>
</g>
<g id="box14">
<text style="font-size:12px;font-family:sans-serif;fill:#ececec;fill-opacity:1.00;" id="text14" x="21" y="74" >2</text>
</g>
<g id="box15">
<text style="font-size:12px;font-family:sans-serif;fill:#ededed;fill-opacity:1.00;" id="text15" x="21" y="90" >w</text>
</g>
<g id="box16">
<text style="font-size:12px;font-family:sans-serif;fill:#e9e9e9;fill-opacity:1.00;" id="text16" x="21" y="106" >1</text>
</g>
<g id="box17">
<rect style="fill:#efefef;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect17" width="12" height="12" x="18" y="114" ry="4" />
</g>
<g id="box18">
<text style="font-size:12px;font-family:sans-serif;fill:#fafafa;fill-opacity:1.00;" id="text18" x="21" y="138" >l</text>
</g>
<g id="box19">
<rect style="fill:#f8f8f8;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect19" width="12" height="12" x="18" y="146" ry="4" />
</g>
<g id="box20">
<text style="font-size:12px;font-family:sans-serif;fill:#f8f8f8;fill-opacity:1.00;" id="text20" x="21" y="170" >}</text>
</g>
<g id="box21">
<rect style="fill:#fcfcfc;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect21" width="12" height="12" x="18" y="178" ry="4" />
</g>
<g id="box22">
<text style="font-size:12px;font-family:sans-serif;fill:#ebebeb;fill-opacity:1.00;" id="text22" x="21" y="202" >k</text>
</g>
<g id="box23">
<rect style="fill:#f6f6f6;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect23" width="12" height="12" x="34" y="2" ry="4" />
</g>
<g id="box24">
<text style="font-size:12px;font-family:sans-serif;fill:#e8e8e8;fill-opacity:1.00;" id="text24" x="37" y="26" >!</text>
</g>
<g id="box25">
<text style="font-size:12px;font-family:sans-serif;fill:#ececec;fill-opacity:1.00;" id="text25" x="37" y="42" >y</text>
</g>
<g id="box26">
<text style="font-size:12px;font-family:sans-serif;fill:#f8f8f8;fill-opacity:1.00;" id="text26" x="37" y="58" >/</text>
</g>
<g id="box27">
<rect style="fill:#e8e8e8;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect27" width="12" height="12" x="34" y="66" ry="4" />
</g>
<g id="box28">
<text style="font-size:12px;font-family:sans-serif;fill:#e6e6e6;fill-opacity:1.00;" id="text28" x="53" y="10" >@</text>
</g>
<g id="box29">
<text style="font-size:12px;font-family:sans-serif;fill:#eaeaea;fill-opacity:1.00;" id="text29" x="53" y="26" >7</text>
</g>
<g id="box30">
<text style="font-size:12px;font-family:sans-serif;fill:#f5f5f5;fill-opacity:1.00;" id="text30" x="53" y="42" >*</text>
</g>
<g id="box31">
<rect style="fill:#f2f2f2;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect31" width="12" height="12" x="50" y="50" ry="4" />
</g>
<g id="box32">
<rect style="fill:#fcfcfc;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect32" width="12" height="12" x="50" y="66" ry="4" />
</g>
<g id="box33">
<text style="font-size:12px;font-family:sans-serif;fill:#fafafa;fill-opacity:1.00;" id="text33" x="53" y="90" >p</text>
</g>
<g id="box34">
<text style="font-size:12px;font-family:sans-serif;fill:#f7f7f7;fill-opacity:1.00;" id="text34" x="53" y="106" >8</text>
</g>
<g id="box35">
<text style="font-size:12px;font-family:sans-serif;fill:#eeeeee;fill-opacity:1.00;" id="text35" x="53" y="122" >~</text>
</g>
<g id="box36">
<text style="font-size:12px;font-family:sans-serif;fill:#e7e7e7;fill-opacity:1.00;" id="text36" x="53" y="138" >s</text>
</g>
<g id="box37">
<text style="font-size:12px;font-family:sans-serif;fill:#e8e8e8;fill-opacity:1.00;" id="text37" x="53" y="154" >0</text>
</g>
<g id="box38">
<text style="font-size:12px;font-family:sans-serif;fill:#f0f0f0;fill-opacity:1.00;" id="text38" x="53" y="170" >a</text>
</g>
<g id="box39">
<text style="font-size:12px;font-family:sans-serif;fill:#f9f9f9;fill-opacity:1.00;" id="text39" x="53" y="186" >l</text>
</g>
<g id="box40">
<text style="font-size:12px;font-family:sans-serif;fill:#f0f0f0;fill-opacity:1.00;" id="text40" x="53" y="202" >m</text>
</g>
<g id="box41">
<text style="font-size:12px;font-family:sans-serif;fill:#f6f6f6;fill-opacity:1.00;" id="text41" x="69" y="10" >]</text>
</g>
<g id="box42">
<rect style="fill:#ededed;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect42" width="12" height="12" x="66" y="18" ry="4" />
</g>
<g id="box43">
<rect style="fill:#f7f7f7;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect43" width="12" height="12" x="66" y="34" ry="4" />
</g>
<g id="box44">
<rect style="fill:#f9f9f9;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect44" width="12" height="12" x="66" y="50" ry="4" />
</g>
<g id="box45">
<rect style="fill:#fefefe;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect45" width="12" height="12" x="66" y="66" ry="4" />
</g>
<g id="box46">
<text style="font-size:12px;font-family:sans-serif;fill:#f0f0f0;fill-opacity:1.00;" id="text46" x="69" y="90" >}</text>
</g>
<g id="box47">
<text style="font-size:12px;font-family:sans-serif;fill:#ececec;fill-opacity:1.00;" id="text47" x="69" y="106" >z</text>
</g>
<g id="box48">
<rect style="fill:#efefef;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect48" width="12" height="12" x="66" y="114" ry="4" />
</g>
<g id="box49">
<text style="font-size:12px;font-family:sans-serif;fill:#f0f0f0;fill-opacity:1.00;" id="text49" x="69" y="138" >f</text>
</g>
<g id="box50">
<rect style="fill:#f4f4f4;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect50" width="12" height="12" x="66" y="146" ry="4" />
</g>
<g id="box51">
<text style="font-size:12px;font-family:sans-serif;fill:#fbfbfb;fill-opacity:1.00;" id="text51" x="69" y="170" >d</text>
</g>
<g id="box52">
<rect style="fill:#eeeeee;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect52" width="12" height="12" x="66" y="178" ry="4" />
</g>
<g id="box53">
<text style="font-size:12px;font-family:sans-serif;fill:#fcfcfc;fill-opacity:1.00;" id="text53" x="69" y="202" >j</text>
</g>
<g id="box54">
<rect style="fill:#fbfbfb;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect54" width="12" height="12" x="66" y="210" ry="4" />
</g>
<g id="box55">
<text style="font-size:12px;font-family:sans-serif;fill:#eeeeee;fill-opacity:1.00;" id="text55" x="69" y="234" >(</text>
</g>
<g id="box56">
<text style="font-size:12px;font-family:sans-serif;fill:#eeeeee;fill-opacity:1.00;" id="text56" x="69" y="250" >-</text>
</g>
<g id="box57">
<text style="font-size:12px;font-family:sans-serif;fill:#e9e9e9;fill-opacity:1.00;" id="text57" x="69" y="266" >?</text>
</g>
<g id="box58">
<text style="font-size:12px;font-family:sans-serif;fill:#ededed;fill-opacity:1.00;" id="text58" x="85" y="10" >b</text>
</g>
<g id="box59">
<text style="font-size:12px;font-family:sans-serif;fill:#fbfbfb;fill-opacity:1.00;" id="text59" x="85" y="26" >o</text>
</g>
<g id="box60">
<rect style="fill:#eaeaea;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect60" width="12" height="12" x="82" y="34" ry="4" />
</g>
<g id="box61">
<text style="font-size:12px;font-family:sans-serif;fill:#eaeaea;fill-opacity:1.00;" id="text61" x="85" y="58" >j</text>
</g>
<g id="box62">
<rect style="fill:#f3f3f3;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect62" width="12" height="12" x="82" y="66" ry="4" />
</g>
<g id="box63">
<rect style="fill:#f2f2f2;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect63" width="12" height="12" x="82" y="82" ry="4" />
</g>
<g id="box64">
<rect style="fill:#fefefe;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect64" width="12" height="12" x="82" y="98" ry="4" />
</g>
<g id="box65">
<rect style="fill:#eeeeee;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect65" width="12" height="12" x="82" y="114" ry="4" />
</g>
<g id="box66">
<text style="font-size:12px;font-family:sans-serif;fill:#f0f0f0;fill-opacity:1.00;" id="text66" x="85" y="138" >y</text>
</g>
<g id="box67">
<text style="font-size:12px;font-family:sans-serif;fill:#f3f3f3;fill-opacity:1.00;" id="text67" x="85" y="154" >2</text>
</g>
<g id="box68">
<rect style="fill:#fdfdfd;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect68" width="12" height="12" x="82" y="162" ry="4" />
</g>
<g id="box69">
<rect style="fill:#e8e8e8;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect69" width="12" height="12" x="82" y="178" ry="4" />
</g>
<g id="box70">
<text style="font-size:12px;font-family:sans-serif;fill:#fefefe;fill-opacity:1.00;" id="text70" x="101" y="10" >{</text>
</g>
<g id="box71">
<rect style="fill:#ebebeb;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect71" width="12" height="12" x="98" y="18" ry="4" />
</g>
<g id="box72">
<text style="font-size:12px;font-family:sans-serif;fill:#e6e6e6;fill-opacity:1.00;" id="text72" x="101" y="42" >w</text>
</g>
<g id="box73">
<text style="font-size:12px;font-family:sans-serif;fill:#eeeeee;fill-opacity:1.00;" id="text73" x="117" y="10" >@</text>
</g>
<g id="box74">
<rect style="fill:#f3f3f3;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect74" width="12" height="12" x="114" y="18" ry="4" />
</g>
<g id="box75">
<text style="font-size:12px;font-family:sans-serif;fill:#f5f5f5;fill-opacity:1.00;" id="text75" x="117" y="42" >~</text>
</g>
<g id="box76">
<text style="font-size:12px;font-family:sans-serif;fill:#f0f0f0;fill-opacity:1.00;" id="text76" x="117" y="58" >b</text>
</g>
<g id="box77">
<text style="font-size:12px;font-family:sans-serif;fill:#ebebeb;fill-opacity:1.00;" id="text77" x="117" y="74" >l</text>
</g>
<g id="box78">
<text style="font-size:12px;font-family:sans-serif;fill:#eaeaea;fill-opacity:1.00;" id="text78" x="117" y="90" >n</text>
</g>
<g id="box79">
<rect style="fill:#f8f8f8;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect79" width="12" height="12" x="114" y="98" ry="4" />
</g>
<g id="box80">
<rect style="fill:#fdfdfd;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect80" width="12" height="12" x="114" y="114" ry="4" />
</g>
<g id="box81">
<rect style="fill:#f4f4f4;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect81" width="12" height="12" x="114" y="130" ry="4" />
</g>
<g id="box82">
<text style="font-size:12px;font-family:sans-serif;fill:#efefef;fill-opacity:1.00;" id="text82" x="117" y="154" >{</text>
</g>
<g id="box83">
<text style="font-size:12px;font-family:sans-serif;fill:#efefef;fill-opacity:1.00;" id="text83" x="117" y="170" >o</text>
</g>
<g id="box84">
<text style="font-size:12px;font-family:sans-serif;fill:#efefef;fill-opacity:1.00;" id="text84" x="117" y="186" >c</text>
</g>
<g id="box85">
<text style="font-size:12px;font-family:sans-serif;fill:#f3f3f3;fill-opacity:1.00;" id="text85" x="117" y="202" >]</text>
</g>
<g id="box86">
<text style="font-size:12px;font-family:sans-serif;fill:#eaeaea;fill-opacity:1.00;" id="text86" x="117" y="218" >7</text>
</g>
<g id="box87">
<text style="font-size:12px;font-family:sans-serif;fill:#f0f0f0;fill-opacity:1.00;" id="text87" x="133" y="10" >1</text>
</g>
<g id="box88">
<text style="font-size:12px;font-family:sans-serif;fill:#f0f0f0;fill-opacity:1.00;" id="text88" x="133" y="26" >g</text>
</g>
<g id="box89">
<text style="font-size:12px;font-family:sans-serif;fill:#f8f8f8;fill-opacity:1.00;" id="text89" x="133" y="42" >o</text>
</g>
<g id="box90">
<rect style="fill:#eeeeee;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect90" width="12" height="12" x="146" y="2" ry="4" />
</g>
<g id="box91">
<text style="font-size:12px;font-family:sans-serif;fill:#e9e9e9;fill-opacity:1.00;" id="text91" x="149" y="26" >@</text>
</g>
<g id="box92">
<rect style="fill:#fbfbfb;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect92" width="12" height="12" x="146" y="34" ry="4" />
</g>
<g id="box93">
<rect style="fill:#f3f3f3;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect93" width="12" height="12" x="146" y="50" ry="4" />
</g>
<g id="box94">
<text style="font-size:12px;font-family:sans-serif;fill:#f8f8f8;fill-opacity:1.00;" id="text94" x="149" y="74" >)</text>
</g>
<g id="box95">
<rect style="fill:#fcfcfc;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect95" width="12" height="12" x="146" y="82" ry="4" />
</g>
<g id="box96">
<text style="font-size:12px;font-family:sans-serif;fill:#ebebeb;fill-opacity:1.00;" id="text96" x="149" y="106" >:</text>
</g>
<g id="box97">
<text style="font-size:12px;font-family:sans-serif;fill:#ececec;fill-opacity:1.00;" id="text97" x="149" y="122" >b</text>
</g>
<g id="box98">
<text style="font-size:12px;font-family:sans-serif;fill:#f9f9f9;fill-opacity:1.00;" id="text98" x="149" y="138" >r</text>
</g>
<g id="box99">
<text style="font-size:12px;font-family:sans-serif;fill:#f6f6f6;fill-opacity:1.00;" id="text99" x="149" y="154" >~</text>
</g>
<g id="box100">
<rect style="fill:#ededed;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect100" width="12" height="12" x="146" y="162" ry="4" />
</g>
<g id="box101">
<text style="font-size:12px;font-family:sans-serif;fill:#ebebeb;fill-opacity:1.00;" id="text101" x="149" y="186" >9</text>
</g>
<g id="box102">
<text style="font-size:12px;font-family:sans-serif;fill:#efefef;fill-opacity:1.00;" id="text102" x="149" y="202" >!</text>
</g>
<g id="box103">
<text style="font-size:12px;font-family:sans-serif;fill:#fefefe;fill-opacity:1.00;" id="text103" x="149" y="218" >:</text>
</g>
<g id="box104">
<text style="font-size:12px;font-family:sans-serif;fill:#fafafa;fill-opacity:1.00;" id="text104" x="149" y="234" >[</text>
</g>
<g id="box105">
<rect style="fill:#fdfdfd;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect105" width="12" height="12" x="162" y="2" ry="4" />
</g>
<g id="box106">
<text style="font-size:12px;font-family:sans-serif;fill:#f9f9f9;fill-opacity:1.00;" id="text106" x="165" y="26" >|</text>
</g>
<g id="box107">
<text style="font-size:12px;font-family:sans-serif;fill:#eeeeee;fill-opacity:1.00;" id="text107" x="165" y="42" >:</text>
</g>
<g id="box108">
<text style="font-size:12px;font-family:sans-serif;fill:#ececec;fill-opacity:1.00;" id="text108" x="165" y="58" >7</text>
</g>
<g id="box109">
<rect style="fill:#ececec;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect109" width="12" height="12" x="162" y="66" ry="4" />
</g>
<g id="box110">
<text style="font-size:12px;font-family:sans-serif;fill:#f7f7f7;fill-opacity:1.00;" id="text110" x="165" y="90" >t</text>
</g>
<g id="box111">
<text style="font-size:12px;font-family:sans-serif;fill:#f5f5f5;fill-opacity:1.00;" id="text111" x="165" y="106" >9</text>
</g>
<g id="box112">
<rect style="fill:#f5f5f5;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect112" width="12" height="12" x="162" y="114" ry="4" />
</g>
<g id="box113">
<text style="font-size:12px;font-family:sans-serif;fill:#ededed;fill-opacity:1.00;" id="text113" x="165" y="138" >v</text>
</g>
<g id="box114">
<rect style="fill:#eaeaea;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect114" width="12" height="12" x="162" y="146" ry="4" />
</g>
<g id="box115">
<rect style="fill:#f4f4f4;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect115" width="12" height="12" x="178" y="2" ry="4" />
</g>
<g id="box116">
<text style="font-size:12px;font-family:sans-serif;fill:#f8f8f8;fill-opacity:1.00;" id="text116" x="181" y="26" >0</text>
</g>
<g id="box117">
<text style="font-size:12px;font-family:sans-serif;fill:#e9e9e9;fill-opacity:1.00;" id="text117" x="181" y="42" >z</text>
</g>
<g id="box118">
<text style="font-size:12px;font-family:sans-serif;fill:#fefefe;fill-opacity:1.00;" id="text118" x="181" y="58" >y</text>
</g>
<g id="box119">
<rect style="fill:#ebebeb;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect119" width="12" height="12" x="178" y="66" ry="4" />
</g>
<g id="box120">
<text style="font-size:12px;font-family:sans-serif;fill:#f8f8f8;fill-opacity:1.00;" id="text120" x="181" y="90" >)</text>
</g>
<g id="box121">
<text style="font-size:12px;font-family:sans-serif;fill:#efefef;fill-opacity:1.00;" id="text121" x="181" y="106" >i</text>
</g>
<g id="box122">
<text style="font-size:12px;font-family:sans-serif;fill:#f6f6f6;fill-opacity:1.00;" id="text122" x="181" y="122" >6</text>
</g>
<g id="box123">
<text style="font-size:12px;font-family:sans-serif;fill:#fbfbfb;fill-opacity:1.00;" id="text123" x="181" y="138" >x</text>
</g>
<g id="box124">
<text style="font-size:12px;font-family:sans-serif;fill:#e8e8e8;fill-opacity:1.00;" id="text124" x="181" y="154" >$</text>
</g>
<g id="box125">
<rect style="fill:#f8f8f8;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect125" width="12" height="12" x="178" y="162" ry="4" />
</g>
<g id="box126">
<rect style="fill:#f0f0f0;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect126" width="12" height="12" x="194" y="2" ry="4" />
</g>
<g id="box127">
<text style="font-size:12px;font-family:sans-serif;fill:#efefef;fill-opacity:1.00;" id="text127" x="197" y="26" >8</text>
</g>
<g id="box128">
<text style="font-size:12px;font-family:sans-serif;fill:#f3f3f3;fill-opacity:1.00;" id="text128" x="197" y="42" >c</text>
</g>
<g id="box129">
<text style="font-size:12px;font-family:sans-serif;fill:#ebebeb;fill-opacity:1.00;" id="text129" x="197" y="58" >r</text>
</g>
<g id="box130">
<text style="font-size:12px;font-family:sans-serif;fill:#f6f6f6;fill-opacity:1.00;" id="text130" x="197" y="74" >y</text>
</g>
<g id="box131">
<text style="font-size:12px;font-family:sans-serif;fill:#fcfcfc;fill-opacity:1.00;" id="text131" x="213" y="10" >c</text>
</g>
<g id="box132">
<text style="font-size:12px;font-family:sans-serif;fill:#ededed;fill-opacity:1.00;" id="text132" x="213" y="26" >$</text>
</g>
<g id="box133">
<rect style="fill:#f3f3f3;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect133" width="12" height="12" x="210" y="34" ry="4" />
</g>
<g id="box134">
<text style="font-size:12px;font-family:sans-serif;fill:#e7e7e7;fill-opacity:1.00;" id="text134" x="213" y="58" >/</text>
</g>
<g id="box135">
<rect style="fill:#f2f2f2;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect135" width="12" height="12" x="210" y="66" ry="4" />
</g>
<g id="box136">
<text style="font-size:12px;font-family:sans-serif;fill:#f1f1f1;fill-opacity:1.00;" id="text136" x="213" y="90" >1</text>
</g>
<g id="box137">
<text style="font-size:12px;font-family:sans-serif;fill:#ebebeb;fill-opacity:1.00;" id="text137" x="213" y="106" >;</text>
</g>
<g id="box138">
<rect style="fill:#ededed;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect138" width="12" height="12" x="210" y="114" ry="4" />
</g>
<g id="box139">
<text style="font-size:12px;font-family:sans-serif;fill:#ebebeb;fill-opacity:1.00;" id="text139" x="213" y="138" >u</text>
</g>
<g id="box140">
<text style="font-size:12px;font-family:sans-serif;fill:#f5f5f5;fill-opacity:1.00;" id="text140" x="213" y="154" >|</text>
</g>
<g id="box141">
<rect style="fill:#ebebeb;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect141" width="12" height="12" x="210" y="162" ry="4" />
</g>
<g id="box142">
<rect style="fill:#efefef;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect142" width="12" height="12" x="210" y="178" ry="4" />
</g>
<g id="box143">
<text style="font-size:12px;font-family:sans-serif;fill:#fcfcfc;fill-opacity:1.00;" id="text143" x="213" y="202" >h</text>
</g>
<g id="box144">
<rect style="fill:#f1f1f1;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect144" width="12" height="12" x="210" y="210" ry="4" />
</g>
<g id="box145">
<text style="font-size:12px;font-family:sans-serif;fill:#fefefe;fill-opacity:1.00;" id="text145" x="213" y="234" >!</text>
</g>
<g id="box146">
<rect style="fill:#f2f2f2;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect146" width="12" height="12" x="210" y="242" ry="4" />
</g>
<g id="box147">
<rect style="fill:#f0f0f0;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect147" width="12" height="12" x="226" y="2" ry="4" />
</g>
<g id="box148">
<rect style="fill:#eeeeee;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect148" width="12" height="12" x="226" y="18" ry="4" />
</g>
<g id="box149">
<text style="font-size:12px;font-family:sans-serif;fill:#fafafa;fill-opacity:1.00;" id="text149" x="229" y="42" >m</text>
</g>
<g id="box150">
<rect style="fill:#f8f8f8;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect150" width="12" height="12" x="226" y="50" ry="4" />
</g>
<g id="box151">
<rect style="fill:#f6f6f6;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect151" width="12" height="12" x="226" y="66" ry="4" />
</g>
<g id="box152">
<text style="font-size:12px;font-family:sans-serif;fill:#e9e9e9;fill-opacity:1.00;" id="text152" x="229" y="90" >i</text>
</g>
<g id="box153">
<text style="font-size:12px;font-family:sans-serif;fill:#ebebeb;fill-opacity:1.00;" id="text153" x="229" y="106" >e</text>
</g>
<g id="box154">
<rect style="fill:#fefefe;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect154" width="12" height="12" x="226" y="114" ry="4" />
</g>
<g id="box155">
<rect style="fill:#f1f1f1;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect155" width="12" height="12" x="226" y="130" ry="4" />
</g>
<g id="box156">
<text style="font-size:12px;font-family:sans-serif;fill:#efefef;fill-opacity:1.00;" id="text156" x="229" y="154" >!</text>
</g>
<g id="box157">
<text style="font-size:12px;font-family:sans-serif;fill:#e7e7e7;fill-opacity:1.00;" id="text157" x="229" y="170" >|</text>
</g>
<g id="box158">
<text style="font-size:12px;font-family:sans-serif;fill:#fdfdfd;fill-opacity:1.00;" id="text158" x="229" y="186" >;</text>
</g>
<g id="box159">
<text style="font-size:12px;font-family:sans-serif;fill:#fafafa;fill-opacity:1.00;" id="text159" x="229" y="202" >!</text>
</g>
<g id="box160">
<rect style="fill:#f1f1f1;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect160" width="12" height="12" x="226" y="210" ry="4" />
</g>
<g id="box161">
<text style="font-size:12px;font-family:sans-serif;fill:#ececec;fill-opacity:1.00;" id="text161" x="229" y="234" >:</text>
</g>
<g id="box162">
<text style="font-size:12px;font-family:sans-serif;fill:#fbfbfb;fill-opacity:1.00;" id="text162" x="229" y="250" >j</text>
</g>
<g id="box163">
<text style="font-size:12px;font-family:sans-serif;fill:#efefef;fill-opacity:1.00;" id="text163" x="229" y="266" >c</text>
</g>
<g id="box164">
<text style="font-size:12px;font-family:sans-serif;fill:#f0f0f0;fill-opacity:1.00;" id="text164" x="245" y="10" >e</text>
</g>
<g id="box165">
<text style="font-size:12px;font-family:sans-serif;fill:#f7f7f7;fill-opacity:1.00;" id="text165" x="245" y="26" >z</text>
</g>
<g id="box166">
<rect style="fill:#e7e7e7;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect166" width="12" height="12" x="242" y="34" ry="4" />
</g>
<g id="box167">
<text style="font-size:12px;font-family:sans-serif;fill:#eaeaea;fill-opacity:1.00;" id="text167" x="245" y="58" >w</text>
</g>
<g id="box168">
<text style="font-size:12px;font-family:sans-serif;fill:#fbfbfb;fill-opacity:1.00;" id="text168" x="245" y="74" >|</text>
</g>
<g id="box169">
<rect style="fill:#ebebeb;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect169" width="12" height="12" x="242" y="82" ry="4" />
</g>
<g id="box170">
<text style="font-size:12px;font-family:sans-serif;fill:#fefefe;fill-opacity:1.00;" id="text170" x="245" y="106" >*</text>
</g>
<g id="box171">
<text style="font-size:12px;font-family:sans-serif;fill:#efefef;fill-opacity:1.00;" id="text171" x="245" y="122" >@</text>
</g>
<g id="box172">
<rect style="fill:#f0f0f0;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect172" width="12" height="12" x="242" y="130" ry="4" />
</g>
<g id="box173">
<text style="font-size:12px;font-family:sans-serif;fill:#e6e6e6;fill-opacity:1.00;" id="text173" x="245" y="154" >l</text>
</g>
<g id="box174">
<rect style="fill:#eeeeee;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect174" width="12" height="12" x="242" y="162" ry="4" />
</g>
<g id="box175">
<text style="font-size:12px;font-family:sans-serif;fill:#f8f8f8;fill-opacity:1.00;" id="text175" x="245" y="186" >i</text>
</g>
<g id="box176">
<text style="font-size:12px;font-family:sans-serif;fill:#ebebeb;fill-opacity:1.00;" id="text176" x="245" y="202" >6</text>
</g>
<g id="box177">
<text style="font-size:12px;font-family:sans-serif;fill:#e6e6e6;fill-opacity:1.00;" id="text177" x="245" y="218" >w</text>
</g>
<g id="box178">
<text style="font-size:12px;font-family:sans-serif;fill:#f8f8f8;fill-opacity:1.00;" id="text178" x="245" y="234" >e</text>
</g>
<g id="box179">
<text style="font-size:12px;font-family:sans-serif;fill:#f6f6f6;fill-opacity:1.00;" id="text179" x="245" y="250" >g</text>
</g>
<g id="box180">
<text style="font-size:12px;font-family:sans-serif;fill:#eaeaea;fill-opacity:1.00;" id="text180" x="245" y="266" >2</text>
</g>
<g id="box181">
<rect style="fill:#f6f6f6;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect181" width="12" height="12" x="258" y="2" ry="4" />
</g>
<g id="box182">
<text style="font-size:12px;font-family:sans-serif;fill:#f7f7f7;fill-opacity:1.00;" id="text182" x="261" y="26" >s</text>
</g>
<g id="box183">
<text style="font-size:12px;font-family:sans-serif;fill:#eeeeee;fill-opacity:1.00;" id="text183" x="261" y="42" >x</text>
</g>
<g id="box184">
<rect style="fill:#e7e7e7;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect184" width="12" height="12" x="258" y="50" ry="4" />
</g>
<g id="box185">
<text style="font-size:12px;font-family:sans-serif;fill:#eeeeee;fill-opacity:1.00;" id="text185" x="277" y="10" >j</text>
</g>
<g id="box186">
<rect style="fill:#f9f9f9;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect186" width="12" height="12" x="274" y="18" ry="4" />
</g>
<g id="box187">
<rect style="fill:#f6f6f6;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect187" width="12" height="12" x="274" y="34" ry="4" />
</g>
<g id="box188">
<text style="font-size:12px;font-family:sans-serif;fill:#e5e5e5;fill-opacity:1.00;" id="text188" x="277" y="58" >:</text>
</g>
<g id="box189">
<text style="font-size:12px;font-family:sans-serif;fill:#f3f3f3;fill-opacity:1.00;" id="text189" x="277" y="74" >z</text>
</g>
<g id="box190">
<rect style="fill:#f6f6f6;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect190" width="12" height="12" x="274" y="82" ry="4" />
</g>
<g id="box191">
<text style="font-size:12px;font-family:sans-serif;fill:#f2f2f2;fill-opacity:1.00;" id="text191" x="277" y="106" >0</text>
</g>
<g id="box192">
<text style="font-size:12px;font-family:sans-serif;fill:#fdfdfd;fill-opacity:1.00;" id="text192" x="277" y="122" >j</text>
</g>
<g id="box193">
<text style="font-size:12px;font-family:sans-serif;fill:#eaeaea;fill-opacity:1.00;" id="text193" x="293" y="10" >d</text>
</g>
<g id="box194">
<text style="font-size:12px;font-family:sans-serif;fill:#fdfdfd;fill-opacity:1.00;" id="text194" x="293" y="26" >9</text>
</g>
<g id="box195">
<rect style="fill:#f5f5f5;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect195" width="12" height="12" x="290" y="34" ry="4" />
</g>
<g id="box196">
<text style="font-size:12px;font-family:sans-serif;fill:#e7e7e7;fill-opacity:1.00;" id="text196" x="293" y="58" >(</text>
</g>
<g id="box197">
<rect style="fill:#efefef;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect197" width="12" height="12" x="290" y="66" ry="4" />
</g>
<g id="box198">
<rect style="fill:#f5f5f5;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect198" width="12" height="12" x="290" y="82" ry="4" />
</g>
<g id="box199">
<rect style="fill:#fdfdfd;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect199" width="12" height="12" x="290" y="98" ry="4" />
</g>
<g id="box200">
<text style="font-size:12px;font-family:sans-serif;fill:#f7f7f7;fill-opacity:1.00;" id="text200" x="293" y="122" >+</text>
</g>
<g id="box201">
<text style="font-size:12px;font-family:sans-serif;fill:#efefef;fill-opacity:1.00;" id="text201" x="293" y="138" >i</text>
</g>
<g id="box202">
<rect style="fill:#f7f7f7;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect202" width="12" height="12" x="306" y="2" ry="4" />
</g>
<g id="box203">
<text style="font-size:12px;font-family:sans-serif;fill:#fbfbfb;fill-opacity:1.00;" id="text203" x="309" y="26" >4</text>
</g>
<g id="box204">
<text style="font-size:12px;font-family:sans-serif;fill:#ececec;fill-opacity:1.00;" id="text204" x="309" y="42" >d</text>
</g>
<g id="box205">
<rect style="fill:#f1f1f1;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect205" width="12" height="12" x="306" y="50" ry="4" />
</g>
<g id="box206">
<rect style="fill:#fbfbfb;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect206" width="12" height="12" x="306" y="66" ry="4" />
</g>
<g id="box207">
<rect style="fill:#ebebeb;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect207" width="12" height="12" x="306" y="82" ry="4" />
</g>
<g id="box208">
<text style="font-size:12px;font-family:sans-serif;fill:#f0f0f0;fill-opacity:1.00;" id="text208" x="309" y="106" >m</text>
</g>
<g id="box209">
<rect style="fill:#fefefe;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect209" width="12" height="12" x="306" y="114" ry="4" />
</g>
<g id="box210">
<text style="font-size:12px;font-family:sans-serif;fill:#f3f3f3;fill-opacity:1.00;" id="text210" x="325" y="10" >:</text>
</g>
<g id="box211">
<text style="font-size:12px;font-family:sans-serif;fill:#e5e5e5;fill-opacity:1.00;" id="text211" x="325" y="26" >5</text>
</g>
<g id="box212">
<text style="font-size:12px;font-family:sans-serif;fill:#ededed;fill-opacity:1.00;" id="text212" x="325" y="42" >{</text>
</g>
<g id="box213">
<rect style="fill:#f0f0f0;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect213" width="12" height="12" x="322" y="50" ry="4" />
</g>
<g id="box214">
<rect style="fill:#fbfbfb;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect214" width="12" height="12" x="322" y="66" ry="4" />
</g>
<g id="box215">
<text style="font-size:12px;font-family:sans-serif;fill:#fdfdfd;fill-opacity:1.00;" id="text215" x="341" y="10" >h</text>
</g>
<g id="box216">
<rect style="fill:#e6e6e6;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect216" width="12" height="12" x="338" y="18" ry="4" />
</g>
<g id="box217">
<rect style="fill:#ececec;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect217" width="12" height="12" x="338" y="34" ry="4" />
</g>
<g id="box218">
<rect style="fill:#f7f7f7;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect218" width="12" height="12" x="338" y="50" ry="4" />
</g>
<g id="box219">
<text style="font-size:12px;font-family:sans-serif;fill:#eeeeee;fill-opacity:1.00;" id="text219" x="341" y="74" >7</text>
</g>
<g id="box220">
<rect style="fill:#f1f1f1;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect220" width="12" height="12" x="338" y="82" ry="4" />
</g>
<g id="box221">
<rect style="fill:#e9e9e9;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect221" width="12" height="12" x="338" y="98" ry="4" />
</g>
<g id="box222">
<text style="font-size:12px;font-family:sans-serif;fill:#eeeeee;fill-opacity:1.00;" id="text222" x="341" y="122" >l</text>
</g>
<g id="box223">
<rect style="fill:#eeeeee;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect223" width="12" height="12" x="338" y="130" ry="4" />
</g>
<g id="box224">
<rect style="fill:#ededed;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect224" width="12" height="12" x="338" y="146" ry="4" />
</g>
<g id="box225">
<rect style="fill:#efefef;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect225" width="12" height="12" x="338" y="162" ry="4" />
</g>
<g id="box226">
<text style="font-size:12px;font-family:sans-serif;fill:#f2f2f2;fill-opacity:1.00;" id="text226" x="341" y="186" >j</text>
</g>
<g id="box227">
<rect style="fill:#f5f5f5;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect227" width="12" height="12" x="354" y="2" ry="4" />
</g>
<g id="box228">
<rect style="fill:#fafafa;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect228" width="12" height="12" x="354" y="18" ry="4" />
</g>
<g id="box229">
<rect style="fill:#f5f5f5;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect229" width="12" height="12" x="354" y="34" ry="4" />
</g>
<g id="box230">
<text style="font-size:12px;font-family:sans-serif;fill:#f7f7f7;fill-opacity:1.00;" id="text230" x="357" y="58" >)</text>
</g>
<g id="box231">
<text style="font-size:12px;font-family:sans-serif;fill:#f0f0f0;fill-opacity:1.00;" id="text231" x="357" y="74" >)</text>
</g>
<g id="box232">
<text style="font-size:12px;font-family:sans-serif;fill:#efefef;fill-opacity:1.00;" id="text232" x="357" y="90" >!</text>
</g>
<g id="box233">
<rect style="fill:#ececec;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect233" width="12" height="12" x="354" y="98" ry="4" />
</g>
<g id="box234">
<text style="font-size:12px;font-family:sans-serif;fill:#eaeaea;fill-opacity:1.00;" id="text234" x="357" y="122" >y</text>
</g>
<g id="box235">
<text style="font-size:12px;font-family:sans-serif;fill:#eeeeee;fill-opacity:1.00;" id="text235" x="357" y="138" >;</text>
</g>
<g id="box236">
<text style="font-size:12px;font-family:sans-serif;fill:#f5f5f5;fill-opacity:1.00;" id="text236" x="357" y="154" >b</text>
</g>
<g id="box237">
<rect style="fill:#eaeaea;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect237" width="12" height="12" x="354" y="162" ry="4" />
</g>
<g id="box238">
<text style="font-size:12px;font-family:sans-serif;fill:#eeeeee;fill-opacity:1.00;" id="text238" x="357" y="186" >0</text>
</g>
<g id="box239">
<text style="font-size:12px;font-family:sans-serif;fill:#ededed;fill-opacity:1.00;" id="text239" x="357" y="202" >j</text>
</g>
<g id="box240">
<text style="font-size:12px;font-family:sans-serif;fill:#fafafa;fill-opacity:1.00;" id="text240" x="357" y="218" >u</text>
</g>
<g id="box241">
<rect style="fill:#efefef;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect241" width="12" height="12" x="354" y="226" ry="4" />
</g>
<g id="box242">
<rect style="fill:#f9f9f9;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect242" width="12" height="12" x="370" y="2" ry="4" />
</g>
<g id="box243">
<text style="font-size:12px;font-family:sans-serif;fill:#f8f8f8;fill-opacity:1.00;" id="text243" x="373" y="26" >h</text>
</g>
<g id="box244">
<rect style="fill:#ebebeb;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect244" width="12" height="12" x="370" y="34" ry="4" />
</g>
<g id="box245">
<rect style="fill:#fbfbfb;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect245" width="12" height="12" x="370" y="50" ry="4" />
</g>
<g id="box246">
<text style="font-size:12px;font-family:sans-serif;fill:#e6e6e6;fill-opacity:1.00;" id="text246" x="373" y="74" >d</text>
</g>
<g id="box247">
<text style="font-size:12px;font-family:sans-serif;fill:#f2f2f2;fill-opacity:1.00;" id="text247" x="373" y="90" >[</text>
</g>
<g id="box248">
<text style="font-size:12px;font-family:sans-serif;fill:#e6e6e6;fill-opacity:1.00;" id="text248" x="373" y="106" >*</text>
</g>
<g id="box249">
<text style="font-size:12px;font-family:sans-serif;fill:#f5f5f5;fill-opacity:1.00;" id="text249" x="373" y="122" >}</text>
</g>
<g id="box250">
<text style="font-size:12px;font-family:sans-serif;fill:#fbfbfb;fill-opacity:1.00;" id="text250" x="373" y="138" >l</text>
</g>
<g id="box251">
<text style="font-size:12px;font-family:sans-serif;fill:#efefef;fill-opacity:1.00;" id="text251" x="373" y="154" >*</text>
</g>
<g id="box252">
<rect style="fill:#f1f1f1;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect252" width="12" height="12" x="370" y="162" ry="4" />
</g>
<g id="box253">
<rect style="fill:#ececec;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect253" width="12" height="12" x="370" y="178" ry="4" />
</g>
<g id="box254">
<text style="font-size:12px;font-family:sans-serif;fill:#f1f1f1;fill-opacity:1.00;" id="text254" x="373" y="202" >[</text>
</g>
<g id="box255">
<text style="font-size:12px;font-family:sans-serif;fill:#e5e5e5;fill-opacity:1.00;" id="text255" x="389" y="10" >g</text>
</g>
<g id="box256">
<text style="font-size:12px;font-family:sans-serif;fill:#fbfbfb;fill-opacity:1.00;" id="text256" x="389" y="26" >4</text>
</g>
<g id="box257">
<text style="font-size:12px;font-family:sans-serif;fill:#ebebeb;fill-opacity:1.00;" id="text257" x="389" y="42" >5</text>
</g>
<g id="box258">
<text style="font-size:12px;font-family:sans-serif;fill:#e8e8e8;fill-opacity:1.00;" id="text258" x="389" y="58" >)</text>
</g>
<g id="box259">
<text style="font-size:12px;font-family:sans-serif;fill:#f0f0f0;fill-opacity:1.00;" id="text259" x="389" y="74" >i</text>
</g>
<g id="box260">
<rect style="fill:#e9e9e9;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect260" width="12" height="12" x="386" y="82" ry="4" />
</g>
<g id="box261">
<text style="font-size:12px;font-family:sans-serif;fill:#fdfdfd;fill-opacity:1.00;" id="text261" x="389" y="106" >u</text>
</g>
<g id="box262">
<rect style="fill:#ebebeb;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect262" width="12" height="12" x="386" y="114" ry="4" />
</g>
<g id="box263">
<text style="font-size:12px;font-family:sans-serif;fill:#ededed;fill-opacity:1.00;" id="text263" x="389" y="138" >4</text>
</g>
<g id="box264">
<rect style="fill:#e8e8e8;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect264" width="12" height="12" x="386" y="146" ry="4" />
</g>
<g id="box265">
<rect style="fill:#f7f7f7;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect265" width="12" height="12" x="402" y="2" ry="4" />
</g>
<g id="box266">
<rect style="fill:#ebebeb;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect266" width="12" height="12" x="402" y="18" ry="4" />
</g>
<g id="box267">
<rect style="fill:#e7e7e7;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect267" width="12" height="12" x="402" y="34" ry="4" />
</g>
<g id="box268">
<rect style="fill:#f9f9f9;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect268" width="12" height="12" x="402" y="50" ry="4" />
</g>
<g id="box269">
<text style="font-size:12px;font-family:sans-serif;fill:#f7f7f7;fill-opacity:1.00;" id="text269" x="405" y="74" >@</text>
</g>
<g id="box270">
<rect style="fill:#f4f4f4;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect270" width="12" height="12" x="402" y="82" ry="4" />
</g>
<g id="box271">
<rect style="fill:#f5f5f5;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect271" width="12" height="12" x="418" y="2" ry="4" />
</g>
<g id="box272">
<rect style="fill:#ededed;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect272" width="12" height="12" x="418" y="18" ry="4" />
</g>
<g id="box273">
<text style="font-size:12px;font-family:sans-serif;fill:#f5f5f5;fill-opacity:1.00;" id="text273" x="421" y="42" >x</text>
</g>
<g id="box274">
<text style="font-size:12px;font-family:sans-serif;fill:#f4f4f4;fill-opacity:1.00;" id="text274" x="421" y="58" >)</text>
</g>
<g id="box275">
<rect style="fill:#fafafa;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect275" width="12" height="12" x="418" y="66" ry="4" />
</g>
<g id="box276">
<text style="font-size:12px;font-family:sans-serif;fill:#e7e7e7;fill-opacity:1.00;" id="text276" x="421" y="90" >0</text>
</g>
<g id="box277">
<rect style="fill:#f4f4f4;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect277" width="12" height="12" x="418" y="98" ry="4" />
</g>
<g id="box278">
<rect style="fill:#f0f0f0;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect278" width="12" height="12" x="418" y="114" ry="4" />
</g>
<g id="box279">
<text style="font-size:12px;font-family:sans-serif;fill:#e8e8e8;fill-opacity:1.00;" id="text279" x="421" y="138" >$</text>
</g>
<g id="box280">
<text style="font-size:12px;font-family:sans-serif;fill:#fcfcfc;fill-opacity:1.00;" id="text280" x="421" y="154" >4</text>
</g>
<g id="box281">
<text style="font-size:12px;font-family:sans-serif;fill:#eeeeee;fill-opacity:1.00;" id="text281" x="421" y="170" >c</text>
</g>
<g id="box282">
<text style="font-size:12px;font-family:sans-serif;fill:#f3f3f3;fill-opacity:1.00;" id="text282" x="421" y="186" >n</text>
</g>
<g id="box283">
<text style="font-size:12px;font-family:sans-serif;fill:#ebebeb;fill-opacity:1.00;" id="text283" x="421" y="202" >k</text>
</g>
<g id="box284">
<rect style="fill:#f9f9f9;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect284" width="12" height="12" x="434" y="2" ry="4" />
</g>
<g id="box285">
<rect style="fill:#e7e7e7;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect285" width="12" height="12" x="434" y="18" ry="4" />
</g>
<g id="box286">
<text style="font-size:12px;font-family:sans-serif;fill:#f8f8f8;fill-opacity:1.00;" id="text286" x="437" y="42" >k</text>
</g>
<g id="box287">
<rect style="fill:#fcfcfc;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect287" width="12" height="12" x="434" y="50" ry="4" />
</g>
<g id="box288">
<text style="font-size:12px;font-family:sans-serif;fill:#fefefe;fill-opacity:1.00;" id="text288" x="437" y="74" >}</text>
</g>
<g id="box289">
<text style="font-size:12px;font-family:sans-serif;fill:#f5f5f5;fill-opacity:1.00;" id="text289" x="437" y="90" >=</text>
</g>
<g id="box290">
<rect style="fill:#ededed;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect290" width="12" height="12" x="434" y="98" ry="4" />
</g>
<g id="box291">
<rect style="fill:#fefefe;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect291" width="12" height="12" x="434" y="114" ry="4" />
</g>
<g id="box292">
<text style="font-size:12px;font-family:sans-serif;fill:#fafafa;fill-opacity:1.00;" id="text292" x="437" y="138" >l</text>
</g>
<g id="box293">
<text style="font-size:12px;font-family:sans-serif;fill:#f7f7f7;fill-opacity:1.00;" id="text293" x="437" y="154" >[</text>
</g>
<g id="box294">
<rect style="fill:#fdfdfd;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect294" width="12" height="12" x="434" y="162" ry="4" />
</g>
<g id="box295">
<rect style="fill:#f7f7f7;fill-opacity:1.00;stroke:#000000;stroke-width:0;stroke-opacity:0" id="rect295" width="12" height="12" x="434" y="178" ry="4" />
</g>
<g id="box296">
<text style="font-size:12px;font-family:sans-serif;fill:#f6f6f6;fill-opacity:1.00;" id="text296" x="453" y="10" >l</text>
</g>
<g id="box297">
<text style="font-size:12px;font-family:sans-serif;fill:#fafafa;fill-opacity:1.00;" id="text297" x="453" y="26" >8</text>
</g>
<g id="box298">
<text style="font-size:12px;font-family:sans-serif;fill:#fefefe;fill-opacity:1.00;" id="text298" x="453" y="42" >r</text>
</g>
<g id="box299">
<text style="font-size:12px;font-family:sans-serif;fill:#fbfbfb;fill-opacity:1.00;" id="text299" x="453" y="58" >=</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 45 KiB

View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="512" height="512" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;opacity:0.6;" xml:space="preserve">
<path d="M54.5,512c-1-8.2-1.5-16.6-1.5-25c0-42.8,13.1-83.7,38-118.3c12-16.7,26.4-31.4,42.7-43.8c16.6-12.5,34.8-22.4,54.3-29.3
c7.1-2.5,12.2-8.8,13.1-16.3c0.9-7.5-2.4-14.9-8.6-19.1c-31.4-21.2-50.2-56.5-50.2-94.3c0-30.4,11.8-58.9,33.3-80.4
c21.5-21.5,50-33.3,80.4-33.3c30.4,0,58.9,11.8,80.4,33.3c21.5,21.5,33.3,50,33.3,80.4c0,37.8-18.8,73.1-50.2,94.3
c-6.3,4.2-9.6,11.6-8.6,19.1c0.9,7.5,6,13.8,13.1,16.3c19.5,6.9,37.7,16.8,54.3,29.3c16.4,12.4,30.8,27.1,42.7,43.8
c24.9,34.6,38,75.5,38,118.3c0,8.4-0.5,16.7-1.5,25h20.1c0.9-8.2,1.4-16.5,1.4-25c0-97-61.9-179.5-148.3-210.2
c35.6-24,59-64.7,59-110.9c0-73.8-59.9-133.7-133.7-133.7S122.3,92.1,122.3,166c0,46.2,23.4,86.9,59,110.9
C94.8,307.6,33,390.1,33,487c0,8.4,0.5,16.8,1.4,25H54.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,77 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="1049px" height="397px" viewBox="0 0 1049 397" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
<title>wm_grayscale</title>
<desc>Created with Sketch.</desc>
<defs>
<path id="path-1" d="M0.2,1023.54607 L1745.19996,1023.54607 L1745.19996,0 L0.2,0 L0.2,1023.54607 L0.2,1023.54607 Z"></path>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="gitlab_logo" sketch:type="MSLayerGroup" transform="translate(-453.000000, -315.000000)">
<g id="g10" transform="translate(873.000000, 512.918411) scale(1, -1) translate(-873.000000, -512.918411) translate(0.000000, 0.418411)">
<g id="g12" transform="translate(1218.022652, 440.744871)" fill="#5C5C5C" sketch:type="MSShapeGroup">
<path d="M19.9766662,141.900706 L0.929409982,141.900706 L0.989903314,0.155858152 L78.0444481,0.155858152 L78.0444481,17.6840847 L20.0371595,17.6840847 L19.9766662,141.900706 L19.9766662,141.900706 Z" id="path14"></path>
</g>
<g id="g16" transform="translate(0.000000, 0.000000)">
<g id="g18-Clipped">
<mask id="mask-2" sketch:name="path22" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="path22"></g>
<g id="g18" mask="url(#mask-2)">
<g transform="translate(452.736659, 312.879425)">
<g id="g24" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(852.718192, 124.992771)">
<path d="M63.9833317,27.9148929 C59.2218085,22.9379001 51.2134221,17.9597442 40.3909323,17.9597442 C25.8888194,17.9597442 20.0453962,25.1013043 20.0453962,34.4074318 C20.0453962,48.4730484 29.7848226,55.1819277 50.5642821,55.1819277 C54.4602853,55.1819277 60.7364685,54.7492469 63.9833317,54.1002256 L63.9833317,27.9148929 L63.9833317,27.9148929 Z M44.2869356,113.827628 C28.9053426,113.827628 14.7975996,108.376082 3.78897657,99.301416 L10.5211864,87.6422957 C18.3131929,92.1866076 27.8374026,96.7320827 41.4728323,96.7320827 C57.0568452,96.7320827 63.9833317,88.7239978 63.9833317,75.3074024 L63.9833317,68.3821827 C60.9528485,69.0312039 54.6766653,69.4650479 50.7806621,69.4650479 C17.4476729,69.4650479 0.565379986,57.7791759 0.565379986,33.3245665 C0.565379986,11.4683685 13.9844297,0.43151772 34.3299658,0.43151772 C48.0351955,0.43151772 61.1692285,6.70771614 65.7143717,16.8780421 L69.1776149,3.02876588 L82.5978279,3.02876588 L82.5978279,75.5237428 C82.5978279,98.462806 72.6408582,113.827628 44.2869356,113.827628 L44.2869356,113.827628 Z" id="path26" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
<g id="g28" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(959.546624, 124.857151)">
<path d="M37.2266657,17.4468081 C30.0837992,17.4468081 23.8064527,18.3121698 19.0449295,20.4767371 L19.0449295,79.2306079 L19.0449295,86.0464943 C25.538656,91.457331 33.5470425,95.3526217 43.7203922,95.3526217 C62.1173451,95.3526217 69.2602116,82.3687072 69.2602116,61.3767077 C69.2602116,31.5135879 57.7885819,17.4468081 37.2266657,17.4468081 M45.2315622,113.963713 C28.208506,113.963713 19.0449295,102.384849 19.0449295,102.384849 L19.0449295,120.67143 L18.9844362,144.908535 L10.3967097,144.908535 L0.371103324,144.908535 L0.431596656,6.62629771 C9.73826309,2.73100702 22.5081728,0.567602823 36.3611458,0.567602823 C71.8579349,0.567602823 88.9566078,23.2891625 88.9566078,62.4584098 C88.9566078,93.4043948 73.1527248,113.963713 45.2315622,113.963713" id="path30" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
<g id="g32" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(509.576747, 125.294950)">
<path d="M68.636665,129.10638 C85.5189579,129.10638 96.3414476,123.480366 103.484314,117.853189 L111.669527,132.029302 C100.513161,141.811145 85.5073245,147.06845 69.5021849,147.06845 C29.0274926,147.06845 0.673569983,122.3975 0.673569983,72.6252464 C0.673569983,20.4709215 31.2622559,0.12910638 66.2553217,0.12910638 C83.7879179,0.12910638 98.7227909,4.24073748 108.462217,8.35236859 L108.063194,64.0763105 L108.063194,70.6502677 L108.063194,81.6057001 L56.1168719,81.6057001 L56.1168719,64.0763105 L89.2323178,64.0763105 L89.6313411,21.7701271 C85.3025779,19.6055598 77.7269514,17.8748364 67.554765,17.8748364 C39.4172223,17.8748364 20.5863462,35.5717154 20.5863462,72.8415868 C20.5863462,110.711628 40.0663623,129.10638 68.636665,129.10638" id="path34" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
<g id="g36" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(693.388992, 125.376085)">
<path d="M18.7766662,144.390067 L0.162169971,144.390067 L0.222663303,120.585642 L0.222663303,110.846834 L0.222663303,105.170806 L0.222663303,95.2656714 L0.222663303,38.5681976 L0.222663303,38.3518572 C0.222663303,15.4127939 10.1796331,0.047971605 38.5335557,0.047971605 C42.4504989,0.047971605 46.2836822,0.40388649 50.0051854,1.07965952 L50.0051854,17.7925385 C47.3109055,17.3796307 44.4351455,17.1446804 41.3476589,17.1446804 C25.763646,17.1446804 18.8371595,25.1516022 18.8371595,38.5681976 L18.8371595,95.2656714 L50.0051854,95.2656714 L50.0051854,110.846834 L18.8371595,110.846834 L18.7766662,144.390067 L18.7766662,144.390067 Z" id="path38" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
<path d="M646.318899,128.021188 L664.933395,128.021188 L664.933395,236.223966 L646.318899,236.223966 L646.318899,128.021188 L646.318899,128.021188 Z" id="path40" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
<path d="M646.318899,251.154944 L664.933395,251.154944 L664.933395,269.766036 L646.318899,269.766036 L646.318899,251.154944 L646.318899,251.154944 Z" id="path42" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
<g id="g44" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(0.464170, 0.676006)">
<path d="M429.269989,169.815599 L405.225053,243.802859 L357.571431,390.440955 C355.120288,397.984955 344.444378,397.984955 341.992071,390.440955 L294.337286,243.802859 L136.094873,243.802859 L88.4389245,390.440955 C85.9877812,397.984955 75.3118715,397.984955 72.8595648,390.440955 L25.2059427,243.802859 L1.16216997,169.815599 C-1.03187664,163.067173 1.37156997,155.674379 7.11261982,151.503429 L215.215498,0.336141836 L423.319539,151.503429 C429.060589,155.674379 431.462873,163.067173 429.269989,169.815599" id="path46" fill="#A1A1A1" sketch:type="MSShapeGroup"></path>
</g>
<g id="g48" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(136.410135, 1.012147)">
<path d="M79.269998,0 L79.269998,0 L158.391786,243.466717 L0.148209971,243.466717 L79.269998,0 L79.269998,0 Z" id="path50" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
<g id="g52" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(215.680133, 1.012147)">
<g id="path54"></g>
</g>
<g id="g56" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(24.893471, 1.012613)">
<path d="M190.786662,0 L111.664874,243.465554 L0.777106647,243.465554 L190.786662,0 L190.786662,0 Z" id="path58" fill="#787878" sketch:type="MSShapeGroup"></path>
</g>
<g id="g60" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(215.680133, 1.012613)">
<g id="path62"></g>
</g>
<g id="g64" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(0.077245, 0.223203)">
<path d="M25.5933327,244.255313 L25.5933327,244.255313 L1.54839663,170.268052 C-0.644486651,163.519627 1.75779662,156.126833 7.50000981,151.957046 L215.602888,0.789758846 L25.5933327,244.255313 L25.5933327,244.255313 Z" id="path66" fill="#A1A1A1" sketch:type="MSShapeGroup"></path>
</g>
<g id="g68" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(215.680133, 1.012147)">
<g id="path70"></g>
</g>
<g id="g72" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(25.670578, 244.478283)">
<path d="M3.41060513e-13,0 L110.887767,0 L63.2329818,146.638096 C60.7806751,154.183259 50.1047654,154.183259 47.6536221,146.638096 L3.41060513e-13,0 L3.41060513e-13,0 Z" id="path74" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
<g id="g76" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(215.680133, 1.012613)">
<path d="M0,0 L79.121788,243.465554 L190.009555,243.465554 L0,0 L0,0 Z" id="path78" fill="#787878" sketch:type="MSShapeGroup"></path>
</g>
<g id="g80" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(214.902910, 0.223203)">
<path d="M190.786662,244.255313 L190.786662,244.255313 L214.831598,170.268052 C217.024481,163.519627 214.622198,156.126833 208.879985,151.957046 L0.777106647,0.789758846 L190.786662,244.255313 L190.786662,244.255313 Z" id="path82" fill="#A1A1A1" sketch:type="MSShapeGroup"></path>
</g>
<g id="g84" stroke-width="1" fill="none" sketch:type="MSLayerGroup" transform="translate(294.009575, 244.478283)">
<path d="M111.679997,0 L0.79222998,0 L48.4470155,146.638096 C50.8993221,154.183259 61.5752318,154.183259 64.0263751,146.638096 L111.679997,0 L111.679997,0 Z" id="path86" fill="#5C5C5C" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1,37 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1763.9 512" enable-background="new 0 0 1763.9 512" xml:space="preserve">
<path d="M244.4,94.5c11,1.9,22.1,3.2,32.8,5.9c75.9,18.9,132.4,82,143.3,159.6c14.7,104.2-56.4,200.6-160.3,217.2
c-8.2,1.3-16.6,2.1-24.9,2.2c-29.8,0.3-59.7,0.1-89.5,0.1c-1,0-2-0.1-3.6-0.2c0-2.1,0-4,0-5.9c0-61.7,0-123.3,0.1-185
c0-44.4,29.7-80.1,73.3-88.2c47.8-9,96,26.4,101.8,74.7c5.8,48.7-24.7,90.4-73,99.1c-17.3,3.1-34.2,0.5-50.3-6.7
c-1.2-0.5-2.4-1.1-3.6-1.6c-0.3-0.1-0.6,0.1-1.5,0.2c0,3.4,0,6.8,0,10.3c0,15.5,0.2,31-0.1,46.5c-0.1,4.3,1.5,5.7,5.3,6.7
c75.9,19.9,155.6-25.8,177-101.6c23.5-83.2-27.9-167.4-112.7-184.8c-79.1-16.2-159,38.5-172.1,117.9c-1.5,9.3-2.3,18.9-2.3,28.3
c-0.2,61.3-0.1,122.7-0.1,184c0,2,0,3.9,0,6.1c-15.3,0-30.1,0-45.6,0c0-1.9,0-3.8,0-5.7c0-62.5,0-125,0-187.5
c0-92.8,67.8-173.1,159.3-188.7c6.2-1.1,12.5-1.9,18.7-2.8C225.8,94.5,235.1,94.5,244.4,94.5z"/>
<path d="M1718.4,366.5c-10.3,0-20.6,0-31.7,0c0-7.7,0-15.3,0-22.9c-0.1-29.5,0-59-0.3-88.5c-0.3-23.1-17.7-43.9-40.3-48.6
c-31-6.5-62.5,18.6-62.6,50.4c-0.1,34.5,0.1,69,0.2,103.5c0,2,0,3.9,0,6.2c-10.5,0-20.4,0-30.8,0c0-60.9,0-121.8,0-183.2
c9.9,0,19.9,0,30.5,0c0,3,0,6.1,0,10.1c10-8.9,20.6-14.4,32.6-17.4c47.2-11.9,96.6,22.8,101.4,71.2c0.1,1.4,0.6,2.9,0.9,4.3
C1718.4,289.8,1718.4,328.2,1718.4,366.5z"/>
<path d="M520,346.2c0,30.3,0,60.6,0,91.2c-10.3,0-20.2,0-30.4,0c-0.1-1.3-0.3-2.6-0.3-3.9c0-53.2-0.2-106.3,0.1-159.5
c0.2-48.1,34-88.7,81-98.2c56.5-11.4,111.8,28.3,119.2,85.5c7.3,56.5-31.5,107-88,113.8c-29.5,3.5-55-6.6-77-26.1
c-1.2-1-1.8-2.7-2.7-4.1C521.3,345.3,520.7,345.7,520,346.2z M589.9,344.9c38.6,0,69.7-31.1,69.8-69.9c0-38.7-31.1-70-69.7-70
c-38.5,0-69.7,31.2-69.7,70C520.2,313.7,551.2,344.8,589.9,344.9z"/>
<path d="M1295.8,206.7c-43.2,36.3-86.4,72.7-129.5,109c9.4,16.1,37.2,34.1,69.4,27.5c18.1-3.7,32.6-13.2,43.3-28.2
c10.6-14.9,14.4-31.6,12.3-50c10.4,0,20.4,0,30.3,0c10.9,34.1-20.5,86.5-61.7,103.1c-49,19.8-105.2-1.8-128.4-49.4
c-23.1-47.2-5.7-104.7,39.8-131.4C1218.9,159.5,1272.3,177.9,1295.8,206.7z M1153.1,286.3c31.1-26.1,61.3-51.6,92.3-77.6
c-27.7-8.5-51.4-3.5-71.5,15.4C1156.3,240.6,1150.2,261.4,1153.1,286.3z"/>
<path d="M902.2,366.7c-10.4,0-20.2,0-30.5,0c0-6.1,0-12,0-18.9c-1.9,1.5-3,2.3-4.1,3.2c-30.1,24.8-64.1,31.7-100.6,18.2
c-36.6-13.6-58.7-40.8-64.7-79.6c-8.6-55.1,29.5-106.5,84.4-114.8c60.1-9.1,115,37.4,115.6,98.2c0.3,30,0.1,60,0.1,90
C902.4,364.1,902.3,365.2,902.2,366.7z M732,274.7c0.1,38.7,31.3,69.9,69.9,69.8c38.4,0,69.8-31.4,69.7-69.5
c-0.1-39.2-31.1-70.5-69.8-70.4C763.2,204.6,731.9,236.1,732,274.7z"/>
<path d="M1434.3,375.5c-55.5-0.1-100.6-45.4-100.5-101c0.1-55.8,45.6-101.1,101.2-100.9c55.4,0.2,100.5,45.9,100.3,101.3
C1535,330.7,1489.8,375.6,1434.3,375.5z M1434.2,344.5c38.6,0.1,70-31.1,70.1-69.7c0.1-38.5-31.2-70.2-69.6-70.3
c-38.5-0.1-70,31.2-70.2,69.7C1364.4,312.9,1395.8,344.5,1434.2,344.5z"/>
<path d="M912.2,213.9c0-10.6,0-20.4,0-30.9c5.9,0,11.6,0,18,0c0-24.1,0-47.5,0-71.1c10.4,0,20.2,0,30.6,0c0,23.4,0,46.8,0,70.9
c15.8,0,31.1,0,46.4,0c0,10.6,0,20.5,0,31c-15.3,0-30.4,0-46.1,0c0,51.1,0,101.7,0,152.7c-10.5,0-20.3,0-30.9,0
c0-50.7,0-101.3,0-152.5C923.9,213.9,918.3,213.9,912.2,213.9z"/>
<path d="M1053.3,366.6c-10.4,0-20.1,0-30.4,0c0-61.1,0-122,0-183.3c9.6,0,19.5,0,30,0c0,8.7,0,17.3,0,27.1
c21.4-19,44.9-28.9,73.2-28c0,9.6,0,18.9,0,28.2c0,3.6-2.9,2.6-4.8,2.6c-18.3,0.5-34.1,7.2-47.1,20c-13.5,13.3-20.7,29.7-20.8,48.7
c-0.2,26.2-0.1,52.3-0.1,78.5C1053.3,362.3,1053.3,364.1,1053.3,366.6z"/>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -13,6 +13,7 @@ const (
type HMNConfig struct {
Env Environment
Addr string
BaseUrl string
Postgres PostgresConfig
}

46
src/hmnurl/hmnurl.go Normal file
View File

@ -0,0 +1,46 @@
package hmnurl
import (
"net/url"
"git.handmade.network/hmn/hmn/src/config"
)
const StaticPath = "/public"
const StaticThemePath = "/public/themes"
type Q struct {
Name string
Value string
}
func Url(path string, query []Q) string {
result := config.Config.BaseUrl + "/" + trim(path)
if q := encodeQuery(query); q != "" {
result += "?" + q
}
return result
}
func StaticUrl(path string, query []Q) string {
return Url(StaticPath+"/"+trim(path), query)
}
func StaticThemeUrl(path string, theme string, query []Q) string {
return Url(StaticThemePath+"/"+theme+"/"+trim(path), query)
}
func trim(path string) string {
if path[0] == '/' {
return path[1:]
}
return path
}
func encodeQuery(query []Q) string {
result := url.Values{}
for _, q := range query {
result.Set(q.Name, q.Value)
}
return result.Encode()
}

24
src/hmnurl/hmnurl_test.go Normal file
View File

@ -0,0 +1,24 @@
package hmnurl
import (
"testing"
"git.handmade.network/hmn/hmn/src/config"
"github.com/stretchr/testify/assert"
)
func TestUrl(t *testing.T) {
defer func(original string) {
config.Config.BaseUrl = original
}(config.Config.BaseUrl)
config.Config.BaseUrl = "http://handmade.test"
t.Run("no query", func(t *testing.T) {
result := Url("/test/foo", nil)
assert.Equal(t, "http://handmade.test/test/foo", result)
})
t.Run("yes query", func(t *testing.T) {
result := Url("/test/foo", []Q{{"bar", "baz"}, {"zig??", "zig & zag!!"}})
assert.Equal(t, "http://handmade.test/test/foo?bar=baz&zig%3F%3F=zig+%26+zag%21%21", result)
})
}

View File

@ -1 +1,35 @@
I'm a footer~!
<footer class="pa3 pa4-l">
<h2>
Community by <a href="{{ url "/" }}">handmade.network</a>
</h2>
<ul class="list">
{{ $footerClasses := "ma0 pa0 dib-ns" }}
<li class="{{ $footerClasses }}">
<a href="{{ url "/" }}">Main Page</a>
</li>
<li class="{{ $footerClasses }}">
<a href="{{ url "/about" }}">About</a>
</li>
<li class="{{ $footerClasses }}">
<a href="{{ url "/manifesto" }}">Handmade Manifesto</a>
</li>
<li class="{{ $footerClasses }}">
<a href="{{ url "/code-of-conduct" }}">Code of Conduct</a>
</li>
<li class="{{ $footerClasses }}">
<a href="{{ url "/communication-guidelines" }}">Communication Guidelines</a>
</li>
<li class="{{ $footerClasses }}">
<a href="{{ url "/projects" }}">Project Index</a>
</li>
<li class="{{ $footerClasses }}">
<a href="{{ url "/forums" }}">Community Forums</a>
</li>
<li class="{{ $footerClasses }}">
<a href="{{ url "/contact" }}">Contact</a>
</li>
<li class="{{ $footerClasses }}">
<a href="{{ url "/sitemap" }}">Sitemap</a>
</li>
</ul>
</footer>

View File

@ -1 +1,96 @@
I'm a header!
<header class="mb3">
{{/* TODO */}}
{{/* <div class="user-options flex justify-center justify-end-ns">
{% if user.is_authenticated %}
{% if user.is_superuser %}
<a class="admin-panel" href="{% url 'admin_panel' subdomain=None %}"><span class="icon-settings"> Admin</span></a>
{% endif %}
<a class="username settings" href="{% url 'member_settings' subdomain=None %}"><span class="icon-settings"></span> {{user.username}}</a>
<a class="logout" href="{% url 'member_logout' %}"><span class="icon-logout"></span> Logout</a>
{% else %}
<a class="register" id="register-link" href="{% url 'member_register' subdomain=None %}">Register</a>
<a class="login" id="login-link" href="{% url 'member_login' subdomain=request.subdomain %}">Log in</a>
<div id="login-popup">
<form action="{% url 'member_login' subdomain=request.subdomain %}" method="post">
{% csrf_token %}
<table>
{% if error_message %}
<th colspan="2">{{ error_message }}</th>
{% endif %}
<tr>
<th><label>Username:</label></th>
<td><input type="text" name="username" class="textbox username" value="" /></td>
</tr>
<tr>
<th><label>Password:</label></th>
<td><input type="password" name="password" class="textbox password" value="" /></td>
</tr>
<tr>
{# <td colspan="2"><a href="#">Forgot your password?</a></td> #}
</tr>
</table>
<div class="actionbar pt2">
<input type="submit" value="Log In" />
</div>
</form>
</div>
{% endif %}
</div> */}}
<div class="menu-bar flex flex-column flex-row-l justify-between {% if project and project.slug != 'hmn' %}project{% endif %}">
<div class="flex flex-column flex-row-ns">
<a href="{{ url "/" }}" class="logo hmdev-logo">
<div class="underscore"></div>
</a>
<div class="items flex items-center justify-center justify-start-ns">
{{ if not .Project.IsHMN }}
<a class="project-logo" href="{{ projecturl "/" }}">
<h1>{{ .Project.Name }}</h1>
</a>
{{ end }}
{{ if .Project.HasBlog }}
<a href="{{ projecturl "/blog" }}" class="blog">Blog</a>
{{ end }}
{{ if .Project.HasForum }}
<a href="{{ projecturl "/forum" }}" class="forums">Forums</a>
{{ end }}
{{ if .Project.HasWiki }}
<a href="{{ projecturl "/wiki" }}" class="wiki">Wiki</a>
{{ end }}
{{ if .Project.HasLibrary }}
<a href="{{ projecturl "/library" }}" class="library">Library</a>
{{ end }}
{{ if .Project.IsHMN }}
<a href="{{ projecturl "/manifesto" }}" class="misson">Mission</a>
{{ end }}
{{/* {% if project.default_annotation_category %} */}}
{{ if false }}
<a href="{% url 'episode_list_topic' project.slug project.default_annotation_category %}" class="annotations">Episode Guide</a>
{{ end }}
{{/* {% if showEditLink == True %} */}}
{{/* {{ if false }}
<a class="edit" href="{{ EditLink }}" title="Edit {{ project.name }}"><span class="icon">0</span>&nbsp;Settings</a>
{{ end }} */}}
</div>
</div>
<form class="dn ma0 flex-l flex-column justify-center items-end" method="post" action="{% url 'search' %}" target="_blank">
{% csrf_token %}
<input class="site-search bn lite pa2 fira" type="text" name="term" value="" placeholder="Search with Google" size="17" />
<input id="search_button_homepage" type="submit" value="Go"/>
</form>
</div>
</header>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
var loginPopup = document.getElementById("login-popup");
var loginLink = document.getElementById("login-link");
if (loginPopup !== null) {
loginLink.removeAttribute("href");
loginLink.onclick = function() {
loginPopup.classList.toggle("open");
}
}
});
</script>

View File

@ -18,7 +18,7 @@
{{ end }}
<link href='https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Fira+Mono:300,400,500,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="{{ static "css/style.css" }}" />
<link rel="stylesheet" type="text/css" href="{{ static "style.css" }}" />
{{/* TODO: These are the base64 encodings of bglight.png and bgdark.png. Rather than manually putting the encoding here, it would be nice to automatically calculate it when the server starts up and pass it in. */}}
{{ $bglight := "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAEGGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjcyIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iNzIiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iNzIiCiAgIHRpZmY6SW1hZ2VMZW5ndGg9IjcyIgogICB0aWZmOlJlc29sdXRpb25Vbml0PSIyIgogICB0aWZmOlhSZXNvbHV0aW9uPSI5Ni4wIgogICB0aWZmOllSZXNvbHV0aW9uPSI5Ni4wIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMy0xMVQyMToyMjozMC0wNjowMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wMy0xMVQyMToyMjozMC0wNjowMCI+CiAgIDx4bXBNTTpIaXN0b3J5PgogICAgPHJkZjpTZXE+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjcuMSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMS0wMy0xMVQyMToyMjozMC0wNjowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+NRFFrAAAAYFpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZG/S0JRFMc/amGUYZBDQ4NENVmUgdTSoJQF1WAG/Vr05Y9A7fGeEdIatAoFUUu/hvoLag2ag6AogmgLmotaSl7n+QQl8l7OOZ/7vfcc7j0X7NGMktUbBiCby2uRcNA7v7Dodb7iwCXmwRNTdHV6djxK3fH1gM2Md31mrfrn/h0tKwldAVuT8KiiannhCeGpjbxq8q6wR0nHVoTPhX2aXFD43tTjFr+ZnLL4x2QtGgmBvU3Ym6rheA0raS0rLC+nO5tZVyr3MV/iSuTmZiV2iXWiEyFMEC+TjBEiwCAj4gP04adfVtTJHyjnz7AmuYp4lQIaq6RIk8cn6rpUT0hMip6QmaFg9v9vX/XkkN+q7gpC44thfPSAcwdKRcP4PjaM0gk4nuEqV81fO4LhT9GLVa37ENxbcHFd1eJ7cLkNHU9qTIuVJYeYPZmE9zNoXYD2W2hesnpW2ef0EaKb8lU3sH8AvXLevfwLEU5nv19tQRgAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAJOSURBVHic7ZtRksMgCIaTPOcI3v9MPYBHyHv2obOZTlIVFeSHyltnm38QCehXdo0xnkulHcex7Pue/OxJZ20JUE7Um86W+wKHM1w6IYRVw59sBqHtagihO+Nr/Xlk0GeE930nRTzlBIfOZ+bEGE9KJnH68wjQ/eHWxXHp3IPSGqRWf64A5R6uWRyXTi4oNUHq9ecKUOlh6uK4dEpBoQap159H0UM7m9wLc2uhbvVn1qCCJXdjtvi3JQ+K1AiXdpOqU/oONXNKOrX+dO2K1q6O1Nl6DnD34tnrzP9nJJ3NYmcZqfP1oJizUnBqDnC5RdUcTCV1tm9/TBklOJRMoiyK4s8InfX1ep3zNUvrzBpU0Olu095bfRdRpATHOpk0RRQ1ri3wRFGbTMLf5rWpACxRRCGTsEQRhUzCE0VtMjlrUMHMEEUtMtlNFLkJnrROLZnsuiagZQcUUUQngapEEa1DQRFFKySQS6eKKFoigVw6zUTRwuuhRhTRFwVFFJFbNIdO8qCoNROIppPNIO+8mWKPDNKeCUTTeQRIex4HTecKEMpMIJrOFSCUmUA0nUcR/qVfTSk6swYVLJkds8W/LXlQ1JoJ7NXhnpl0RRQlst4NUZSamXRxm5fsvOaJovTMpGmiOGJm0g1RlHrNZg0q+OOOKHK3evH/eh5JJiVmJofMKFq+tojNKHohk2LzQV6oAPuMojcyyT6j6I1Mis0oeiGTswYVTHxG0XKLX5YBM4pWyaRLoiih44YoSum4uM1L6pgnitI6poniCB03RFFK5w8yFS9yPecAUAAAAABJRU5ErkJggg==" }}
{{ $bgdark := "iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAEGGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjcyIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iNzIiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iNzIiCiAgIHRpZmY6SW1hZ2VMZW5ndGg9IjcyIgogICB0aWZmOlJlc29sdXRpb25Vbml0PSIyIgogICB0aWZmOlhSZXNvbHV0aW9uPSI5Ni4wIgogICB0aWZmOllSZXNvbHV0aW9uPSI5Ni4wIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMy0xMVQyMToyMzoxNS0wNjowMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wMy0xMVQyMToyMzoxNS0wNjowMCI+CiAgIDx4bXBNTTpIaXN0b3J5PgogICAgPHJkZjpTZXE+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjcuMSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMS0wMy0xMVQyMToyMzoxNS0wNjowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+87tjqAAAAYFpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZG/S0JRFMc/amGUYZBDQ4NENVmUgdTSoJQF1WAG/Vr05Y9A7fGeEdIatAoFUUu/hvoLag2ag6AogmgLmotaSl7n+QQl8l7OOZ/7vfcc7j0X7NGMktUbBiCby2uRcNA7v7Dodb7iwCXmwRNTdHV6djxK3fH1gM2Md31mrfrn/h0tKwldAVuT8KiiannhCeGpjbxq8q6wR0nHVoTPhX2aXFD43tTjFr+ZnLL4x2QtGgmBvU3Ym6rheA0raS0rLC+nO5tZVyr3MV/iSuTmZiV2iXWiEyFMEC+TjBEiwCAj4gP04adfVtTJHyjnz7AmuYp4lQIaq6RIk8cn6rpUT0hMip6QmaFg9v9vX/XkkN+q7gpC44thfPSAcwdKRcP4PjaM0gk4nuEqV81fO4LhT9GLVa37ENxbcHFd1eJ7cLkNHU9qTIuVJYeYPZmE9zNoXYD2W2hesnpW2ef0EaKb8lU3sH8AvXLevfwLEU5nv19tQRgAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAJSSURBVHic7ZvBbsMgDIaTHKbtnNO0vf/bcW7VS3uoFlWhgAEb//bwrVrzyxjHhq/euu/7fam0z4+v5Xq7JD970llbApQT9aaz5b7A4QyXTghh1fAnm0FouxpC6M74Wn+iDHqN8PV2IUU85QSHzmvm7Pt+p2QSpz9RgM4Pty6OS+cclNYgtfpzBCj3cM3iuHRyQakJUq8/R4BKD1MXx6VTCgo1SL3+REUP7WxyLsythbrVn1mDCpbcjdnin5Y8KFIjXNpNqk7pO9TMKenU+tO1K1q7OlJn6znAnYtnrzN/n5F0NoudZaTO24NizkrBqTnA5RZVczCV1Nne/TFllOBQMomyKIo/I3TWn+/f+3zN0jqzBhV0utu091bfRRQpwbFOJk0RRY1rCzxR1CaT8Ld5bSoASxRRyCQsUUQhk/BEUZtMzhpUMDNEUYtMdhNFboInrVNLJruuCWjZAUUU0UmgKlFE61BQRNEKCeTSqSKKlkggl04zUbTweqgRRfRFQRFF5BbNoZM8KGrNBKLpZDPIO2+mWJRB2jOBaDpRgLTncdB0jgChzASi6RwBQpkJRNOJivB/+tWUojNrUMGS2TFb/NOSB0WtmcBeHe6ZSVdEUSLr3RBFqZlJF7d5yc5rnihKz0yaJoojZibdEEWp12zWoII/7ogid6sX/6/nkWRSYmZyyIyi5WuL2IyiFzIpNh/khQqwzyh6I5PsM4reyKTYjKIXMjlrUMHEZxQtt/hlGTCjaJVMuiSKEjpuiKKUjovbvKSOeaIorWOaKI7QcUMUpXQe+31Pc6xeN0AAAAAASUVORK5CYII=" }}
@ -31,18 +31,16 @@
background-size: "{{ . }}";
{{ end }}
{{ else }}
background-color: #{{ or .ProjectColor "999999" }};
{{ if eq .Theme "dark" }}
background-image: url('data:image/png;{{ $bgdark }}');
{{ else }}
background-image: url('data:image/png;{{ $bglight }}');
{{ end }}
{{ $bgcolor := or .Project.Color "999999" }}
background-color: #{{ eq .Theme "dark" | ternary (darken $bgcolor 0.6) (brighten $bgcolor 0.6) }};
background-image: url('data:image/png;base64,{{ eq .Theme "dark" | ternary $bgdark $bglight }}');
background-size: auto;
{{ end }}
}
</style>
{{ block "extrahead" . }}{{ end }}
<link rel="stylesheet" href="{{ statictheme .Theme "theme.css" }}" />
<link rel="stylesheet" href="{{ url "assets/project.css" }}" />
<link rel="stylesheet" href="{{ urlq "assets/project.css" (query "color" .Project.Color) }}" />
<link rel="apple-touch-icon" sizes="57x57" href="{{ static "apple-icon-57x57.png" }}">
<link rel="apple-touch-icon" sizes="60x60" href="{{ static "apple-icon-60x60.png" }}">
<link rel="apple-touch-icon" sizes="72x72" href="{{ static "apple-icon-72x72.png" }}">
@ -64,9 +62,9 @@
<body class="{{ join " " .BodyClasses }}">
<div class="content mw-site ph3-m ph4-l">
{{ template "header.html" }}
{{ template "header.html" . }}
based
{{ template "footer.html" }}
{{ template "footer.html" . }}
</div>
</body>

View File

@ -99,6 +99,7 @@ all of this CSS.
header .menu-bar .hmdev-logo {
background-image:url("{{ static "logo_nounder.svg" }}");
}
header .menu-bar .hmdev-logo .underscore {
background-image:url("{{ static "logo_underscore.svg" }}");
}
@ -107,18 +108,6 @@ header .menu-bar .hmdev-logo.project {
background-image:url("{{ static "logo_net.svg" }}");
}
.links .thing#projects {
background-image:url("{{ statictheme .Theme "project_thing.svg" }}");
}
.links .thing#discussion {
background-image:url("{{ statictheme .Theme "discuss_thing.svg" }}");
}
.links .thing#blogs {
background-image:url("{{ statictheme .Theme "blog_thing.svg" }}");
}
.half.light {
background-image:url("{{ statictheme "light" "accent_top_a.svg" }}");
}

View File

@ -4,9 +4,11 @@ import (
"embed"
"fmt"
"html/template"
"net/url"
"strings"
"time"
"git.handmade.network/hmn/hmn/src/hmnurl"
"git.handmade.network/hmn/hmn/src/logging"
"github.com/Masterminds/sprig"
"github.com/teacat/noire"
@ -77,21 +79,38 @@ var HMNTemplateFuncs = template.FuncMap{
}
return noire.NewHex(hexColor).Shade(amount).Hex(), nil
},
// TODO: Actually put paths in here, duh
"projecturl": func(url string) string {
return hmnurl.Url(url, nil) // TODO: Use project subdomain
},
"projecturlq": func(url string, query string) string {
absUrl := hmnurl.Url(url, nil)
return fmt.Sprintf("%s?%s", absUrl, query) // TODO: Use project subdomain
},
"query": func(args ...string) string {
query := url.Values{}
for i := 0; i < len(args); i += 2 {
query.Set(args[i], args[i+1])
}
return query.Encode()
},
"static": func(filepath string) string {
return fmt.Sprintf("A static file at %v, busted with %v", filepath, cachebust)
return hmnurl.StaticUrl(filepath, []hmnurl.Q{{"v", cachebust}})
},
"staticnobust": func(filepath string) string {
return fmt.Sprintf("A static file at %v", filepath)
return hmnurl.StaticUrl(filepath, nil)
},
"statictheme": func(theme string, filepath string) string {
return fmt.Sprintf("A static file for the current theme at %v, busted with %v", filepath, cachebust)
return hmnurl.StaticThemeUrl(filepath, theme, []hmnurl.Q{{"v", cachebust}})
},
"staticthemenobust": func(theme string, filepath string) string {
return fmt.Sprintf("A static file for the current theme at %v", filepath)
return hmnurl.StaticThemeUrl(filepath, theme, nil)
},
"url": func(url string) string {
return "/" + url
return hmnurl.Url(url, nil)
},
"urlq": func(url string, query string) string {
absUrl := hmnurl.Url(url, nil)
return fmt.Sprintf("%s?%s", absUrl, query)
},
}

View File

@ -5,11 +5,24 @@ type BaseData struct {
CanonicalLink string
OpenGraphItems []OpenGraphItem
BackgroundImage BackgroundImage
ProjectColor string
Project Project
Theme string
BodyClasses []string
}
type Project struct {
Name string
Subdomain string
Color string
IsHMN bool
HasBlog bool
HasForum bool
HasWiki bool
HasLibrary bool
}
type OpenGraphItem struct {
Property string
Name string

View File

@ -28,6 +28,7 @@ func NewWebsiteRoutes(conn *pgxpool.Pool) http.Handler {
routes.GET("/", routes.Index)
routes.GET("/project/:id", routes.Project)
routes.GET("/assets/project.css", routes.ProjectCSS)
routes.ServeFiles("/public/*filepath", http.Dir("public"))
return routes
}
@ -42,9 +43,22 @@ This context should also provide a sub-logger with request fields so we can easi
which URLs are having problems.
*/
// TODO: Make all these routes automatically pull general template data
// TODO:
func (s *websiteRoutes) Index(rw http.ResponseWriter, r *http.Request, p httprouter.Params) {
err := templates.Templates["index.html"].Execute(rw, templates.BaseData{
ProjectColor: "cd4e31",
Project: templates.Project{
Name: "Handmade Network",
Color: "cd4e31",
IsHMN: true,
HasBlog: true,
HasForum: true,
HasWiki: true,
HasLibrary: true,
},
Theme: "dark",
})
if err != nil {
@ -80,6 +94,7 @@ func (s *websiteRoutes) ProjectCSS(rw http.ResponseWriter, r *http.Request, p ht
Theme: "dark",
}
rw.Header().Add("Content-Type", "text/css")
err := templates.Templates["project.css"].Execute(rw, templateData)
if err != nil {
logging.Error().Err(err).Msg("failed to generate project CSS")