Merge branch 'main' of git.hamburg.ccc.de:EH22/design
All checks were successful
/ build (push) Successful in 12s
|
|
@ -1,3 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
|
||||
<path d="M299.996 0a25 25 0 0 0-24.998 24.998v389.803c0 23.914 15.39 43.832 34.613 51.795 19.223 7.962 44.194 4.759 61.104-12.15L485.617 339.54c5.091-5.09 12.583-5.09 17.674 0s5.097 12.589.006 17.68L317.682 542.836c-9.973 9.972-25.387 9.972-35.36 0L105.543 366.059a25 25 0 0 0-35.348 0 25 25 0 0 0-.005 35.353L246.969 578.19c29.08 29.08 76.986 29.08 106.066 0L538.65 392.574c24.199-24.198 24.199-64.192 0-88.39-24.198-24.199-64.188-24.195-88.386.004L335.359 419.092c-2.66 2.66-4.216 2.309-6.617 1.314-2.4-.994-3.742-1.838-3.742-5.601V25.002A25 25 0 0 0 299.996 0" style="stroke-width:3.77953"/>
|
||||
<path d="M300 0a25 25 0 0 0-24.998 24.996v359.186c0 29.564 18.8 53.722 42.437 63.513 23.638 9.791 54.02 6.009 74.924-14.896l93.258-93.258c5.091-5.09 12.583-5.09 17.674 0s5.09 12.583 0 17.674L317.68 542.83c-9.973 9.973-25.381 9.978-35.354.006L105.546 366.06a25 25 0 0 0-35.359 0 25 25 0 0 0 .006 35.353l176.78 176.777c29.08 29.08 76.984 29.08 106.064 0l185.617-185.615c24.199-24.198 24.193-64.188-.006-88.386-24.198-24.199-64.188-24.205-88.386-.006l-93.258 93.257c-6.656 6.656-13.615 6.884-20.43 4.06-6.815-2.822-11.576-7.904-11.576-17.317l.004-359.18A25 25 0 0 0 300 0" style="stroke-width:3.77953"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 672 B After Width: | Height: | Size: 678 B |
|
|
@ -1,3 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
|
||||
<path d="M501.832 73.168a25 25 0 0 0-17.676 7.32L208.523 356.121c-16.91 16.91-20.118 41.877-12.156 61.1 7.963 19.223 27.883 34.613 51.797 34.613H410.67c7.2 0 12.498 5.298 12.498 12.498s-5.298 12.498-12.498 12.498h-262.5c-14.103 0-25.002-10.893-25.002-24.996V201.832a25 25 0 0 0-25.004-25.002 25 25 0 0 0-24.994 25.002v250.002c0 41.125 33.875 75 75 75h262.5c34.222 0 62.494-28.28 62.494-62.502s-28.272-62.502-62.494-62.502H248.164c-3.763 0-4.607-1.343-5.601-3.744-.995-2.401-1.347-3.945 1.314-6.606l275.63-275.632a25 25 0 0 0 0-35.36 25 25 0 0 0-17.675-7.32" style="stroke-width:3.77953"/>
|
||||
<path d="M501.832 73.168a25 25 0 0 0-17.678 7.324L230.18 334.467c-20.905 20.905-24.696 51.288-14.905 74.926 9.791 23.637 33.95 42.439 63.514 42.439h131.877c7.2 0 12.498 5.296 12.498 12.496s-5.298 12.506-12.498 12.506h-262.5c-14.103 0-24.994-10.899-24.994-25.002V201.828a25 25 0 0 0-25.002-24.994 25 25 0 0 0-25.004 24.994v250.004c0 41.125 33.875 75 75 75h262.5c34.222 0 62.504-28.282 62.504-62.504s-28.282-62.494-62.504-62.494H278.789c-9.413 0-14.503-4.759-17.326-11.574-2.823-6.816-2.588-13.778 4.068-20.434l253.98-253.982a25 25 0 0 0 0-35.352 25 25 0 0 0-17.679-7.324" style="stroke-width:3.77953"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 666 B After Width: | Height: | Size: 679 B |
|
|
@ -1,3 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
|
||||
<path d="M98.168 73.168a25 25 0 0 0-17.68 7.324 25 25 0 0 0 0 35.352l275.633 275.633c16.91 16.91 41.877 20.118 61.1 12.156 19.223-7.963 34.613-27.883 34.613-51.797V189.33c0-7.2 5.298-12.498 12.498-12.498s12.498 5.298 12.498 12.498v262.5c0 14.103-10.893 25.002-24.996 25.002H201.832a25 25 0 0 0-25.002 25.004 25 25 0 0 0 25.002 24.994h250.002c41.125 0 75-33.875 75-75v-262.5c0-34.222-28.28-62.494-62.502-62.494s-62.502 28.272-62.502 62.494v162.506c0 3.763-1.343 4.607-3.744 5.601-2.401.995-3.945 1.347-6.606-1.314L115.848 80.493a25 25 0 0 0-17.68-7.325" style="stroke-width:3.77953"/>
|
||||
<path d="M98.168 73.17a25 25 0 0 0-17.676 7.32 25 25 0 0 0 0 35.352l253.975 253.982c20.905 20.905 51.288 24.695 74.926 14.905 23.637-9.791 42.437-33.958 42.437-63.522V189.33c0-7.2 5.306-12.498 12.506-12.498s12.498 5.298 12.498 12.498v262.5c0 14.103-10.9 25.002-25.004 25.002H201.836a25 25 0 0 0-25.002 25.002 25 25 0 0 0 25.002 24.996H451.83c41.125 0 75-33.875 75-75v-262.5c0-34.222-28.272-62.496-62.494-62.496s-62.502 28.274-62.502 62.496v131.877c0 9.413-4.76 14.501-11.576 17.324s-13.776 2.598-20.432-4.058L115.844 80.49a25 25 0 0 0-17.676-7.32" style="stroke-width:3.77953"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 661 B After Width: | Height: | Size: 656 B |
|
|
@ -1,3 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
|
||||
<path d="M216.264 62.867a25 25 0 0 0-17.676 7.324L21.81 246.971c-29.08 29.08-29.08 76.984 0 106.064l185.615 185.617c24.198 24.199 64.188 24.193 88.387-.006 24.198-24.198 24.204-64.188.006-88.386l-114.91-114.908c-2.662-2.661-2.31-4.209-1.315-6.61.994-2.4 1.838-3.742 5.601-3.742h389.803A25 25 0 0 0 600 299.998 25 25 0 0 0 575.002 275H185.199c-23.914 0-43.838 15.384-51.8 34.607-7.963 19.223-4.758 44.194 12.152 61.104l114.908 114.908c5.09 5.091 5.09 12.583 0 17.674s-12.583 5.09-17.674 0L57.168 317.678c-9.973-9.973-9.976-25.381-.004-35.354l176.777-176.78a25 25 0 0 0 0-35.358 25 25 0 0 0-17.677-7.319" style="stroke-width:3.77953"/>
|
||||
<path d="M216.266 62.867a25 25 0 0 0-17.678 7.319L21.808 246.965c-29.08 29.08-29.08 76.986 0 106.066l185.616 185.615c24.198 24.199 64.194 24.199 88.392 0 24.199-24.198 24.193-64.188-.006-88.386l-93.25-93.252c-6.656-6.656-6.885-13.615-4.062-20.43S206.405 325 215.818 325h359.184A25 25 0 0 0 600 300.002 25 25 0 0 0 574.996 275H215.822c-29.564 0-53.728 18.804-63.52 42.441-9.79 23.638-6 54.015 14.905 74.92l93.25 93.252c5.09 5.091 5.097 12.589.006 17.68-5.09 5.09-12.595 5.09-17.686 0L57.162 317.678c-9.972-9.973-9.967-25.381.006-35.354l176.777-176.78a25 25 0 0 0-.004-35.353 25 25 0 0 0-17.675-7.324" style="stroke-width:3.77953"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 711 B After Width: | Height: | Size: 708 B |
|
|
@ -1,3 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
|
||||
<path d="M348.379 43.203c-16.048 0-32.096 6.05-44.195 18.149-24.199 24.198-24.195 64.188.004 88.386l114.904 114.903c2.66 2.66 2.309 4.218 1.314 6.619-.994 2.4-1.842 3.738-5.605 3.738l-389.799.004A25 25 0 0 0 .006 300a25 25 0 0 0 24.996 24.998l389.799.004c23.914 0 43.832-15.388 51.795-34.611 7.962-19.223 4.759-44.194-12.15-61.104L339.54 114.385c-5.09-5.091-5.09-12.583 0-17.674s12.589-5.097 17.68-.006L542.836 282.32c9.972 9.973 9.972 25.387 0 35.36L366.059 494.457a25 25 0 0 0 0 35.35 25 25 0 0 0 35.353.004L578.19 353.033c29.08-29.08 29.08-76.986 0-106.066L392.574 61.352c-12.099-12.1-28.147-18.149-44.195-18.149" style="stroke-width:3.77953"/>
|
||||
<path d="M348.379 43.203c-16.046 0-32.09 6.05-44.19 18.149-24.198 24.198-24.204 64.188-.006 88.386l93.252 93.252c6.657 6.656 6.89 13.62 4.067 20.436-2.823 6.815-7.907 11.576-17.32 11.576H24.997A25 25 0 0 0 0 300a25 25 0 0 0 24.998 24.998h359.184c29.564 0 53.724-18.8 63.515-42.437 9.791-23.638 5.997-54.02-14.908-74.924l-93.252-93.252c-5.09-5.091-5.085-12.589.006-17.68s12.583-5.09 17.674 0L542.832 282.32c9.973 9.973 9.973 25.387 0 35.36L366.06 494.453a25 25 0 0 0 0 35.358 25 25 0 0 0 35.353-.004l176.774-176.774c29.08-29.08 29.08-76.986 0-106.066L392.57 61.352c-12.099-12.1-28.145-18.149-44.191-18.149" style="stroke-width:3.77953"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 725 B After Width: | Height: | Size: 714 B |
|
|
@ -1,3 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
|
||||
<path d="M300.002 0c-19.247 0-38.493 7.27-53.033 21.81L61.354 207.427c-24.199 24.198-24.199 64.194 0 88.392 24.198 24.199 64.188 24.193 88.386-.006l114.903-114.904c2.66-2.66 4.206-2.309 6.607-1.314 2.4.994 3.748 1.842 3.748 5.605v389.803A25 25 0 0 0 299.996 600a25 25 0 0 0 25.002-25.002V185.195c0-23.913-15.388-43.834-34.611-51.797s-44.188-4.753-61.098 12.157L114.387 260.459c-5.091 5.09-12.585 5.09-17.676 0s-5.095-12.589-.004-17.68L282.322 57.164c9.973-9.972 25.387-9.972 35.36 0l176.777 176.777a25 25 0 0 0 35.348 0 25 25 0 0 0 .006-35.353L353.035 21.81C338.495 7.27 319.248 0 300.002 0" style="stroke-width:3.77953"/>
|
||||
<path d="M300.002 0c-19.247 0-38.493 7.27-53.033 21.81L61.354 207.427c-24.199 24.198-24.199 64.194 0 88.392 24.198 24.199 64.188 24.193 88.386-.006l93.25-93.252c6.656-6.656 13.62-6.889 20.436-4.066 6.815 2.823 11.572 7.911 11.572 17.324v359.184A25 25 0 0 0 299.996 600a25 25 0 0 0 25.002-25.002V215.824c0-29.564-18.804-53.729-42.441-63.52-23.638-9.79-54.015-6.002-74.92 14.903l-93.25 93.252c-5.091 5.09-12.585 5.09-17.676 0-5.091-5.091-5.095-12.589-.004-17.68L282.322 57.164c9.973-9.972 25.387-9.972 35.36 0l176.777 176.777a25 25 0 0 0 35.348 0 25 25 0 0 0 .006-35.353L353.035 21.81C338.495 7.27 319.248 0 300.002 0" style="stroke-width:3.77953"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 700 B After Width: | Height: | Size: 725 B |
|
|
@ -1,3 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
|
||||
<path d="M148.166 73.17c-41.125 0-75 33.875-75 75v262.5c0 34.222 28.28 62.494 62.502 62.494s62.502-28.272 62.502-62.494V248.164c0-3.763 1.343-4.607 3.744-5.601 2.401-.995 3.945-1.347 6.606 1.314l275.632 275.63a25 25 0 0 0 35.36 0 25 25 0 0 0 0-35.35L243.879 208.522c-16.91-16.91-41.877-20.118-61.1-12.156-19.223 7.963-34.613 27.883-34.613 51.797V410.67c0 7.2-5.298 12.498-12.498 12.498s-12.498-5.298-12.498-12.498v-262.5c0-14.103 10.893-25.002 24.996-25.002h250.002a25 25 0 0 0 25.002-25.004 25 25 0 0 0-25.002-24.994Z" style="stroke-width:3.77953"/>
|
||||
<path d="M148.17 73.166c-41.125 0-75 33.875-75 75v262.5c0 34.222 28.272 62.502 62.494 62.502s62.502-28.28 62.502-62.502V278.789c0-9.413 4.76-14.495 11.576-17.318s13.778-2.596 20.434 4.06l253.98 253.98a25 25 0 0 0 35.352 0 25 25 0 0 0 0-35.359L265.533 230.18c-20.905-20.905-51.288-24.696-74.926-14.905-23.637 9.791-42.437 33.95-42.437 63.514v131.877c0 7.2-5.306 12.506-12.506 12.506s-12.498-5.306-12.498-12.506v-262.5c0-14.103 10.9-24.994 25.004-24.994h249.994a25 25 0 0 0 25.002-25.004 25 25 0 0 0-25.002-25.002Z" style="stroke-width:3.77953"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 628 B After Width: | Height: | Size: 622 B |
|
|
@ -1,3 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
|
||||
<path d="M188.83 73.164c-34.222 0-62.494 28.282-62.494 62.504s28.272 62.502 62.494 62.502h162.506c3.763 0 4.607 1.341 5.602 3.742.994 2.401 1.348 3.947-1.313 6.608L79.992 484.152a25 25 0 0 0 0 35.36 25 25 0 0 0 35.352 0l275.633-275.633c16.91-16.91 20.12-41.877 12.158-61.1s-27.885-34.615-51.8-34.615H188.83c-7.2 0-12.498-5.296-12.498-12.496s5.298-12.498 12.498-12.498h262.5c14.103 0 25.002 10.89 25.002 24.994v250.004a25 25 0 0 0 25.004 25.002 25 25 0 0 0 24.994-25.002V148.164c0-41.125-33.875-75-75-75z" style="stroke-width:3.77953"/>
|
||||
<path d="M189.334 73.168c-34.222 0-62.504 28.282-62.504 62.504s28.282 62.494 62.504 62.494h131.877c9.413 0 14.501 4.759 17.324 11.574 2.823 6.816 2.59 13.778-4.066 20.434L80.486 484.156a25 25 0 0 0 0 35.352 25 25 0 0 0 35.36 0L369.82 265.533c20.905-20.905 24.695-51.288 14.905-74.926-9.791-23.637-33.95-42.439-63.514-42.439H189.334c-7.2 0-12.498-5.296-12.498-12.496s5.298-12.506 12.498-12.506h262.5c14.103 0 25.002 10.899 25.002 25.002v250.004a25 25 0 0 0 24.994 24.994 25 25 0 0 0 25.004-24.994V148.168c0-41.125-33.875-75-75-75z" style="stroke-width:3.77953"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 613 B After Width: | Height: | Size: 639 B |
|
|
@ -1,3 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="425">
|
||||
<path d="M163.033.006c-23.087.008-43.707 15.055-50.537 36.879L1.12 392.77a25.132 24.87 0 0 0 16.572 31.113 25.132 24.87 0 0 0 31.442-16.399L160.51 51.598c.376-1.202 1.271-1.853 2.543-1.854 1.271 0 2.166.652 2.543 1.854l53.287 169.816c.26.829.627.334-.25.334h-38.38c-32.62 0-59.603 26.702-59.603 58.982s26.983 58.983 59.604 58.983h59.625c9.52 0 17.69 5.99 20.459 15.004l16.18 52.654a25.132 24.87 0 0 0 31.355 16.559 25.132 24.87 0 0 0 16.732-31.028l-16.18-52.656c-9.144-29.76-37.113-50.271-68.546-50.271h-59.625c-5.457 0-9.34-3.845-9.34-9.245s3.883-9.244 9.34-9.244h38.379c33.346 0 58.14-33.308 48.252-64.822L213.598 36.848C206.75 15.029 186.12-.002 163.033.006m282.555 136.457c-39.489 0-74.106 22.25-91.213 54.894a25.132 24.87 0 0 0 10.74 33.526 25.132 24.87 0 0 0 33.88-10.63c8.714-16.63 26.116-28.052 46.593-28.052H497.3c26.477 0 52.435 20.58 52.435 51.89v161.973a25.132 24.87 0 0 0 25.133 24.87A25.132 24.87 0 0 0 600 400.064V238.092c0-58.739-49.312-101.63-102.7-101.63Zm0 85.215c-56.422 0-102.7 45.796-102.7 101.629 0 55.832 46.278 101.627 102.7 101.627H497.3c3.837 0 7.634-.212 11.379-.622a25.132 24.87 0 0 0 22.218-27.449 25.132 24.87 0 0 0-27.74-21.986q-2.873.316-5.857.318h-51.713c-29.258 0-52.436-22.936-52.436-51.888s23.178-51.891 52.436-51.891H497.3q2.875 0 5.74.328a25.132 24.87 0 0 0 27.844-21.857 25.132 24.87 0 0 0-22.088-27.555 101 101 0 0 0-11.496-.654zM137.5 400.105c-59.587 0-110.684 38.128-129.623 91.54a25 25 0 0 0 15.207 31.918 25 25 0 0 0 31.918-15.208c12.009-33.867 44.198-58.25 82.498-58.25h75c44.531 0 87.5 35.296 87.5 87.5V775a25 25 0 0 0 25 25 25 25 0 0 0 25-25V537.605c0-79.776-66.2-137.5-137.5-137.5zm0 124.895C61.857 525 0 586.857 0 662.5S61.857 800 137.5 800h75c5.144 0 10.232-.284 15.246-.838a25 25 0 0 0 22.104-27.596 25 25 0 0 0-27.596-22.101 89 89 0 0 1-9.754.535h-75C88.879 750 50 711.121 50 662.5S88.879 575 137.5 575h75c3.222 0 6.439.188 9.637.557a25 25 0 0 0 27.699-21.975 25 25 0 0 0-21.973-27.697A134 134 0 0 0 212.5 525Z"/>
|
||||
<path d="M163.033.006c-23.087.008-43.707 15.055-50.537 36.879L1.12 392.77a25.132 24.87 0 0 0 16.572 31.113 25.132 24.87 0 0 0 31.442-16.399L160.51 51.598c.376-1.202 1.271-1.853 2.543-1.854 1.271 0 2.166.652 2.543 1.854l53.287 169.816c.26.829.627.334-.25.334h-38.38c-32.62 0-59.603 26.702-59.603 58.982s26.983 58.983 59.604 58.983h59.625c9.52 0 17.69 5.99 20.459 15.004l16.18 52.654a25.132 24.87 0 0 0 31.355 16.559 25.132 24.87 0 0 0 16.732-31.028l-16.18-52.656c-9.144-29.76-37.113-50.271-68.546-50.271h-59.625c-5.457 0-9.34-3.845-9.34-9.245s3.883-9.244 9.34-9.244h38.379c33.346 0 58.14-33.308 48.252-64.822L213.598 36.848C206.75 15.029 186.12-.002 163.033.006m282.555 136.328c-39.34 0-73.902 22.15-91.047 54.867a25 25 0 0 0 10.54 33.746 25 25 0 0 0 33.747-10.539c8.677-16.558 26.134-28.074 46.76-28.074H497.3c26.687 0 52.568 20.665 52.568 51.758v161.972a25 25 0 0 0 25 25 25 25 0 0 0 25-25V238.092c0-58.956-49.391-101.758-102.568-101.758zm0 85.213c-56.21 0-102.568 45.712-102.568 101.758s46.358 101.76 102.568 101.76H497.3c3.822 0 7.605-.21 11.336-.618a25 25 0 0 0 22.134-27.57 25 25 0 0 0-27.57-22.133q-2.895.318-5.9.32h-51.713c-29.47 0-52.568-23.02-52.568-51.76 0-28.738 23.098-51.757 52.568-51.757H497.3c1.93 0 3.862.11 5.785.33a25 25 0 0 0 27.672-22.006 25 25 0 0 0-22.006-27.672c-3.78-.431-7.604-.652-11.451-.652z"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2 KiB After Width: | Height: | Size: 1.4 KiB |
|
|
@ -100,15 +100,6 @@
|
|||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<div class="alert">
|
||||
<i data-icon="warning"></i>
|
||||
<p>
|
||||
<strong>Work in progress</strong>
|
||||
This style guide is still under development.<br />
|
||||
Not all resources may be available yet, explanations and examples
|
||||
may be missing and things may change without notice.
|
||||
</p>
|
||||
</div>
|
||||
<h1>Color Guide</h1>
|
||||
<p>
|
||||
The design consists of two sets of colors: lightmode and darkmode.
|
||||
|
|
|
|||
|
|
@ -100,15 +100,6 @@
|
|||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<div class="alert">
|
||||
<i data-icon="warning"></i>
|
||||
<p>
|
||||
<strong>Work in progress</strong>
|
||||
This style guide is still under development.<br />
|
||||
Not all resources may be available yet, explanations and examples
|
||||
may be missing and things may change without notice.
|
||||
</p>
|
||||
</div>
|
||||
<h1>Demopage</h1>
|
||||
<p>
|
||||
This page contains examples for various text-components and fonts, as
|
||||
|
|
@ -241,7 +232,7 @@
|
|||
<figure>
|
||||
<img
|
||||
src="../assets/image/example_qrcode_distorted.png"
|
||||
alt="The same image as before, except with a glitchy filer applied. The first effect applies to bright edges, which get paintet pink and blue to their left and right hand side respectively. The second effect distorts the image by offsetting parts of the image horizontally by seemingly random yet somewhat osscilating amounts."
|
||||
alt="The same image as before, except with a glitchy filer applied. The first effect applies to bright edges, which get painted pink and blue to their left and right hand side respectively. The second effect distorts the image by offsetting parts of the image horizontally by seemingly random yet somewhat osscilating amounts."
|
||||
/>
|
||||
<figcaption>Example image with visual glitches applied.</figcaption>
|
||||
</figure>
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
type="text/css"
|
||||
href="../assets/style/styleguide.css"
|
||||
/>
|
||||
<title>Document</title>
|
||||
<title>Image Generator</title>
|
||||
</head>
|
||||
|
||||
<body style="height: 100vh">
|
||||
|
|
@ -98,15 +98,24 @@
|
|||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<div class="alert">
|
||||
<i data-icon="warning"></i>
|
||||
<p>
|
||||
<strong>Work in progress</strong>
|
||||
This style guide is still under development.<br />
|
||||
Not all resources may be available yet, explanations and examples
|
||||
may be missing and things may change without notice.
|
||||
</p>
|
||||
</div>
|
||||
<h1>Image Generator</h1>
|
||||
<p>
|
||||
We wanted images to (optionally) have a glitchy, distorted appearance.
|
||||
To achieve this, we apply two effects to an image. Firstly, bright
|
||||
vertical edges in an image are highlighted by adding a parallel line
|
||||
in our primary color to their left and in our secondary color to their
|
||||
right hand side. Secondly, the image gets distorted by offsetting
|
||||
different parts of the image horizontally, seemingly by random
|
||||
amounts, but it is actually somewhat osscilating.
|
||||
</p>
|
||||
<p>
|
||||
This page utilizes a small bit of Javascript to add an SVG filter to
|
||||
an image of your choice. The resulting image will then be previewed
|
||||
further below and can be downloaded using a button at the end of the
|
||||
page. Not all browsers' canvas implementations generate the same
|
||||
outcome, especially firefox tends to create wrong results, so we
|
||||
recommend using a chromium based browser for creating these exports.
|
||||
</p>
|
||||
<div class="generator">
|
||||
<div>
|
||||
<input id="file_input" type="file" name="image" accept="image/*" />
|
||||
|
|
|
|||
|
|
@ -100,18 +100,16 @@
|
|||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h1>Glow</h1>
|
||||
<div class="alert">
|
||||
<i data-icon="warning"></i>
|
||||
<p>
|
||||
<strong>Work in progress</strong>
|
||||
This style guide is still under development.<br />
|
||||
This page is still under development.<br />
|
||||
Not all resources may be available yet, explanations and examples
|
||||
may be missing and things may change without notice.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h1>Glow</h1>
|
||||
<p><b>Very rough draft!</b></p>
|
||||
<h2>Darkmode</h2>
|
||||
<p>
|
||||
To add the glow to something of a given height (or fontsize), here
|
||||
|
|
|
|||
|
|
@ -100,16 +100,6 @@
|
|||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<div class="alert">
|
||||
<i data-icon="warning"></i>
|
||||
<p>
|
||||
<strong>Work in progress</strong>
|
||||
This style guide is still under development.<br />
|
||||
Not all resources may be available yet, explanations and examples
|
||||
may be missing and things may change without notice.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h1>Iconography</h1>
|
||||
<p>
|
||||
Icons can help with conveying meaning or to help with directions. In
|
||||
|
|
@ -156,47 +146,75 @@
|
|||
>
|
||||
<defs>
|
||||
<style>
|
||||
g {
|
||||
#up_arrow {
|
||||
fill: var(--color-shade-3);
|
||||
}
|
||||
.measurement-drawing {
|
||||
fill: var(--color-text-2);
|
||||
opacity: 0.5;
|
||||
}
|
||||
.measurement-text {
|
||||
fill: var(--color-foreground);
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<g>
|
||||
<path
|
||||
d="M 213.37856,242.00777 C 227.32944,264.08838 251.97907,278.75 280,278.75 c 1.62235,0 3.23375,-0.0492 4.83265,-0.14613 v -7.5149 C 283.23611,271.19575 281.62471,271.25 280,271.25 c -25.69487,0 -48.1643,-13.57397 -60.70703,-33.93164 l -0.46709,-0.75791 z"
|
||||
/>
|
||||
<path
|
||||
d="m 277.18801,72.132287 c 15.38784,6.470687 32.9424,8.121551 50.32371,3.594275 4.76947,-1.242294 9.3272,-2.898256 13.6409,-4.918946 l -5.67991,-5.67991 c -3.15163,1.331329 -6.43925,2.45223 -9.85162,3.341044 -14.67629,3.822705 -29.46101,2.785261 -42.66223,-2.107307 z"
|
||||
/>
|
||||
<g aria-label="α=135°, r=75 px">
|
||||
<path
|
||||
d="m 196.15111,292.57293 -0.45833,-2.40625 q -0.46875,-2.46875 -2.32292,-2.46875 -1.39583,0 -2.03124,1.14583 -0.80209,1.4375 -0.80209,3.33333 0,2.29167 0.78125,3.38541 0.79167,1.11459 2.05208,1.11459 1.39583,0 2.14583,-2.21875 z m 1.07291,-3.1875 1.03125,-3.05208 h 1.70833 l -2.13541,6.32291 0.41667,2.28124 q 0.0937,0.51042 0.45833,0.9375 0.42708,0.5 0.76041,0.5 h 0.91667 V 298 h -1.14583 q -0.97917,0 -1.85417,-0.875 -0.42708,-0.4375 -0.60416,-1.35416 -0.47917,1.15625 -1.45833,2.06249 -0.45834,0.42709 -1.94792,0.42709 -2.44791,0 -3.63541,-1.58333 -1.21875,-1.63542 -1.21875,-4.5 0,-3.06249 1.32292,-4.49999 1.46875,-1.60416 3.53124,-1.60416 3.23958,0 3.85416,3.31249 z m 6.43749,-1.07291 h 13.35415 v 1.74999 h -13.35415 z m 0,4.24999 h 13.35415 v 1.77083 h -13.35415 z m 18.26039,3.66666 h 3.4375 V 284.3646 l -3.73958,0.75 v -1.91666 l 3.71874,-0.75 h 2.10417 v 13.78123 h 3.43749 V 298 h -8.95832 z m 19.5833,-6.61457 q 1.51042,0.32291 2.35417,1.34374 0.85416,1.02084 0.85416,2.52083 0,2.30208 -1.58333,3.5625 -1.58333,1.26041 -4.49999,1.26041 -0.97917,0 -2.02083,-0.19791 -1.03125,-0.1875 -2.13541,-0.57292 V 295.5 q 0.87499,0.51042 1.91666,0.77084 1.04166,0.26041 2.17708,0.26041 1.97916,0 3.01041,-0.78125 1.04167,-0.78125 1.04167,-2.27083 0,-1.37499 -0.96875,-2.14583 -0.95833,-0.78124 -2.67708,-0.78124 h -1.8125 v -1.72917 h 1.89583 q 1.55208,0 2.375,-0.61458 0.82291,-0.625 0.82291,-1.79167 0,-1.19791 -0.85416,-1.83333 -0.84375,-0.64583 -2.42708,-0.64583 -0.86458,0 -1.85417,0.1875 -0.98958,0.1875 -2.17708,0.58333 v -1.87499 q 1.19792,-0.33334 2.23958,-0.5 1.05209,-0.16667 1.97917,-0.16667 2.39583,0 3.79166,1.09375 1.39583,1.08333 1.39583,2.9375 0,1.29166 -0.73958,2.18749 -0.73958,0.88542 -2.10417,1.22917 z m 7.21874,-7.16666 h 8.26041 v 1.77083 h -6.33333 v 3.8125 q 0.45834,-0.15625 0.91667,-0.22917 0.45833,-0.0833 0.91666,-0.0833 2.60417,0 4.125,1.42708 1.52083,1.42708 1.52083,3.86457 0,2.51042 -1.5625,3.90625 -1.5625,1.38541 -4.40624,1.38541 -0.97917,0 -2,-0.16666 -1.01041,-0.16667 -2.09375,-0.5 v -2.11458 q 0.9375,0.51041 1.9375,0.76041 1,0.25 2.11458,0.25 1.80208,0 2.85416,-0.94791 1.05208,-0.94792 1.05208,-2.57292 0,-1.62499 -1.05208,-2.57291 -1.05208,-0.94791 -2.85416,-0.94791 -0.84375,0 -1.6875,0.1875 -0.83333,0.1875 -1.70833,0.58333 z m 16.60414,1.0625 q -0.83333,0 -1.40624,0.58333 -0.57292,0.57292 -0.57292,1.40625 0,0.82292 0.57292,1.39583 0.57291,0.5625 1.40624,0.5625 0.83334,0 1.40625,-0.5625 0.57292,-0.57291 0.57292,-1.39583 0,-0.82292 -0.58334,-1.40625 -0.57291,-0.58333 -1.39583,-0.58333 z m 0,-1.34375 q 0.66667,0 1.28125,0.26042 0.61458,0.25 1.0625,0.72916 0.47917,0.46875 0.71875,1.0625 0.23958,0.59375 0.23958,1.28125 0,1.375 -0.96875,2.33333 -0.95833,0.94791 -2.35416,0.94791 -1.40625,0 -2.34375,-0.93749 -0.93749,-0.9375 -0.93749,-2.34375 0,-1.39583 0.95833,-2.36458 0.95833,-0.96875 2.34374,-0.96875 z"
|
||||
/>
|
||||
<path
|
||||
d="m 194.40111,314.79164 q -0.32291,-0.1875 -0.70833,-0.27083 -0.375,-0.0937 -0.83333,-0.0937 -1.625,0 -2.5,1.0625 -0.86458,1.05208 -0.86458,3.03124 v 6.14582 h -1.92708 v -11.66664 h 1.92708 v 1.81249 q 0.60417,-1.06249 1.57291,-1.57291 0.96875,-0.52083 2.35417,-0.52083 0.19791,0 0.4375,0.0312 0.23958,0.0208 0.53124,0.0729 z m 2.26041,0.1875 h 13.35415 v 1.75 h -13.35415 z m 0,4.24999 h 13.35415 v 1.77083 h -13.35415 z m 17.36456,-10.11456 h 9.99998 v 0.89583 l -5.64582,14.65622 h -2.19791 l 5.31249,-13.78122 h -7.46874 z m 14.12498,0 h 8.2604 v 1.77083 h -6.33332 v 3.81249 q 0.45833,-0.15625 0.91666,-0.22917 0.45834,-0.0833 0.91667,-0.0833 2.60416,0 4.12499,1.42708 1.52083,1.42708 1.52083,3.86458 0,2.51041 -1.5625,3.90624 -1.56249,1.38542 -4.40624,1.38542 -0.97916,0 -2,-0.16667 -1.01041,-0.16667 -2.09374,-0.5 v -2.11458 q 0.9375,0.51042 1.93749,0.76042 1,0.25 2.11458,0.25 1.80209,0 2.85417,-0.94792 1.05208,-0.94791 1.05208,-2.57291 0,-1.625 -1.05208,-2.57291 -1.05208,-0.94792 -2.85417,-0.94792 -0.84374,0 -1.68749,0.1875 -0.83333,0.1875 -1.70833,0.58333 z m 21.91663,13.80206 v 6.18749 h -1.92708 v -16.10414 h 1.92708 v 1.77083 q 0.60417,-1.04167 1.52083,-1.54167 0.92708,-0.51041 2.20833,-0.51041 2.125,0 3.44791,1.68749 1.33334,1.6875 1.33334,4.4375 0,2.74999 -1.33334,4.43749 -1.32291,1.6875 -3.44791,1.6875 -1.28125,0 -2.20833,-0.5 -0.91666,-0.51042 -1.52083,-1.55208 z m 6.52082,-4.07291 q 0,-2.11458 -0.87499,-3.3125 -0.86459,-1.20833 -2.38542,-1.20833 -1.52083,0 -2.39583,1.20833 -0.86458,1.19792 -0.86458,3.3125 0,2.11458 0.86458,3.32291 0.875,1.19791 2.39583,1.19791 1.52083,0 2.38542,-1.19791 0.87499,-1.20833 0.87499,-3.32291 z m 14.86456,-5.84374 -4.21874,5.67707 4.43749,5.98957 h -2.26041 l -3.39583,-4.58332 -3.39583,4.58332 h -2.26041 l 4.53124,-6.10415 -4.14583,-5.56249 h 2.26042 l 3.09374,4.15624 3.09375,-4.15624 z"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="m 187.79306,570.26801 h 8.26041 v 1.77083 h -6.33333 v 3.81249 q 0.45834,-0.15625 0.91667,-0.22916 0.45833,-0.0833 0.91666,-0.0833 2.60417,0 4.125,1.42709 1.52083,1.42708 1.52083,3.86457 0,2.51042 -1.5625,3.90625 -1.5625,1.38541 -4.40624,1.38541 -0.97917,0 -2,-0.16667 -1.01041,-0.16666 -2.09375,-0.49999 v -2.11458 q 0.9375,0.51041 1.9375,0.76041 1,0.25 2.11458,0.25 1.80208,0 2.85416,-0.94791 1.05209,-0.94792 1.05209,-2.57292 0,-1.62499 -1.05209,-2.57291 -1.05208,-0.94791 -2.85416,-0.94791 -0.84375,0 -1.6875,0.18749 -0.83333,0.1875 -1.70833,0.58334 z m 18.05206,1.38541 q -1.625,0 -2.44791,1.60417 -0.8125,1.59375 -0.8125,4.80207 0,3.19792 0.8125,4.80208 0.82291,1.59375 2.44791,1.59375 1.63541,0 2.44791,-1.59375 0.82292,-1.60416 0.82292,-4.80208 0,-3.20832 -0.82292,-4.80207 -0.8125,-1.60417 -2.44791,-1.60417 z m 0,-1.66666 q 2.61458,0 3.98958,2.07291 1.38541,2.0625 1.38541,5.99999 0,3.92708 -1.38541,5.99999 -1.375,2.0625 -3.98958,2.0625 -2.61458,0 -4,-2.0625 -1.37499,-2.07291 -1.37499,-5.99999 0,-3.93749 1.37499,-5.99999 1.38542,-2.07291 4,-2.07291 z m 17.43747,14.08331 v 6.18749 h -1.92708 v -16.10414 h 1.92708 v 1.77083 q 0.60417,-1.04166 1.52083,-1.54166 0.92708,-0.51042 2.20833,-0.51042 2.125,0 3.44791,1.6875 1.33333,1.6875 1.33333,4.43749 0,2.75 -1.33333,4.43749 -1.32291,1.6875 -3.44791,1.6875 -1.28125,0 -2.20833,-0.5 -0.91666,-0.51041 -1.52083,-1.55208 z m 6.52082,-4.07291 q 0,-2.11458 -0.875,-3.31249 -0.86458,-1.20834 -2.38541,-1.20834 -1.52083,0 -2.39583,1.20834 -0.86458,1.19791 -0.86458,3.31249 0,2.11458 0.86458,3.32291 0.875,1.19792 2.39583,1.19792 1.52083,0 2.38541,-1.19792 0.875,-1.20833 0.875,-3.32291 z m 14.86456,-5.84374 -4.21874,5.67707 4.43749,5.98958 h -2.26041 l -3.39583,-4.58333 -3.39583,4.58333 h -2.26041 l 4.53124,-6.10416 -4.14582,-5.56249 h 2.26041 l 3.09374,4.15624 3.09375,-4.15624 z"
|
||||
transform="rotate(-45)"
|
||||
aria-label="50 px"
|
||||
/>
|
||||
<g aria-label="α=90°, r=50 px">
|
||||
<path
|
||||
d="m 281.87513,91.958416 -0.45833,-2.406247 q -0.46875,-2.468746 -2.32291,-2.468746 -1.39583,0 -2.03125,1.145832 -0.80208,1.437498 -0.80208,3.333328 0,2.291663 0.78125,3.385411 0.79166,1.114582 2.05208,1.114582 1.39583,0 2.14583,-2.218747 z m 1.07292,-3.187495 1.03125,-3.052079 h 1.70833 l -2.13542,6.322907 0.41667,2.281246 q 0.0937,0.510416 0.45833,0.937499 0.42708,0.499999 0.76042,0.499999 h 0.91666 v 1.624997 h -1.14583 q -0.97916,0 -1.85416,-0.874998 -0.42709,-0.4375 -0.60417,-1.354165 -0.47916,1.156248 -1.45833,2.062497 -0.45833,0.427083 -1.94791,0.427083 -2.44792,0 -3.63541,-1.583331 -1.21875,-1.635414 -1.21875,-4.499993 0,-3.062495 1.32291,-4.499993 1.46875,-1.604164 3.53125,-1.604164 3.23958,0 3.85416,3.312495 z m 6.43749,-1.072915 h 13.35414 v 1.749997 h -13.35414 z m 0,4.249993 h 13.35414 v 1.770831 h -13.35414 z m 17.9583,5.114575 v -1.916663 q 0.79167,0.374999 1.60417,0.572915 0.8125,0.197917 1.59374,0.197917 2.08334,0 3.17708,-1.395831 1.10417,-1.406248 1.26042,-4.26041 -0.60417,0.895832 -1.53125,1.374997 -0.92708,0.479166 -2.05208,0.479166 -2.33333,0 -3.69791,-1.406247 -1.35417,-1.416665 -1.35417,-3.864578 0,-2.395829 1.41667,-3.843744 1.41666,-1.447914 3.77083,-1.447914 2.69791,0 4.11457,2.072913 1.42708,2.062497 1.42708,5.999991 0,3.677078 -1.74999,5.874991 -1.73958,2.187496 -4.6875,2.187496 -0.79166,0 -1.60416,-0.156249 -0.8125,-0.15625 -1.6875,-0.46875 z m 4.1875,-6.593739 q 1.41666,0 2.23958,-0.968749 0.83333,-0.968748 0.83333,-2.656246 0,-1.67708 -0.83333,-2.645829 -0.82292,-0.979165 -2.23958,-0.979165 -1.41667,0 -2.25,0.979165 -0.82292,0.968749 -0.82292,2.645829 0,1.687498 0.82292,2.656246 0.83333,0.968749 2.25,0.968749 z m 13.82289,-7.249989 q -1.625,0 -2.44791,1.604164 -0.8125,1.593748 -0.8125,4.802076 0,3.197912 0.8125,4.802076 0.82291,1.593747 2.44791,1.593747 1.63542,0 2.44791,-1.593747 0.82292,-1.604164 0.82292,-4.802076 0,-3.208328 -0.82292,-4.802076 -0.81249,-1.604164 -2.44791,-1.604164 z m 0,-1.666664 q 2.61458,0 3.98958,2.072913 1.38541,2.062497 1.38541,5.999991 0,3.927077 -1.38541,5.999991 -1.375,2.062496 -3.98958,2.062496 -2.61458,0 -3.99999,-2.062496 -1.375,-2.072914 -1.375,-5.999991 0,-3.937494 1.375,-5.999991 1.38541,-2.072913 3.99999,-2.072913 z m 12.12498,1.343748 q -0.83333,0 -1.40625,0.583332 -0.57291,0.572916 -0.57291,1.406248 0,0.822916 0.57291,1.395831 0.57292,0.562499 1.40625,0.562499 0.83333,0 1.40625,-0.562499 0.57292,-0.572915 0.57292,-1.395831 0,-0.822915 -0.58334,-1.406248 -0.57291,-0.583332 -1.39583,-0.583332 z m 0,-1.343748 q 0.66667,0 1.28125,0.260416 0.61458,0.25 1.0625,0.729166 0.47916,0.468749 0.71875,1.062498 0.23958,0.593749 0.23958,1.281248 0,1.374998 -0.96875,2.33333 -0.95833,0.947915 -2.35416,0.947915 -1.40625,0 -2.34375,-0.937499 -0.9375,-0.937498 -0.9375,-2.343746 0,-1.395831 0.95834,-2.364579 0.95833,-0.968749 2.34374,-0.968749 z"
|
||||
/>
|
||||
<path
|
||||
d="m 273.33869,114.17713 q -0.32292,-0.1875 -0.70833,-0.27083 -0.375,-0.0937 -0.83334,-0.0937 -1.62499,0 -2.49999,1.0625 -0.86458,1.05208 -0.86458,3.03124 v 6.14582 h -1.92708 v -11.66664 h 1.92708 v 1.81249 q 0.60416,-1.06249 1.57291,-1.57291 0.96875,-0.52083 2.35416,-0.52083 0.19792,0 0.4375,0.0312 0.23959,0.0208 0.53125,0.0729 z m 2.26041,0.1875 h 13.35415 v 1.75 H 275.5991 Z m 0,4.24999 h 13.35415 v 1.77083 H 275.5991 Z m 17.91664,-10.11456 h 8.2604 v 1.77083 h -6.33332 v 3.81249 q 0.45833,-0.15625 0.91666,-0.22917 0.45834,-0.0833 0.91667,-0.0833 2.60416,0 4.12499,1.42708 1.52083,1.42708 1.52083,3.86458 0,2.51041 -1.56249,3.90624 -1.5625,1.38542 -4.40625,1.38542 -0.97916,0 -1.99999,-0.16667 -1.01042,-0.16666 -2.09375,-0.5 v -2.11458 q 0.9375,0.51042 1.9375,0.76042 0.99999,0.25 2.11458,0.25 1.80208,0 2.85416,-0.94792 1.05208,-0.94791 1.05208,-2.57291 0,-1.625 -1.05208,-2.57291 -1.05208,-0.94792 -2.85416,-0.94792 -0.84375,0 -1.6875,0.1875 -0.83333,0.1875 -1.70833,0.58333 z m 18.05205,1.38541 q -1.62499,0 -2.44791,1.60416 -0.8125,1.59375 -0.8125,4.80208 0,3.19791 0.8125,4.80208 0.82292,1.59374 2.44791,1.59374 1.63542,0 2.44792,-1.59374 0.82291,-1.60417 0.82291,-4.80208 0,-3.20833 -0.82291,-4.80208 -0.8125,-1.60416 -2.44792,-1.60416 z m 0,-1.66666 q 2.61458,0 3.98958,2.07291 1.38541,2.0625 1.38541,5.99999 0,3.92708 -1.38541,5.99999 -1.375,2.0625 -3.98958,2.0625 -2.61458,0 -3.99999,-2.0625 -1.375,-2.07291 -1.375,-5.99999 0,-3.93749 1.375,-5.99999 1.38541,-2.07291 3.99999,-2.07291 z m 17.43748,14.08331 v 6.18749 h -1.92708 v -16.10414 h 1.92708 v 1.77083 q 0.60416,-1.04167 1.52083,-1.54167 0.92708,-0.51041 2.20833,-0.51041 2.125,0 3.44791,1.68749 1.33333,1.6875 1.33333,4.4375 0,2.74999 -1.33333,4.43749 -1.32291,1.6875 -3.44791,1.6875 -1.28125,0 -2.20833,-0.5 -0.91667,-0.51042 -1.52083,-1.55208 z m 6.52082,-4.07291 q 0,-2.11458 -0.875,-3.3125 -0.86458,-1.20833 -2.38541,-1.20833 -1.52083,0 -2.39583,1.20833 -0.86458,1.19792 -0.86458,3.3125 0,2.11458 0.86458,3.32291 0.875,1.19791 2.39583,1.19791 1.52083,0 2.38541,-1.19791 0.875,-1.20833 0.875,-3.32291 z m 14.86456,-5.84374 -4.21875,5.67707 4.4375,5.98957 h -2.26042 l -3.39582,-4.58332 -3.39583,4.58332 h -2.26042 l 4.53125,-6.10415 -4.14583,-5.56249 h 2.26041 l 3.09375,4.15624 3.09374,-4.15624 z"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
id="up_arrow"
|
||||
d="m 71.185433,207.42553 c -24.198406,24.1984 -24.198409,64.19342 2e-6,88.39183 24.198408,24.1984 64.188205,24.19318 88.386605,-0.005 l 93.25145,-93.25145 c 6.65612,-6.65612 13.62014,-6.88923 20.43547,-4.06623 6.81531,2.82303 11.57225,7.91132 11.57224,17.32449 v 359.18379 a 25.000064,25.000064 0 0 0 24.99756,24.99756 25.000064,25.000064 0 0 0 25.00277,-25.00277 V 215.82438 c -2e-5,-29.56391 -18.80469,-53.72862 -42.44207,-63.51956 -23.6374,-9.79092 -54.01472,-6.00236 -74.91957,14.90249 l -93.25145,93.25145 c -5.09091,5.09091 -12.58327,5.09091 -17.67419,0 -5.09091,-5.09092 -5.09613,-12.5885 -0.005,-17.67941 L 292.15457,57.163587 c 9.97247,-9.972464 25.38634,-9.972456 35.35881,1.1e-5 L 504.29182,233.94204 a 25.000064,25.000064 0 0 0 35.34837,0 25.000064,25.000064 0 0 0 0.005,-35.35361 L 362.86699,21.809987 c -29.07996,-29.0799606 -76.98606,-29.0799539 -106.06602,1e-6 z"
|
||||
/>
|
||||
<g aria-label="line-width of 50">
|
||||
<path
|
||||
class="measurement-drawing"
|
||||
d="m 557.29687,216.24219 -5.30273,5.30273 5.05078,5.05078 -24.74805,24.74805 -5.05273,-5.05078 -5.30273,5.30273 10.35546,10.35547 35.35547,-35.35547 z"
|
||||
/>
|
||||
<path
|
||||
class="measurement-text"
|
||||
d="m 203.7852,571.28626 h 8.26041 v 1.77083 h -6.33333 v 3.81249 q 0.45834,-0.15625 0.91667,-0.22916 0.45833,-0.0833 0.91666,-0.0833 2.60417,0 4.125,1.42709 1.52083,1.42708 1.52083,3.86457 0,2.51042 -1.5625,3.90625 -1.5625,1.38541 -4.40624,1.38541 -0.97917,0 -2,-0.16667 -1.01041,-0.16666 -2.09375,-0.49999 v -2.11458 q 0.9375,0.51041 1.9375,0.76041 1,0.25 2.11458,0.25 1.80208,0 2.85416,-0.94791 1.05209,-0.94792 1.05209,-2.57292 0,-1.625 -1.05209,-2.57291 -1.05208,-0.94792 -2.85416,-0.94792 -0.84375,0 -1.6875,0.1875 -0.83333,0.1875 -1.70833,0.58334 z m 18.05206,1.38541 q -1.625,0 -2.44791,1.60417 -0.8125,1.59375 -0.8125,4.80207 0,3.19792 0.8125,4.80208 0.82291,1.59375 2.44791,1.59375 1.63541,0 2.44791,-1.59375 0.82292,-1.60416 0.82292,-4.80208 0,-3.20832 -0.82292,-4.80207 -0.8125,-1.60417 -2.44791,-1.60417 z m 0,-1.66666 q 2.61458,0 3.98958,2.07291 1.38541,2.0625 1.38541,5.99999 0,3.92708 -1.38541,5.99999 -1.375,2.0625 -3.98958,2.0625 -2.61458,0 -4,-2.0625 -1.37499,-2.07291 -1.37499,-5.99999 0,-3.93749 1.37499,-5.99999 1.38542,-2.07291 4,-2.07291 z"
|
||||
transform="rotate(-45)"
|
||||
/>
|
||||
</g>
|
||||
<g aria-label="α=90°, d=100">
|
||||
<path
|
||||
class="measurement-drawing"
|
||||
d="m 359.83264,75 a 50,50 0 0 1 -50,50 50,50 0 0 1 -50,-50 50,50 0 0 1 50,-50 50,50 0 0 1 50,50 z"
|
||||
/>
|
||||
<path
|
||||
class="measurement-text"
|
||||
d="m 331.17094,135.01885 -0.45833,-2.40625 q -0.46875,-2.46874 -2.32292,-2.46874 -1.39583,0 -2.03124,1.14583 -0.80208,1.4375 -0.80208,3.33333 0,2.29166 0.78124,3.38541 0.79167,1.11458 2.05208,1.11458 1.39584,0 2.14583,-2.21875 z m 1.07291,-3.1875 1.03125,-3.05208 h 1.70833 l -2.13541,6.32291 0.41667,2.28125 q 0.0937,0.51041 0.45833,0.9375 0.42708,0.5 0.76041,0.5 h 0.91667 v 1.62499 h -1.14583 q -0.97917,0 -1.85417,-0.875 -0.42708,-0.4375 -0.60416,-1.35416 -0.47917,1.15625 -1.45833,2.0625 -0.45834,0.42708 -1.94792,0.42708 -2.44791,0 -3.63541,-1.58333 -1.21875,-1.63542 -1.21875,-4.49999 0,-3.0625 1.32292,-4.5 1.46875,-1.60416 3.53124,-1.60416 3.23958,0 3.85416,3.31249 z m 6.43749,-1.07291 h 13.35415 v 1.75 h -13.35415 z m 0,4.24999 h 13.35415 v 1.77083 h -13.35415 z m 17.95831,5.11458 v -1.91667 q 0.79167,0.375 1.60416,0.57292 0.8125,0.19792 1.59375,0.19792 2.08333,0 3.17708,-1.39584 1.10417,-1.40624 1.26041,-4.26041 -0.60416,0.89584 -1.53124,1.375 -0.92708,0.47917 -2.05208,0.47917 -2.33333,0 -3.69791,-1.40625 -1.35417,-1.41666 -1.35417,-3.86458 0,-2.39583 1.41667,-3.84374 1.41666,-1.44792 3.77082,-1.44792 2.69792,0 4.11458,2.07292 1.42708,2.06249 1.42708,5.99999 0,3.67708 -1.75,5.87499 -1.73958,2.1875 -4.68749,2.1875 -0.79166,0 -1.60416,-0.15625 -0.8125,-0.15625 -1.6875,-0.46875 z m 4.18749,-6.59374 q 1.41667,0 2.23958,-0.96875 0.83334,-0.96875 0.83334,-2.65625 0,-1.67708 -0.83334,-2.64583 -0.82291,-0.97916 -2.23958,-0.97916 -1.41666,0 -2.24999,0.97916 -0.82292,0.96875 -0.82292,2.64583 0,1.6875 0.82292,2.65625 0.83333,0.96875 2.24999,0.96875 z m 13.8229,-7.24999 q -1.625,0 -2.44791,1.60416 -0.8125,1.59375 -0.8125,4.80208 0,3.19791 0.8125,4.80207 0.82291,1.59375 2.44791,1.59375 1.63541,0 2.44791,-1.59375 0.82292,-1.60416 0.82292,-4.80207 0,-3.20833 -0.82292,-4.80208 -0.8125,-1.60416 -2.44791,-1.60416 z m 0,-1.66667 q 2.61458,0 3.98958,2.07292 1.38541,2.06249 1.38541,5.99999 0,3.92708 -1.38541,5.99999 -1.375,2.0625 -3.98958,2.0625 -2.61458,0 -4,-2.0625 -1.37499,-2.07291 -1.37499,-5.99999 0,-3.9375 1.37499,-5.99999 1.38542,-2.07292 4,-2.07292 z m 12.12498,1.34375 q -0.83333,0 -1.40625,0.58333 -0.57291,0.57292 -0.57291,1.40625 0,0.82292 0.57291,1.39583 0.57292,0.5625 1.40625,0.5625 0.83333,0 1.40625,-0.5625 0.57291,-0.57291 0.57291,-1.39583 0,-0.82291 -0.58333,-1.40625 -0.57292,-0.58333 -1.39583,-0.58333 z m 0,-1.34375 q 0.66666,0 1.28125,0.26042 0.61458,0.25 1.0625,0.72917 0.47916,0.46875 0.71874,1.06249 0.23959,0.59375 0.23959,1.28125 0,1.375 -0.96875,2.33333 -0.95833,0.94792 -2.35416,0.94792 -1.40625,0 -2.34375,-0.9375 -0.9375,-0.9375 -0.9375,-2.34375 0,-1.39583 0.95833,-2.36458 0.95833,-0.96875 2.34375,-0.96875 z"
|
||||
/>
|
||||
<path
|
||||
class="measurement-text"
|
||||
d="m 330.85323,158.03921 v -6.31249 h 1.91667 v 16.20831 h -1.91667 v -1.75 q -0.60416,1.04166 -1.53125,1.55208 -0.91666,0.5 -2.20833,0.5 -2.11458,0 -3.44791,-1.6875 -1.32291,-1.6875 -1.32291,-4.43749 0,-2.75 1.32291,-4.4375 1.33333,-1.68749 3.44791,-1.68749 1.29167,0 2.20833,0.51041 0.92709,0.5 1.53125,1.54167 z m -6.53124,4.07291 q 0,2.11458 0.86458,3.32291 0.875,1.19791 2.39583,1.19791 1.52083,0 2.39583,-1.19791 0.875,-1.20833 0.875,-3.32291 0,-2.11458 -0.875,-3.3125 -0.875,-1.20833 -2.39583,-1.20833 -1.52083,0 -2.39583,1.20833 -0.86458,1.19792 -0.86458,3.3125 z m 12.64582,-3.86458 h 13.35414 v 1.75 h -13.35414 z m 0,4.24999 h 13.35414 v 1.77083 h -13.35414 z m 18.26038,3.66666 h 3.4375 v -11.86456 l -3.73958,0.75 v -1.91666 l 3.71874,-0.75 h 2.10417 v 13.78122 h 3.43749 v 1.77084 h -8.95832 z m 17.70831,-12.39581 q -1.625,0 -2.44792,1.60416 -0.8125,1.59375 -0.8125,4.80208 0,3.19791 0.8125,4.80208 0.82292,1.59374 2.44792,1.59374 1.63541,0 2.44791,-1.59374 0.82291,-1.60417 0.82291,-4.80208 0,-3.20833 -0.82291,-4.80208 -0.8125,-1.60416 -2.44791,-1.60416 z m 0,-1.66666 q 2.61458,0 3.98957,2.07291 1.38542,2.0625 1.38542,5.99999 0,3.92708 -1.38542,5.99999 -1.37499,2.0625 -3.98957,2.0625 -2.61458,0 -4,-2.0625 -1.375,-2.07291 -1.375,-5.99999 0,-3.93749 1.375,-5.99999 1.38542,-2.07291 4,-2.07291 z m 13.57289,1.66666 q -1.62499,0 -2.44791,1.60416 -0.8125,1.59375 -0.8125,4.80208 0,3.19791 0.8125,4.80208 0.82292,1.59374 2.44791,1.59374 1.63542,0 2.44792,-1.59374 0.82291,-1.60417 0.82291,-4.80208 0,-3.20833 -0.82291,-4.80208 -0.8125,-1.60416 -2.44792,-1.60416 z m 0,-1.66666 q 2.61458,0 3.98958,2.07291 1.38542,2.0625 1.38542,5.99999 0,3.92708 -1.38542,5.99999 -1.375,2.0625 -3.98958,2.0625 -2.61457,0 -3.99999,-2.0625 -1.375,-2.07291 -1.375,-5.99999 0,-3.93749 1.375,-5.99999 1.38542,-2.07291 3.99999,-2.07291 z"
|
||||
/>
|
||||
</g>
|
||||
<g aria-label="α=135°, d=87.5">
|
||||
<path
|
||||
class="measurement-drawing"
|
||||
d="m 309.83264,215.8215 a 43.75,43.75 0 0 1 -43.75,43.75 43.75,43.75 0 0 1 -43.75,-43.75 43.75,43.75 0 0 1 43.75,-43.75 43.75,43.75 0 0 1 43.75,43.75 z"
|
||||
/>
|
||||
<path
|
||||
class="measurement-text"
|
||||
d="m 205.14032,275.65239 -0.45833,-2.40624 q -0.46875,-2.46875 -2.32291,-2.46875 -1.39584,0 -2.03125,1.14583 -0.80208,1.4375 -0.80208,3.33333 0,2.29166 0.78125,3.38541 0.79166,1.11458 2.05208,1.11458 1.39583,0 2.14583,-2.21874 z m 1.07292,-3.18749 1.03124,-3.05208 h 1.70833 l -2.13541,6.32291 0.41667,2.28124 q 0.0937,0.51042 0.45833,0.9375 0.42708,0.5 0.76042,0.5 h 0.91666 v 1.625 h -1.14583 q -0.97917,0 -1.85416,-0.875 -0.42709,-0.4375 -0.60417,-1.35417 -0.47917,1.15625 -1.45833,2.0625 -0.45833,0.42708 -1.94791,0.42708 -2.44792,0 -3.63542,-1.58333 -1.21874,-1.63541 -1.21874,-4.49999 0,-3.06249 1.32291,-4.49999 1.46875,-1.60417 3.53125,-1.60417 3.23957,0 3.85416,3.3125 z m 6.43749,-1.07292 h 13.35414 v 1.75 h -13.35414 z m 0,4.25 h 13.35414 v 1.77083 h -13.35414 z m 18.26038,3.66666 h 3.4375 v -11.86457 l -3.73958,0.75 v -1.91666 l 3.71875,-0.75 h 2.10416 v 13.78123 h 3.43749 v 1.77083 h -8.95832 z m 19.58331,-6.61458 q 1.51041,0.32292 2.35416,1.34375 0.85416,1.02083 0.85416,2.52083 0,2.30208 -1.58333,3.5625 -1.58333,1.26041 -4.49999,1.26041 -0.97916,0 -2.02083,-0.19792 -1.03125,-0.1875 -2.13541,-0.57291 v -2.03125 q 0.875,0.51042 1.91666,0.77083 1.04167,0.26042 2.17708,0.26042 1.97916,0 3.01041,-0.78125 1.04167,-0.78125 1.04167,-2.27083 0,-1.375 -0.96875,-2.14583 -0.95833,-0.78125 -2.67708,-0.78125 h -1.8125 v -1.72916 h 1.89583 q 1.55208,0 2.375,-0.61458 0.82292,-0.625 0.82292,-1.79167 0,-1.19791 -0.85417,-1.83333 -0.84375,-0.64583 -2.42708,-0.64583 -0.86458,0 -1.85416,0.1875 -0.98958,0.1875 -2.17708,0.58333 v -1.87499 q 1.19791,-0.33334 2.23958,-0.5 1.05208,-0.16667 1.97916,-0.16667 2.39583,0 3.79166,1.09375 1.39583,1.08333 1.39583,2.93749 0,1.29167 -0.73958,2.1875 -0.73958,0.88541 -2.10416,1.22916 z m 7.21873,-7.16665 h 8.26041 v 1.77083 h -6.33332 v 3.81249 q 0.45833,-0.15625 0.91666,-0.22916 0.45833,-0.0833 0.91667,-0.0833 2.60416,0 4.12499,1.42709 1.52083,1.42708 1.52083,3.86457 0,2.51042 -1.5625,3.90625 -1.56249,1.38541 -4.40624,1.38541 -0.97917,0 -2,-0.16667 -1.01041,-0.16666 -2.09374,-0.49999 v -2.11458 q 0.93749,0.51041 1.93749,0.76041 1,0.25 2.11458,0.25 1.80208,0 2.85417,-0.94792 1.05208,-0.94791 1.05208,-2.57291 0,-1.625 -1.05208,-2.57291 -1.05209,-0.94792 -2.85417,-0.94792 -0.84375,0 -1.68749,0.1875 -0.83334,0.1875 -1.70834,0.58334 z m 16.60415,1.0625 q -0.83334,0 -1.40625,0.58333 -0.57292,0.57292 -0.57292,1.40625 0,0.82291 0.57292,1.39583 0.57291,0.5625 1.40625,0.5625 0.83333,0 1.40624,-0.5625 0.57292,-0.57292 0.57292,-1.39583 0,-0.82292 -0.58333,-1.40625 -0.57292,-0.58333 -1.39583,-0.58333 z m 0,-1.34375 q 0.66666,0 1.28124,0.26042 0.61459,0.25 1.0625,0.72916 0.47917,0.46875 0.71875,1.0625 0.23958,0.59375 0.23958,1.28125 0,1.375 -0.96875,2.33333 -0.95833,0.94791 -2.35416,0.94791 -1.40625,0 -2.34374,-0.9375 -0.9375,-0.93749 -0.9375,-2.34374 0,-1.39583 0.95833,-2.36458 0.95833,-0.96875 2.34375,-0.96875 z"
|
||||
/>
|
||||
<path
|
||||
class="measurement-text"
|
||||
d="m 208.21844,298.67275 v -6.31249 h 1.91666 v 16.20831 h -1.91666 v -1.75 q -0.60416,1.04167 -1.53125,1.55208 -0.91666,0.5 -2.20833,0.5 -2.11458,0 -3.44791,-1.68749 -1.32291,-1.6875 -1.32291,-4.4375 0,-2.74999 1.32291,-4.43749 1.33333,-1.6875 3.44791,-1.6875 1.29167,0 2.20833,0.51042 0.92709,0.5 1.53125,1.54166 z m -6.53124,4.07291 q 0,2.11458 0.86458,3.32291 0.875,1.19792 2.39583,1.19792 1.52083,0 2.39583,-1.19792 0.875,-1.20833 0.875,-3.32291 0,-2.11458 -0.875,-3.31249 -0.875,-1.20833 -2.39583,-1.20833 -1.52083,0 -2.39583,1.20833 -0.86458,1.19791 -0.86458,3.31249 z m 12.64581,-3.86457 h 13.35415 v 1.74999 h -13.35415 z m 0,4.24999 h 13.35415 v 1.77083 h -13.35415 z m 22.3958,-1.94791 q -1.5,0 -2.36458,0.80208 -0.85416,0.80208 -0.85416,2.20833 0,1.40624 0.85416,2.20833 0.86458,0.80208 2.36458,0.80208 1.5,0 2.36458,-0.80208 0.86458,-0.8125 0.86458,-2.20833 0,-1.40625 -0.86458,-2.20833 -0.85416,-0.80208 -2.36458,-0.80208 z m -2.10416,-0.89584 q -1.35417,-0.33333 -2.11458,-1.26041 -0.75,-0.92708 -0.75,-2.26041 0,-1.86459 1.32291,-2.94792 1.33334,-1.08333 3.64583,-1.08333 2.32292,0 3.64583,1.08333 1.32291,1.08333 1.32291,2.94792 0,1.33333 -0.76041,2.26041 -0.75,0.92708 -2.09375,1.26041 1.52083,0.35417 2.36458,1.38542 0.85417,1.03125 0.85417,2.52083 0,2.26041 -1.38542,3.46874 -1.375,1.20833 -3.94791,1.20833 -2.57291,0 -3.95833,-1.20833 -1.37499,-1.20833 -1.37499,-3.46874 0,-1.48958 0.85416,-2.52083 0.85417,-1.03125 2.375,-1.38542 z m -0.77083,-3.32291 q 0,1.20833 0.75,1.88542 0.76041,0.67708 2.12499,0.67708 1.35417,0 2.11458,-0.67708 0.77083,-0.67709 0.77083,-1.88542 0,-1.20833 -0.77083,-1.88541 -0.76041,-0.67708 -2.11458,-0.67708 -1.36458,0 -2.12499,0.67708 -0.75,0.67708 -0.75,1.88541 z m 11.41664,-3.94791 h 9.99999 v 0.89583 l -5.64583,14.65623 h -2.19791 l 5.31249,-13.78123 h -7.46874 z m 14.10415,12.90623 h 2.19791 v 2.64583 h -2.19791 z m 6.80207,-12.90623 h 8.2604 v 1.77083 h -6.33332 v 3.8125 q 0.45833,-0.15625 0.91666,-0.22917 0.45834,-0.0833 0.91667,-0.0833 2.60416,0 4.12499,1.42708 1.52083,1.42708 1.52083,3.86457 0,2.51042 -1.56249,3.90625 -1.5625,1.38541 -4.40625,1.38541 -0.97916,0 -1.99999,-0.16666 -1.01042,-0.16667 -2.09375,-0.5 v -2.11458 q 0.9375,0.51041 1.9375,0.76041 1,0.25 2.11458,0.25 1.80208,0 2.85416,-0.94791 1.05208,-0.94792 1.05208,-2.57292 0,-1.62499 -1.05208,-2.57291 -1.05208,-0.94791 -2.85416,-0.94791 -0.84375,0 -1.6875,0.1875 -0.83333,0.1875 -1.70833,0.58333 z"
|
||||
/>
|
||||
</g>
|
||||
<g aria-label="α=180°, d=75">
|
||||
<path
|
||||
class="measurement-drawing"
|
||||
d="m 152.87961,251.62318 a 37.5,37.5 0 0 1 -37.5,37.5 37.5,37.5 0 0 1 -37.500002,-37.5 37.5,37.5 0 0 1 37.500002,-37.5 37.5,37.5 0 0 1 37.5,37.5 z"
|
||||
/>
|
||||
<path
|
||||
class="measurement-text"
|
||||
d="m 82.95778,331.13567 -0.458333,-2.40625 q -0.468749,-2.46874 -2.322913,-2.46874 -1.395831,0 -2.031246,1.14583 -0.802083,1.4375 -0.802083,3.33333 0,2.29166 0.781249,3.38541 0.791666,1.11458 2.05208,1.11458 1.395831,0 2.14583,-2.21875 z m 1.072915,-3.1875 1.031248,-3.05207 h 1.708331 l -2.135413,6.3229 0.416666,2.28125 q 0.09375,0.51041 0.458332,0.9375 0.427083,0.5 0.760416,0.5 h 0.916665 v 1.62499 h -1.145832 q -0.979165,0 -1.854163,-0.87499 -0.427083,-0.4375 -0.604166,-1.35417 -0.479166,1.15625 -1.458331,2.0625 -0.458333,0.42708 -1.947914,0.42708 -2.447912,0 -3.635411,-1.58333 -1.218748,-1.63541 -1.218748,-4.49999 0,-3.0625 1.322915,-4.5 1.468748,-1.60416 3.531244,-1.60416 3.239579,0 3.854161,3.31249 z m 6.43749,-1.07291 h 13.354145 v 1.75 H 90.468185 Z m 0,4.24999 h 13.354145 v 1.77083 H 90.468185 Z m 18.260385,3.66666 h 3.4375 v -11.86456 l -3.73958,0.75 v -1.91667 l 3.71874,-0.74999 h 2.10417 v 13.78122 h 3.43749 v 1.77083 h -8.95832 z m 17.70831,-5.61457 q -1.5,0 -2.36458,0.80208 -0.85417,0.80208 -0.85417,2.20833 0,1.40625 0.85417,2.20833 0.86458,0.80208 2.36458,0.80208 1.5,0 2.36458,-0.80208 0.86458,-0.8125 0.86458,-2.20833 0,-1.40625 -0.86458,-2.20833 -0.85417,-0.80208 -2.36458,-0.80208 z m -2.10416,-0.89583 q -1.35417,-0.33334 -2.11458,-1.26042 -0.75,-0.92708 -0.75,-2.26041 0,-1.86458 1.32291,-2.94791 1.33333,-1.08333 3.64583,-1.08333 2.32291,0 3.64583,1.08333 1.32291,1.08333 1.32291,2.94791 0,1.33333 -0.76041,2.26041 -0.75,0.92708 -2.09375,1.26042 1.52083,0.35416 2.36458,1.38541 0.85416,1.03125 0.85416,2.52083 0,2.26041 -1.38541,3.46875 -1.375,1.20833 -3.94791,1.20833 -2.57291,0 -3.95833,-1.20833 -1.375,-1.20834 -1.375,-3.46875 0,-1.48958 0.85417,-2.52083 0.85416,-1.03125 2.375,-1.38541 z m -0.77084,-3.32291 q 0,1.20833 0.75,1.88541 0.76042,0.67708 2.125,0.67708 1.35416,0 2.11458,-0.67708 0.77083,-0.67708 0.77083,-1.88541 0,-1.20834 -0.77083,-1.88542 -0.76042,-0.67708 -2.11458,-0.67708 -1.36458,0 -2.125,0.67708 -0.75,0.67708 -0.75,1.88542 z m 16.44789,-2.5625 q -1.62499,0 -2.44791,1.60416 -0.8125,1.59375 -0.8125,4.80208 0,3.19791 0.8125,4.80208 0.82292,1.59374 2.44791,1.59374 1.63542,0 2.44792,-1.59374 0.82291,-1.60417 0.82291,-4.80208 0,-3.20833 -0.82291,-4.80208 -0.8125,-1.60416 -2.44792,-1.60416 z m 0,-1.66666 q 2.61458,0 3.98958,2.07291 1.38542,2.0625 1.38542,5.99999 0,3.92708 -1.38542,5.99999 -1.375,2.0625 -3.98958,2.0625 -2.61458,0 -3.99999,-2.0625 -1.375,-2.07291 -1.375,-5.99999 0,-3.93749 1.375,-5.99999 1.38541,-2.07291 3.99999,-2.07291 z m 12.12498,1.34374 q -0.83333,0 -1.40624,0.58334 -0.57292,0.57291 -0.57292,1.40624 0,0.82292 0.57292,1.39584 0.57291,0.56249 1.40624,0.56249 0.83334,0 1.40625,-0.56249 0.57292,-0.57292 0.57292,-1.39584 0,-0.82291 -0.58333,-1.40624 -0.57292,-0.58334 -1.39584,-0.58334 z m 0,-1.34374 q 0.66667,0 1.28125,0.26041 0.61458,0.25 1.0625,0.72917 0.47917,0.46875 0.71875,1.0625 0.23958,0.59374 0.23958,1.28124 0,1.375 -0.96875,2.33333 -0.95833,0.94792 -2.35416,0.94792 -1.40625,0 -2.34375,-0.9375 -0.93749,-0.9375 -0.93749,-2.34375 0,-1.39583 0.95833,-2.36458 0.95833,-0.96874 2.34374,-0.96874 z"
|
||||
/>
|
||||
<path
|
||||
class="measurement-text"
|
||||
d="m 96.212967,354.15603 v -6.31249 h 1.916664 v 16.20831 h -1.916664 v -1.75 q -0.604165,1.04166 -1.531247,1.55208 -0.916665,0.5 -2.20833,0.5 -2.11458,0 -3.447911,-1.6875 -1.322915,-1.6875 -1.322915,-4.43749 0,-2.75 1.322915,-4.43749 1.333331,-1.6875 3.447911,-1.6875 1.291665,0 2.20833,0.51041 0.927082,0.5 1.531247,1.54167 z m -6.531239,4.07291 q 0,2.11458 0.864582,3.32291 0.874998,1.19792 2.395829,1.19792 1.520831,0 2.39583,-1.19792 0.874998,-1.20833 0.874998,-3.32291 0,-2.11458 -0.874998,-3.3125 -0.874999,-1.20833 -2.39583,-1.20833 -1.520831,0 -2.395829,1.20833 -0.864582,1.19792 -0.864582,3.3125 z m 12.645812,-3.86458 h 13.35415 v 1.75 h -13.35415 z m 0,4.24999 h 13.35415 v 1.77084 h -13.35415 z m 17.36456,-10.11456 h 9.99998 v 0.89583 l -5.64582,14.65623 h -2.19792 l 5.31249,-13.78123 h -7.46873 z m 14.12497,0 h 8.26041 v 1.77083 h -6.33333 v 3.81249 q 0.45833,-0.15625 0.91667,-0.22916 0.45833,-0.0833 0.91666,-0.0833 2.60417,0 4.125,1.42708 1.52083,1.42708 1.52083,3.86458 0,2.51041 -1.5625,3.90624 -1.5625,1.38542 -4.40624,1.38542 -0.97917,0 -2,-0.16667 -1.01042,-0.16666 -2.09375,-0.5 v -2.11458 q 0.9375,0.51042 1.9375,0.76042 1,0.25 2.11458,0.25 1.80208,0 2.85416,-0.94792 1.05208,-0.94791 1.05208,-2.57291 0,-1.625 -1.05208,-2.57291 -1.05208,-0.94792 -2.85416,-0.94792 -0.84375,0 -1.6875,0.1875 -0.83333,0.1875 -1.70833,0.58334 z"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
style="fill: #808080"
|
||||
d="m 71.185431,207.42553 c -24.198406,24.1984 -24.198409,64.19342 1e-6,88.39183 24.198409,24.1984 64.188198,24.19318 88.386608,-0.005 L 274.47515,180.90903 c 2.66087,-2.66088 4.20734,-2.30988 6.60826,-1.31541 2.4009,0.99451 3.74779,1.84302 3.7478,5.60606 l -10e-6,389.80306 a 25.000064,25.000064 0 0 0 24.99756,24.99756 25.000064,25.000064 0 0 0 25.00277,-25.00277 V 185.19446 c -10e-6,-23.9138 -15.38944,-43.83349 -34.6124,-51.79591 -19.22297,-7.96242 -44.18796,-4.75275 -61.09758,12.15688 L 124.21844,260.45854 c -5.09092,5.09091 -12.58327,5.09091 -17.67419,0 -5.09091,-5.09092 -5.09613,-12.5885 -0.005,-17.67941 L 292.15457,57.163588 c 9.97246,-9.972464 25.38634,-9.972456 35.35881,1e-5 L 504.29182,233.94204 a 25.000064,25.000064 0 0 0 35.34837,0 25.000064,25.000064 0 0 0 0.005,-35.35361 L 362.86699,21.809987 c -29.07996,-29.07996 -76.98606,-29.0799534 -106.06602,2e-6 z"
|
||||
/>
|
||||
</svg>
|
||||
<figcaption>
|
||||
Example icon depicting an arrow pointing up, which follows the
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
type="text/css"
|
||||
href="../../assets/style/styleguide.css"
|
||||
/>
|
||||
<title>Iconography</title>
|
||||
<title>Icon Overview</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
@ -100,6 +100,11 @@
|
|||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<h1>Icon Overview</h1>
|
||||
<p>
|
||||
This page contains an overview of all currently designed icons.<br />
|
||||
<a href="..">Back to the Iconography</a>
|
||||
</p>
|
||||
<div class="icon-grid">
|
||||
<div role="button"><i data-icon="arrow_down"></i></div>
|
||||
<div><i data-icon="arrow_down_left"></i></div>
|
||||
|
|
|
|||
|
|
@ -94,16 +94,6 @@
|
|||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<div class="alert">
|
||||
<i data-icon="warning"></i>
|
||||
<p>
|
||||
<strong>Work in progress</strong>
|
||||
This style guide is still under development.<br />
|
||||
Not all resources may be available yet, explanations and examples
|
||||
may be missing and things may change without notice.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h1>Styleguide Easterhegg 2025</h1>
|
||||
<p>
|
||||
This page and subpages are meant to guide you through our design.
|
||||
|
|
|
|||
|
|
@ -100,16 +100,6 @@
|
|||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<div class="alert">
|
||||
<i data-icon="warning"></i>
|
||||
<p>
|
||||
<strong>Work in progress</strong>
|
||||
This style guide is still under development.<br />
|
||||
Not all resources may be available yet, explanations and examples
|
||||
may be missing and things may change without notice.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h1>Logo</h1>
|
||||
<p>
|
||||
One of the primary design elements of any design is of course its
|
||||
|
|
|
|||
|
|
@ -100,16 +100,6 @@
|
|||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
<div class="alert">
|
||||
<i data-icon="warning"></i>
|
||||
<p>
|
||||
<strong>Work in progress</strong>
|
||||
This style guide is still under development.<br />
|
||||
Not all resources may be available yet, explanations and examples
|
||||
may be missing and things may change without notice.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h1>Typography</h1>
|
||||
<p>
|
||||
The design contains multiple typefaces, which are intended to be used
|
||||
|
|
|
|||