Update
|
@ -1,78 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Generated by IcoMoon</metadata>
|
||||
<defs>
|
||||
<font id="ErikrafT-Icons" horiz-adv-x="1024">
|
||||
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
||||
<missing-glyph horiz-adv-x="1024" />
|
||||
<glyph unicode=" " horiz-adv-x="512" d="" />
|
||||
<glyph unicode="" d="M917.268 853.008c-96.608 96.236-235.518 106.992-405.268 106.992-169.964 0-309.084-10.88-405.652-107.376-96.554-96.456-106.348-235.352-106.348-405.122 0-169.798 9.794-308.736 106.388-405.226 96.562-96.51 235.666-106.278 405.612-106.278 169.948 0 309.028 9.768 405.59 106.278 96.588 96.508 106.41 235.428 106.41 405.226 0 169.988-9.928 309.034-106.732 405.506v0z" />
|
||||
<glyph unicode="" d="M809.108 642.79c3.518 0 6.446-2.834 6.446-6.322v-378.772c0-3.43-2.928-6.278-6.446-6.278h-82.992c-3.562 0-6.456 2.848-6.456 6.278v378.772c0 3.486 2.892 6.322 6.456 6.322h82.992zM448.952 642.79c62.606 0 128.066-2.87 160.352-35.178 31.742-31.794 35.18-95.098 35.312-156.572v-193.342c0-3.43-2.892-6.278-6.438-6.278h-82.98c-3.554 0-6.458 2.848-6.458 6.278v196.668c-0.088 34.334-2.062 69.62-19.768 87.384-15.24 15.282-43.678 18.782-73.25 19.508h-150.42c-3.528 0-6.416-2.838-6.416-6.272v-297.29c0-3.43-2.924-6.278-6.474-6.278h-83.032c-3.548 0-6.402 2.848-6.402 6.278v378.772c0 3.486 2.852 6.322 6.402 6.322h239.572zM467.526 491.936c3.532 0 6.402-2.826 6.402-6.286v-227.954c0-3.43-2.872-6.278-6.402-6.278h-87.168c-3.584 0-6.456 2.848-6.456 6.278v227.954c0 3.46 2.872 6.286 6.456 6.286h87.168z" />
|
||||
<glyph unicode="" d="M1011.798 438.421c0 41.953-3.404 72.567-10.772 104.315h-479.060v-189.354h281.197c-5.667-47.057-36.282-117.924-104.315-165.544l-0.954-6.339 151.47-117.342 10.494-1.047c96.377 89.010 151.939 219.972 151.939 375.312z" />
|
||||
<glyph unicode="" d="M521.966-60.482c137.763 0 253.417 45.357 337.893 123.591l-161.010 124.729c-43.086-30.048-100.915-51.024-176.882-51.024-134.93 0-249.45 89.006-290.273 212.031l-5.984-0.508-157.501-121.891-2.060-5.726c83.905-166.677 256.254-281.201 455.817-281.201z" />
|
||||
<glyph unicode="" d="M231.694 348.844c-10.772 31.748-17.005 65.767-17.005 100.915 0 35.152 6.234 69.167 16.439 100.915l-0.285 6.762-159.474 123.849-5.218-2.482c-34.581-69.167-54.424-146.838-54.424-229.044s19.843-159.873 54.424-229.040l165.544 128.125z" />
|
||||
<glyph unicode="" d="M521.966 762.708c95.81 0 160.44-41.386 197.292-75.971l144.001 140.601c-88.439 82.205-203.53 132.663-341.293 132.663-199.563 0-371.911-114.52-455.817-281.197l164.977-128.129c41.39 123.025 155.91 212.034 290.839 212.034z" />
|
||||
<glyph unicode="" d="M44.522 915.478h445.217v-445.217h-445.217z" />
|
||||
<glyph unicode="" d="M534.261 915.478h445.217v-445.217h-445.217z" />
|
||||
<glyph unicode="" d="M44.522 425.739h445.217v-445.217h-445.217z" />
|
||||
<glyph unicode="" d="M534.261 425.739h445.217v-445.217h-445.217z" />
|
||||
<glyph unicode="" d="M143.011 625.945l2.729-1.092 25.655-11.463 28.384-12.554c31.659 67.139 85.697 123.36 157.203 157.203l-12.554 28.384-18.013 41.484c-20.196 40.392-56.768 26.746-69.868 20.196-57.859-36.026-105.893-83.514-141.919-138.644-0.546-0.546-0.546-1.092-0.546-2.183-22.925-53.493 17.467-75.872 28.93-81.33z" />
|
||||
<glyph unicode="" d="M200.324 601.382l85.697-37.663 31.659-14.192c19.104 38.755 50.763 71.505 91.701 91.701l-14.192 31.659-17.467 39.846-20.196 45.851c-71.505-33.842-125.544-90.61-157.203-157.203z" />
|
||||
<glyph unicode="" d="M317.134 549.527l127.181-55.676c8.188 0.546 15.284 6.004 18.559 13.646 1.092 2.729 1.638 4.913 1.638 7.642l-26.746 60.588-28.93 66.047c-40.938-20.742-72.597-53.493-91.701-92.247z" />
|
||||
<glyph unicode="" d="M975.42 545.706c-21.288 52.947-64.955 40.938-76.964 36.026l-3.275-1.092-26.746-10.371-28.93-11.463c26.746-74.235 25.109-152.836 0-222.704l28.93-11.463 37.117-14.192c43.122-18.013 61.134 12.554 67.684 28.93 16.375 66.593 17.467 137.006 2.183 206.328z" />
|
||||
<glyph unicode="" d="M840.051 558.806l-119.539-46.397c14.738-43.667 14.192-88.972 0-129.91l31.659-12.554 87.335-33.842c25.655 69.868 27.292 147.923 0.546 222.704z" />
|
||||
<glyph unicode="" d="M721.058 512.409l-67.139-26.2-62.226-24.563c-5.458-6.004-7.096-14.738-3.821-22.925 1.092-2.183 2.183-4.367 3.821-6.004l62.226-24.017 67.139-26.2c13.646 40.938 14.738 86.243 0 129.91z" />
|
||||
<glyph unicode="" d="M153.928 324.64l28.93 11.463c-26.746 74.235-25.109 152.836 0 222.704l-28.93 11.463-37.663 14.738c-43.667 17.467-61.134-14.738-67.139-30.567-15.829-65.501-16.921-134.823-2.183-203.053 0 0 0 0 0-0.546 21.288-54.584 65.501-42.030 77.51-37.663l29.475 11.463z" />
|
||||
<glyph unicode="" d="M182.857 336.102l46.397 18.013 72.597 28.384c-14.738 43.667-14.192 88.972 0 129.91l-32.205 12.554-40.392 15.284-46.397 18.013c-25.109-69.868-26.746-147.923 0-222.158z" />
|
||||
<glyph unicode="" d="M302.397 382.499l128.819 50.217c5.458 6.004 7.096 14.738 3.821 22.925-1.092 2.729-2.729 4.913-4.367 6.55l-128.819 50.217c-13.646-41.484-14.192-86.789 0.546-129.91z" />
|
||||
<glyph unicode="" d="M200.87 293.527l-28.384-12.554-29.475-13.1c0 0-51.855-27.838-27.838-81.33v-0.546c37.663-58.405 87.335-105.893 144.102-140.827 14.738-7.096 51.855-19.104 70.414 26.2l15.829 36.026 12.554 28.384c-66.593 32.205-123.36 86.243-157.203 157.748z" />
|
||||
<glyph unicode="" d="M396.281 222.021l13.646 31.113c-38.755 19.104-71.505 50.763-91.701 91.701l-31.659-13.646-39.846-17.467-45.851-20.196c33.842-71.505 90.61-125.544 157.748-157.203l20.196 45.851 17.467 39.846z" />
|
||||
<glyph unicode="" d="M409.928 253.68l28.93 66.047 26.746 60.588c-0.546 8.188-5.458 15.829-13.646 19.104-2.183 1.092-4.913 1.638-7.642 1.638l-60.588-26.746-66.047-28.93c20.742-41.484 53.493-72.597 92.247-91.701z" />
|
||||
<glyph unicode="" d="M822.584 600.836l28.384 12.554 31.659 14.192-2.729-0.546c11.463 5.458 51.309 27.292 28.93 79.693-38.209 60.043-89.518 108.623-148.469 144.102-41.484 21.288-67.139-27.292-67.139-27.292l-15.829-36.571-12.554-28.384c67.139-31.659 123.906-85.697 157.748-157.748z" />
|
||||
<glyph unicode="" d="M627.173 673.433l-13.646-31.659c38.755-19.104 71.505-50.763 92.247-92.247l31.659 13.646 39.846 17.467 45.305 20.196c-33.842 71.505-90.61 126.090-157.748 157.748l-20.196-45.851-17.467-39.301z" />
|
||||
<glyph unicode="" d="M613.527 641.774l-28.93-66.047-26.746-61.68c0.546-8.188 5.458-15.284 13.646-18.559 2.183-1.092 4.913-1.638 7.642-1.638l127.181 55.676c-21.288 41.484-54.038 72.597-92.793 92.247z" />
|
||||
<glyph unicode="" d="M634.269 90.473l-11.463 28.93c-74.78-26.746-152.836-25.109-222.704 0l-11.463-28.93-18.559-48.034c0 0-9.279-37.663 45.305-58.405 1.092-0.546 2.183-1.092 3.275-1.092 62.772-13.1 128.819-13.1 193.774 1.638 9.279 2.729 54.584 16.921 38.209 64.409l-16.375 41.484z" />
|
||||
<glyph unicode="" d="M623.352 119.403l-18.013 46.397-15.829 40.938-12.554 31.659c-43.667-14.738-88.972-14.192-129.91 0l-12.554-31.659-15.829-40.938-18.013-46.397c69.868-25.109 147.923-26.746 222.704 0z" />
|
||||
<glyph unicode="" d="M576.409 238.397l-26.2 67.139-24.017 61.68c-6.004 5.458-15.284 7.096-23.471 3.821-2.183-1.092-4.367-2.183-6.004-3.821l-24.017-61.68-26.2-67.139c41.484-13.646 86.243-14.738 129.91 0z" />
|
||||
<glyph unicode="" d="M388.094 804.981l11.463-28.93c74.78 26.746 152.836 25.109 222.704 0.546l11.463 28.93 11.463 29.475c4.367 12.009 16.921 56.768-37.663 77.51-0.546 0-0.546 0.546-1.092 0.546-64.955 13.1-133.186 13.1-200.324-2.729-15.284-4.913-51.309-22.38-32.205-68.776l14.192-36.571z" />
|
||||
<glyph unicode="" d="M399.557 776.051l18.013-46.397 15.829-40.392 12.554-32.205c43.667 14.738 88.972 14.192 129.91 0l12.554 32.205 15.829 40.392 18.013 46.397c-69.868 25.109-147.923 26.746-222.704 0z" />
|
||||
<glyph unicode="" d="M445.953 657.058l26.2-67.139 24.563-62.772c6.004-4.913 14.738-6.55 22.38-3.275 2.729 1.092 4.913 2.729 6.55 4.367l24.017 62.226 26.2 67.139c-40.938 13.1-86.243 14.192-129.91-0.546z" />
|
||||
<glyph unicode="" d="M879.898 268.964l-3.275 1.092-25.655 11.463-28.384 12.554c-31.659-67.139-85.697-123.36-157.748-157.748l12.554-28.384 15.829-36.026c20.742-50.217 63.318-30.567 74.235-24.017 57.313 36.026 104.256 82.968 139.736 137.552 0.546 0.546 0.546 1.092 1.092 2.183 23.471 53.493-16.921 75.872-28.384 81.33z" />
|
||||
<glyph unicode="" d="M822.584 294.072l-45.851 20.196-40.392 17.467-31.113 13.646c-19.104-38.755-50.763-70.959-91.701-91.156l13.646-31.113 17.467-40.392 20.196-45.851c71.505 33.296 126.090 90.064 157.748 157.203z" />
|
||||
<glyph unicode="" d="M705.228 344.836l-126.090 55.13c-2.183 0-4.913-0.546-7.096-1.638-5.458-2.183-9.825-6.55-12.009-12.009-1.092-2.183-1.638-4.367-1.638-7.096l26.2-60.043 28.93-66.047c40.938 20.742 72.597 52.947 91.701 91.701z" />
|
||||
<glyph unicode="" d="M152.296 48.992l-80.040 897.72h879.488l-80.128-897.584-360.152-99.84z" />
|
||||
<glyph unicode="" d="M512 25.6l291.024 80.688 68.472 767.024h-359.496z" />
|
||||
<glyph unicode="" d="M512 540.36h-145.696l-10.064 112.752h155.76v110.096h-276.088l2.64-29.536 27.056-303.416h246.392zM512 254.416l-0.488-0.136-122.616 33.12-7.832 87.8h-110.536l15.424-172.872 225.544-62.608 0.504 0.136z" />
|
||||
<glyph unicode="" d="M511.616 540.36v-110.104h135.576l-12.776-142.792-122.8-33.144v-114.552l225.72 62.56 1.656 18.6 25.872 289.864 2.68 29.568h-29.664zM511.616 763.208v-110.096h265.952l2.208 24.736 5.024 55.824 2.632 29.536z" />
|
||||
<glyph unicode="" d="M150.512 47.016l-80.432 902.168h883.84l-80.512-902.032-361.944-100.344-360.952 100.208z" />
|
||||
<glyph unicode="" d="M512.008 23.504l292.472 81.088 68.808 770.832h-361.28v-851.92z" />
|
||||
<glyph unicode="" d="M512.008 548.568h146.416l10.112 113.304h-156.528v110.648h277.456l-2.656-29.688-27.2-304.912h-247.6v110.648z" />
|
||||
<glyph unicode="" d="M512.664 261.208l-0.488-0.144-123.224 33.272-7.88 88.248h-111.056l15.496-173.736 226.648-62.904 0.504 0.144v115.12z" />
|
||||
<glyph unicode="" d="M649.016 442.6l-13.328-148.176-123.408-33.312v-115.12l226.832 62.864 1.664 18.696 19.248 215.048h-111.008z" />
|
||||
<glyph unicode="" d="M512.384 772.52v-110.648h-267.264l-2.216 24.864-5.040 56.096-2.648 29.688h277.168zM512.008 548.552v-110.648h-121.672l-2.216 24.864-5.048 56.096-2.64 29.688h131.576z" />
|
||||
<glyph unicode="" d="M0 960h1024v-1024h-1024v1024z" />
|
||||
<glyph unicode="" d="M269.248 104.272l78.36 47.424c15.12-26.804 28.872-49.484 61.86-49.484 31.62 0 51.56 12.368 51.56 60.48v327.192h96.228v-328.552c0-99.668-58.424-145.036-143.664-145.036-76.98 0-121.664 39.868-144.348 87.984zM609.524 114.584l78.352 45.364c20.628-33.684 47.436-58.428 94.86-58.428 39.876 0 65.3 19.936 65.3 47.432 0 32.992-26.12 44.68-70.112 63.92l-24.052 10.32c-69.428 29.548-115.48 66.668-115.48 145.028 0 72.176 54.988 127.168 140.912 127.168 61.176 0 105.168-21.312 136.784-76.988l-74.928-48.12c-16.5 29.556-34.364 41.24-61.86 41.24-28.184 0-46.056-17.872-46.056-41.24 0-28.868 17.872-40.56 59.112-58.432l24.056-10.308c81.8-35.060 127.852-70.8 127.852-151.216 0-86.616-68.048-134.040-159.468-134.040-89.356 0-147.096 42.616-175.276 98.296z" />
|
||||
<glyph unicode="" d="M100 960h824c55.228 0 100-44.772 100-100v-824c0-55.228-44.772-100-100-100h-824c-55.228 0-100 44.772-100 100v824c0 55.228 44.772 100 100 100z" />
|
||||
<glyph unicode="" d="M633.878 145.152v-100.122c16.276-8.344 35.526-14.6 57.75-18.772s45.646-6.258 70.27-6.258c23.998 0 46.794 2.294 68.392 6.884 21.598 4.588 40.536 12.15 56.812 22.684 16.276 10.532 29.162 24.3 38.656 41.3s14.242 38.014 14.242 63.044c0 18.148-2.712 34.052-8.138 47.714s-13.25 25.812-23.476 36.45c-10.224 10.638-22.484 20.182-36.778 28.63s-30.414 16.426-48.36 23.934c-13.146 5.424-24.936 10.69-35.37 15.8-10.434 5.112-19.302 10.326-26.606 15.644-7.304 5.32-12.938 10.952-16.902 16.896-3.964 5.946-5.948 12.672-5.948 20.182 0 6.882 1.774 13.088 5.322 18.616s8.556 10.272 15.024 14.236c6.47 3.962 14.398 7.040 23.788 9.23 9.392 2.19 19.824 3.284 31.302 3.284 8.346 0 17.162-0.626 26.448-1.876 9.286-1.252 18.624-3.182 28.016-5.788 9.39-2.608 18.518-5.894 27.388-9.856 8.868-3.964 17.058-8.552 24.57-13.768v93.552c-15.232 5.84-31.874 10.168-49.924 12.984s-38.762 4.224-62.132 4.224c-23.79 0-46.326-2.556-67.61-7.666s-40.012-13.088-56.186-23.934c-16.172-10.848-28.952-24.666-38.342-41.458-9.39-16.79-14.086-36.866-14.086-60.228 0-29.828 8.608-55.276 25.824-76.344 17.214-21.066 43.35-38.9 78.408-53.502 13.772-5.632 26.606-11.158 38.5-16.582s22.172-11.056 30.83-16.896c8.66-5.84 15.494-12.202 20.504-19.086 5.008-6.882 7.512-14.704 7.512-23.466 0-6.466-1.566-12.462-4.696-17.99s-7.878-10.324-14.242-14.392-14.294-7.248-23.788-9.542c-9.496-2.296-20.606-3.442-33.336-3.442-21.702 0-43.194 3.806-64.48 11.42-21.284 7.612-41.004 19.032-59.158 34.26zM465.56 391.836h128.44v82.164h-358v-82.164h127.812v-365.836h101.748z" />
|
||||
<glyph unicode="" d="M0 448c0-148.746 229.235-269.331 511.999-269.331v0c282.764 0 512.001 120.585 512.001 269.331v0c0 148.744-229.237 269.331-512.001 269.331v0c-282.764 0-511.999-120.587-511.999-269.331z" />
|
||||
<glyph unicode="" d="M511.999 198.666c271.72 0 491.999 111.632 491.999 249.335 0 137.701-220.279 249.335-491.999 249.335s-491.999-111.633-491.999-249.335c0-137.704 220.279-249.335 491.999-249.335z" />
|
||||
<glyph unicode="" d="M278.175 417.086c22.343 0 39.022 4.12 49.576 12.243 10.441 8.039 17.652 21.966 21.431 41.394 3.524 18.159 2.182 30.839-3.989 37.682-6.309 6.989-19.95 10.533-40.542 10.533h-35.705l-19.794-101.852h29.024zM161.391 291.624c-1.657 0-3.232 0.741-4.285 2.022-1.056 1.28-1.483 2.965-1.167 4.592l52.459 269.909c0.507 2.609 2.794 4.494 5.454 4.494h113.063c35.533 0 61.982-9.648 78.605-28.68 16.713-19.132 21.874-45.874 15.339-79.483-2.659-13.693-7.234-26.409-13.595-37.794-6.368-11.398-14.785-21.944-25.020-31.352-12.252-11.467-26.119-19.781-41.178-24.674-14.821-4.828-33.854-7.276-56.571-7.276h-45.781l-13.074-67.263c-0.507-2.611-2.793-4.496-5.452-4.496h-58.798z" />
|
||||
<glyph unicode="" d="M273.525 513.384h31.126c24.854 0 33.487-5.454 36.42-8.704 4.867-5.397 5.785-16.774 2.657-32.902-3.515-18.055-10.029-30.858-19.367-38.046-9.559-7.359-25.1-11.089-46.187-11.089h-22.285l17.635 90.741zM326.916 578.198h-113.065c-5.318 0-9.891-3.77-10.906-8.991l-52.459-269.909c-0.633-3.257 0.222-6.626 2.331-9.187 2.111-2.561 5.256-4.042 8.574-4.042h58.796c5.321 0 9.892 3.77 10.907 8.991l12.2 62.768h41.202c23.3 0 42.915 2.541 58.294 7.55 15.817 5.139 30.369 13.852 43.248 25.896 10.652 9.8 19.426 20.8 26.074 32.698 6.65 11.902 11.428 25.174 14.2 39.448 6.879 35.378 1.291 63.707-16.609 84.196-17.726 20.293-45.582 30.581-82.789 30.581zM242.41 411.532h35.765c23.706 0 41.363 4.465 52.965 13.396 11.604 8.933 19.43 23.843 23.496 44.735 3.891 20.059 2.118 34.215-5.317 42.461-7.444 8.246-22.332 12.37-44.669 12.37h-40.285l-21.955-112.963zM326.916 567.087c34.013 0 58.826-8.926 74.422-26.78 15.594-17.853 20.291-42.774 14.069-74.769-2.561-13.179-6.893-25.23-12.991-36.146-6.106-10.924-14.078-20.913-23.93-29.97-11.741-10.987-24.783-18.817-39.135-23.48-14.352-4.676-32.631-7.004-54.853-7.004h-50.363l-13.946-71.759h-58.796l52.459 269.907h113.065z" />
|
||||
<glyph unicode="" d="M555.671 363.383c-1.659 0-3.232 0.741-4.285 2.022-1.057 1.28-1.485 2.963-1.169 4.592l23.206 119.424c2.208 11.358 1.663 19.509-1.532 22.954-1.956 2.106-7.83 5.637-25.198 5.637h-42.041l-29.176-150.133c-0.507-2.611-2.794-4.496-5.454-4.496h-58.333c-1.659 0-3.232 0.741-4.287 2.022-1.056 1.28-1.483 2.965-1.167 4.592l52.459 269.909c0.507 2.609 2.794 4.494 5.454 4.494h58.333c1.659 0 3.232-0.741 4.287-2.020 1.056-1.281 1.483-2.965 1.167-4.595l-12.659-65.144h45.226c34.454 0 57.816-6.074 71.424-18.57 13.87-12.748 18.198-33.131 12.865-60.591l-24.407-125.602c-0.507-2.611-2.793-4.496-5.454-4.496h-59.259z" />
|
||||
<glyph unicode="" d="M522.483 649.957h-58.333c-5.321 0-9.892-3.77-10.907-8.991l-52.459-269.909c-0.633-3.257 0.222-6.626 2.333-9.187s5.256-4.042 8.574-4.042h58.333c5.318 0 9.892 3.77 10.907 8.991l28.302 145.639h37.461c17.339 0 20.978-3.704 21.124-3.863 1.052-1.132 2.435-6.372 0.152-18.113l-23.206-119.424c-0.633-3.257 0.222-6.626 2.333-9.187s5.256-4.042 8.574-4.042h59.259c5.318 0 9.892 3.77 10.907 8.991l24.405 125.602c5.728 29.483 0.828 51.6-14.557 65.74-14.681 13.483-39.274 20.037-75.183 20.037h-38.489l11.376 58.528c0.632 3.257-0.222 6.628-2.333 9.187-2.111 2.561-5.256 4.045-8.574 4.045zM522.483 638.846l-13.946-71.759h51.966c32.698 0 55.252-5.707 67.664-17.108 12.413-11.407 16.131-29.891 11.17-55.441l-24.407-125.6h-59.259l23.206 119.422c2.641 13.585 1.67 22.852-2.915 27.792-4.587 4.941-14.344 7.415-29.269 7.415h-46.622l-30.048-154.629h-58.333l52.459 269.907h58.333z" />
|
||||
<glyph unicode="" d="M737.091 417.086c22.343 0 39.022 4.12 49.576 12.243 10.441 8.037 17.652 21.965 21.433 41.394 3.524 18.159 2.182 30.839-3.991 37.682-6.309 6.989-19.95 10.533-40.542 10.533h-35.705l-19.794-101.852h29.024zM620.31 291.624c-1.657 0-3.232 0.741-4.285 2.022-1.056 1.28-1.485 2.965-1.169 4.592l52.459 269.909c0.509 2.609 2.794 4.494 5.455 4.494h113.061c35.535 0 61.982-9.648 78.607-28.68 16.713-19.129 21.872-45.872 15.339-79.483-2.663-13.693-7.235-26.409-13.596-37.794-6.368-11.398-14.785-21.944-25.020-31.352-12.252-11.467-26.119-19.781-41.178-24.674-14.821-4.828-33.854-7.276-56.571-7.276h-45.783l-13.068-67.263c-0.509-2.611-2.794-4.496-5.455-4.496h-58.796z" />
|
||||
<glyph unicode="" d="M732.442 513.384h31.126c24.854 0 33.487-5.454 36.42-8.704 4.869-5.397 5.787-16.774 2.657-32.9-3.515-18.057-10.032-30.859-19.367-38.048-9.559-7.359-25.1-11.089-46.187-11.089h-22.283l17.633 90.741zM785.832 578.198h-113.063c-5.318 0-9.891-3.77-10.906-8.991l-52.459-269.909c-0.633-3.257 0.222-6.626 2.331-9.187 2.111-2.561 5.256-4.042 8.574-4.042h58.796c5.318 0 9.892 3.77 10.907 8.991l12.198 62.768h41.202c23.3 0 42.915 2.541 58.294 7.55 15.817 5.139 30.372 13.854 43.252 25.9 10.652 9.798 19.422 20.796 26.070 32.695 6.65 11.902 11.428 25.174 14.2 39.448 6.879 35.379 1.291 63.709-16.609 84.198-17.726 20.291-45.579 30.58-82.789 30.58zM701.329 411.532h35.763c23.706 0 41.363 4.465 52.965 13.396 11.606 8.933 19.43 23.843 23.496 44.735 3.893 20.059 2.121 34.215-5.317 42.461-7.444 8.246-22.332 12.37-44.669 12.37h-40.285l-21.954-112.963zM785.832 567.087c34.013 0 58.826-8.926 74.422-26.78s20.291-42.774 14.069-74.769c-2.561-13.179-6.893-25.23-12.991-36.146-6.106-10.924-14.078-20.913-23.93-29.97-11.741-10.987-24.783-18.817-39.135-23.48-14.352-4.676-32.631-7.004-54.853-7.004h-50.363l-13.944-71.759h-58.796l52.459 269.907h113.063z" />
|
||||
<glyph unicode="" glyph-name="trash" d="M396.8 904.533c-7.467-7.467-12.8-25.6-12.8-42.667v-28.8l-118.4-3.2c-100.267-3.2-121.6-6.4-131.2-21.333-8.533-13.867-8.533-24.533 0-37.333 10.667-18.133 40.533-19.2 377.6-19.2s366.933 1.067 377.6 19.2c8.533 12.8 8.533 23.467 0 37.333-9.6 14.933-30.933 18.133-131.2 21.333l-118.4 3.2v28.8c0 17.067-5.333 35.2-12.8 42.667-17.067 17.067-213.333 17.067-230.4 0zM195.2 653.867c-18.133-6.4-17.067-76.8 1.067-357.333 17.067-249.6 26.667-281.6 91.733-304 55.467-19.2 406.4-18.133 453.333 1.067 64 26.667 69.333 45.867 85.333 296.533 20.267 304 20.267 356.267-1.067 364.8-20.267 7.467-611.2 7.467-630.4-1.067zM457.6 475.733c8.533-9.6 11.733-61.867 9.6-161.067-3.2-126.933-5.333-148.267-21.333-158.933-13.867-8.533-24.533-8.533-37.333 0-17.067 10.667-19.2 32-22.4 158.933-3.2 151.467 3.2 176 40.533 176 10.667 0 24.533-6.4 30.933-14.933zM628.267 475.733c8.533-9.6 11.733-61.867 9.6-161.067-3.2-126.933-5.333-148.267-21.333-158.933-13.867-8.533-24.533-8.533-37.333 0-17.067 10.667-19.2 32-22.4 158.933-3.2 151.467 3.2 176 40.533 176 10.667 0 24.533-6.4 30.933-14.933z" />
|
||||
<glyph unicode="" d="M1024 448c0-282.77-229.23-512-512-512s-512 229.23-512 512c0 282.77 229.23 512 512 512s512-229.23 512-512z" />
|
||||
<glyph unicode="" d="M438.857 228.571h146.286v-146.286h-146.286v146.286zM438.857 813.714h146.286v-438.857h-146.286v438.857z" />
|
||||
<glyph unicode="" d="M512 320c70.827 0 128 55.893 128 126.72v299.52c0 70.827-57.173 128.427-128 128.427s-128-57.173-128-128.427v-299.52c0-70.827 57.173-126.72 128-126.72z" />
|
||||
<glyph unicode="" d="M469.333 188.587h85.333v-167.253h-85.333z" />
|
||||
<glyph unicode="" d="M300.8 240.213c-54.187 56.747-87.467 120.747-87.467 207.787h85.333c0-61.867 23.893-103.253 62.72-144.213v-13.653l-49.067-50.347z" />
|
||||
<glyph unicode="" d="M512 237.653c-0.178-0.001-0.389-0.001-0.599-0.001-58.804 0-112.018 25.284-150.43 66.122l-0.011 0.012-60.16-63.573c53.76-57.173 128.853-90.88 211.2-90.88 165.12 0 298.24 124.587 298.24 298.667h-84.907c0-124.587-95.573-210.347-213.333-210.347z" />
|
||||
<glyph unicode="" d="M853.707 192c0-47.128-38.205-85.333-85.333-85.333s-85.333 38.205-85.333 85.333c0 47.128 38.205 85.333 85.333 85.333s85.333-38.205 85.333-85.333z" />
|
||||
<glyph unicode="" d="M640.373 405.333c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128s128-57.308 128-128z" />
|
||||
<glyph unicode="" d="M128 238.933c0-96.587 78.347-174.933 174.933-174.933h209.067v85.333l-213.867 0.533c-46.933 0-84.8 43.68-84.8 95.467v96h-85.333v-102.4z" />
|
||||
<glyph unicode="" d="M896 571.733c0 96.587-78.347 174.933-174.933 174.933h-102.4l106.667-85.333c46.933 0 85.333-44.213 85.333-96v-160h85.333v166.4z" />
|
||||
<glyph unicode="" d="M597.333 832h-170.667l-64-85.333h-59.733c-96.587 0-174.933-78.347-174.933-174.933v-102.4h85.333v96c0 51.787 38.4 96 85.333 96h426.667l-128 170.667z" />
|
||||
</font></defs></svg>
|
Before Width: | Height: | Size: 21 KiB |
|
@ -1,354 +0,0 @@
|
|||
@font-face {
|
||||
font-family: 'ErikrafT-Icons';
|
||||
src: url('fonts/ErikrafT-Icons.eot?krj6');
|
||||
src: url('fonts/ErikrafT-Icons.eot?krj6#iefix') format('embedded-opentype'),
|
||||
url('fonts/ErikrafT-Icons.ttf?krj6') format('truetype'),
|
||||
url('fonts/ErikrafT-Icons.woff?krj6') format('woff'),
|
||||
url('fonts/ErikrafT-Icons.svg?krj6#ErikrafT-Icons') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
i {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'ErikrafT-Icons' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-xiaomi .path1:before {
|
||||
content: "\e900";
|
||||
color: rgb(255, 105, 0);
|
||||
}
|
||||
.icon-xiaomi .path2:before {
|
||||
content: "\e901";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-google .path1:before {
|
||||
content: "\e902";
|
||||
color: rgb(66, 133, 244);
|
||||
}
|
||||
.icon-google .path2:before {
|
||||
content: "\e903";
|
||||
margin-left: -1em;
|
||||
color: rgb(52, 168, 83);
|
||||
}
|
||||
.icon-google .path3:before {
|
||||
content: "\e904";
|
||||
margin-left: -1em;
|
||||
color: rgb(251, 188, 5);
|
||||
}
|
||||
.icon-google .path4:before {
|
||||
content: "\e905";
|
||||
margin-left: -1em;
|
||||
color: rgb(235, 67, 53);
|
||||
}
|
||||
.icon-microsoft .path1:before {
|
||||
content: "\e906";
|
||||
color: rgb(243, 83, 37);
|
||||
}
|
||||
.icon-microsoft .path2:before {
|
||||
content: "\e907";
|
||||
margin-left: -1em;
|
||||
color: rgb(129, 188, 6);
|
||||
}
|
||||
.icon-microsoft .path3:before {
|
||||
content: "\e908";
|
||||
margin-left: -1em;
|
||||
color: rgb(5, 166, 240);
|
||||
}
|
||||
.icon-microsoft .path4:before {
|
||||
content: "\e909";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 186, 8);
|
||||
}
|
||||
.icon-limewire .path1:before {
|
||||
content: "\e90a";
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path2:before {
|
||||
content: "\e90b";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path3:before {
|
||||
content: "\e90c";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path4:before {
|
||||
content: "\e90d";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path5:before {
|
||||
content: "\e90e";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path6:before {
|
||||
content: "\e90f";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path7:before {
|
||||
content: "\e910";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path8:before {
|
||||
content: "\e911";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path9:before {
|
||||
content: "\e912";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path10:before {
|
||||
content: "\e913";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path11:before {
|
||||
content: "\e914";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path12:before {
|
||||
content: "\e915";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path13:before {
|
||||
content: "\e916";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path14:before {
|
||||
content: "\e917";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path15:before {
|
||||
content: "\e918";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path16:before {
|
||||
content: "\e919";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path17:before {
|
||||
content: "\e91a";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path18:before {
|
||||
content: "\e91b";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path19:before {
|
||||
content: "\e91c";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path20:before {
|
||||
content: "\e91d";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path21:before {
|
||||
content: "\e91e";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path22:before {
|
||||
content: "\e91f";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path23:before {
|
||||
content: "\e920";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path24:before {
|
||||
content: "\e921";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-html .path1:before {
|
||||
content: "\e922";
|
||||
color: rgb(228, 77, 38);
|
||||
}
|
||||
.icon-html .path2:before {
|
||||
content: "\e923";
|
||||
margin-left: -1em;
|
||||
color: rgb(241, 101, 41);
|
||||
}
|
||||
.icon-html .path3:before {
|
||||
content: "\e924";
|
||||
margin-left: -1em;
|
||||
color: rgb(235, 235, 235);
|
||||
}
|
||||
.icon-html .path4:before {
|
||||
content: "\e925";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-css .path1:before {
|
||||
content: "\e926";
|
||||
color: rgb(21, 114, 182);
|
||||
}
|
||||
.icon-css .path2:before {
|
||||
content: "\e927";
|
||||
margin-left: -1em;
|
||||
color: rgb(51, 169, 220);
|
||||
}
|
||||
.icon-css .path3:before {
|
||||
content: "\e928";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-css .path4:before {
|
||||
content: "\e929";
|
||||
margin-left: -1em;
|
||||
color: rgb(235, 235, 235);
|
||||
}
|
||||
.icon-css .path5:before {
|
||||
content: "\e92a";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-css .path6:before {
|
||||
content: "\e92b";
|
||||
margin-left: -1em;
|
||||
color: rgb(235, 235, 235);
|
||||
}
|
||||
.icon-js .path1:before {
|
||||
content: "\e92c";
|
||||
color: rgb(247, 223, 30);
|
||||
}
|
||||
.icon-js .path2:before {
|
||||
content: "\e92d";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
.icon-typescript .path1:before {
|
||||
content: "\e92e";
|
||||
color: rgb(49, 120, 198);
|
||||
}
|
||||
.icon-typescript .path2:before {
|
||||
content: "\e92f";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-php .path1:before {
|
||||
content: "\e930";
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
.icon-php .path2:before {
|
||||
content: "\e931";
|
||||
margin-left: -1em;
|
||||
color: rgb(119, 123, 179);
|
||||
}
|
||||
.icon-php .path3:before {
|
||||
content: "\e932";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
.icon-php .path4:before {
|
||||
content: "\e933";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-php .path5:before {
|
||||
content: "\e934";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
.icon-php .path6:before {
|
||||
content: "\e935";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-php .path7:before {
|
||||
content: "\e936";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
.icon-php .path8:before {
|
||||
content: "\e937";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-trash:before {
|
||||
content: "\e938";
|
||||
color: #f23f42;
|
||||
}
|
||||
.icon-alert .path1:before {
|
||||
content: "\e939";
|
||||
color: rgb(253, 214, 99);
|
||||
}
|
||||
.icon-alert .path2:before {
|
||||
content: "\e93a";
|
||||
margin-left: -1em;
|
||||
color: rgb(32, 33, 36);
|
||||
}
|
||||
.icon-google-mic .path1:before {
|
||||
content: "\e93b";
|
||||
color: rgb(66, 133, 244);
|
||||
}
|
||||
.icon-google-mic .path2:before {
|
||||
content: "\e93c";
|
||||
margin-left: -1em;
|
||||
color: rgb(52, 168, 83);
|
||||
}
|
||||
.icon-google-mic .path3:before {
|
||||
content: "\e93d";
|
||||
margin-left: -1em;
|
||||
color: rgb(251, 188, 4);
|
||||
}
|
||||
.icon-google-mic .path4:before {
|
||||
content: "\e93e";
|
||||
margin-left: -1em;
|
||||
color: rgb(234, 67, 53);
|
||||
}
|
||||
.icon-google-lens .path1:before {
|
||||
content: "\e93f";
|
||||
color: rgb(52, 168, 83);
|
||||
}
|
||||
.icon-google-lens .path2:before {
|
||||
content: "\e940";
|
||||
margin-left: -1em;
|
||||
color: rgb(66, 133, 244);
|
||||
}
|
||||
.icon-google-lens .path3:before {
|
||||
content: "\e941";
|
||||
margin-left: -1em;
|
||||
color: rgb(234, 67, 53);
|
||||
}
|
||||
.icon-google-lens .path4:before {
|
||||
content: "\e942";
|
||||
margin-left: -1em;
|
||||
color: rgb(251, 188, 4);
|
||||
}
|
||||
.icon-google-lens .path5:before {
|
||||
content: "\e943";
|
||||
margin-left: -1em;
|
||||
color: rgb(66, 133, 244);
|
||||
}
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.2 KiB |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB |
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 5.1 KiB |
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
After Width: | Height: | Size: 126 KiB |
|
@ -199,20 +199,69 @@ class FooterUI {
|
|||
this.$footer = $$('footer');
|
||||
this.$displayName = $('display-name');
|
||||
this.$discoveryWrapper = $$('footer .discovery-wrapper');
|
||||
this.$profilePhotoInput = $('profile-photo-upload');
|
||||
this.$deviceAvatarsContainer = $('device-avatars-container');
|
||||
|
||||
this.$displayName.addEventListener('keydown', e => this._onKeyDownDisplayName(e));
|
||||
this.$displayName.addEventListener('focus', e => this._onFocusDisplayName(e));
|
||||
this.$displayName.addEventListener('blur', e => this._onBlurDisplayName(e));
|
||||
|
||||
if (this.$profilePhotoInput) {
|
||||
this.$profilePhotoInput.addEventListener('change', e => this._onProfilePhotoChange(e));
|
||||
}
|
||||
|
||||
Events.on('display-name', e => this._onDisplayName(e.detail.displayName));
|
||||
Events.on('self-display-name-changed', e => this._insertDisplayName(e.detail));
|
||||
Events.on('evaluate-footer-badges', _ => this._evaluateFooterBadges());
|
||||
|
||||
// Listen for profile photo updates from other devices
|
||||
Events.on('profile-photo-updated', e => this._onProfilePhotoUpdated(e.detail));
|
||||
}
|
||||
|
||||
async showLoading() {
|
||||
this.$displayName.setAttribute('placeholder', this.$displayName.dataset.placeholder);
|
||||
}
|
||||
|
||||
_onProfilePhotoChange(event) {
|
||||
const file = event.target.files[0];
|
||||
if (!file) return;
|
||||
|
||||
const reader = new FileReader();
|
||||
reader.onload = () => {
|
||||
const base64Image = reader.result;
|
||||
// Emit the base64 image via socket or event
|
||||
Events.fire('broadcast-send', { type: 'profile-photo-updated', detail: base64Image });
|
||||
// Update local UI
|
||||
this._updateLocalProfilePhoto(base64Image);
|
||||
};
|
||||
reader.readAsDataURL(file);
|
||||
}
|
||||
|
||||
_updateLocalProfilePhoto(base64Image) {
|
||||
if (!this.$deviceAvatarsContainer) return;
|
||||
|
||||
let localAvatar = this.$deviceAvatarsContainer.querySelector('.device-avatar.local');
|
||||
if (!localAvatar) {
|
||||
localAvatar = document.createElement('div');
|
||||
localAvatar.classList.add('device-avatar', 'local');
|
||||
this.$deviceAvatarsContainer.appendChild(localAvatar);
|
||||
}
|
||||
localAvatar.style.backgroundImage = `url(${base64Image})`;
|
||||
}
|
||||
|
||||
_onProfilePhotoUpdated(base64Image) {
|
||||
if (!this.$deviceAvatarsContainer) return;
|
||||
|
||||
// For simplicity, update or add a generic avatar for other devices
|
||||
let otherAvatar = this.$deviceAvatarsContainer.querySelector('.device-avatar.remote');
|
||||
if (!otherAvatar) {
|
||||
otherAvatar = document.createElement('div');
|
||||
otherAvatar.classList.add('device-avatar', 'remote');
|
||||
this.$deviceAvatarsContainer.appendChild(otherAvatar);
|
||||
}
|
||||
otherAvatar.style.backgroundImage = `url(${base64Image})`;
|
||||
}
|
||||
|
||||
async fadeIn() {
|
||||
this.$footer.classList.remove('opacity-0');
|
||||
}
|
||||
|
|
|
@ -261,362 +261,6 @@ body.dark-theme .logo-drop {
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'ErikrafT-Icons';
|
||||
src: url('fonts/ErikrafT-Icons.eot?krj6');
|
||||
src: url('fonts/ErikrafT-Icons.eot?krj6#iefix') format('embedded-opentype'),
|
||||
url('fonts/ErikrafT-Icons.ttf?krj6') format('truetype'),
|
||||
url('fonts/ErikrafT-Icons.woff?krj6') format('woff'),
|
||||
url('fonts/ErikrafT-Icons.svg?krj6#ErikrafT-Icons') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
i {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'ErikrafT-Icons' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-xiaomi .path1:before {
|
||||
content: "\e900";
|
||||
color: rgb(255, 105, 0);
|
||||
}
|
||||
.icon-xiaomi .path2:before {
|
||||
content: "\e901";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-google .path1:before {
|
||||
content: "\e902";
|
||||
color: rgb(66, 133, 244);
|
||||
}
|
||||
.icon-google .path2:before {
|
||||
content: "\e903";
|
||||
margin-left: -1em;
|
||||
color: rgb(52, 168, 83);
|
||||
}
|
||||
.icon-google .path3:before {
|
||||
content: "\e904";
|
||||
margin-left: -1em;
|
||||
color: rgb(251, 188, 5);
|
||||
}
|
||||
.icon-google .path4:before {
|
||||
content: "\e905";
|
||||
margin-left: -1em;
|
||||
color: rgb(235, 67, 53);
|
||||
}
|
||||
.icon-microsoft .path1:before {
|
||||
content: "\e906";
|
||||
color: rgb(243, 83, 37);
|
||||
}
|
||||
.icon-microsoft .path2:before {
|
||||
content: "\e907";
|
||||
margin-left: -1em;
|
||||
color: rgb(129, 188, 6);
|
||||
}
|
||||
.icon-microsoft .path3:before {
|
||||
content: "\e908";
|
||||
margin-left: -1em;
|
||||
color: rgb(5, 166, 240);
|
||||
}
|
||||
.icon-microsoft .path4:before {
|
||||
content: "\e909";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 186, 8);
|
||||
}
|
||||
.icon-limewire .path1:before {
|
||||
content: "\e90a";
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path2:before {
|
||||
content: "\e90b";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path3:before {
|
||||
content: "\e90c";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path4:before {
|
||||
content: "\e90d";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path5:before {
|
||||
content: "\e90e";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path6:before {
|
||||
content: "\e90f";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path7:before {
|
||||
content: "\e910";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path8:before {
|
||||
content: "\e911";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path9:before {
|
||||
content: "\e912";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path10:before {
|
||||
content: "\e913";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path11:before {
|
||||
content: "\e914";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path12:before {
|
||||
content: "\e915";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path13:before {
|
||||
content: "\e916";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path14:before {
|
||||
content: "\e917";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path15:before {
|
||||
content: "\e918";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path16:before {
|
||||
content: "\e919";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path17:before {
|
||||
content: "\e91a";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path18:before {
|
||||
content: "\e91b";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path19:before {
|
||||
content: "\e91c";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path20:before {
|
||||
content: "\e91d";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path21:before {
|
||||
content: "\e91e";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-limewire .path22:before {
|
||||
content: "\e91f";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 147, 75);
|
||||
}
|
||||
.icon-limewire .path23:before {
|
||||
content: "\e920";
|
||||
margin-left: -1em;
|
||||
color: rgb(34, 213, 17);
|
||||
}
|
||||
.icon-limewire .path24:before {
|
||||
content: "\e921";
|
||||
margin-left: -1em;
|
||||
color: rgb(190, 240, 0);
|
||||
}
|
||||
.icon-html .path1:before {
|
||||
content: "\e922";
|
||||
color: rgb(228, 77, 38);
|
||||
}
|
||||
.icon-html .path2:before {
|
||||
content: "\e923";
|
||||
margin-left: -1em;
|
||||
color: rgb(241, 101, 41);
|
||||
}
|
||||
.icon-html .path3:before {
|
||||
content: "\e924";
|
||||
margin-left: -1em;
|
||||
color: rgb(235, 235, 235);
|
||||
}
|
||||
.icon-html .path4:before {
|
||||
content: "\e925";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-css .path1:before {
|
||||
content: "\e926";
|
||||
color: rgb(21, 114, 182);
|
||||
}
|
||||
.icon-css .path2:before {
|
||||
content: "\e927";
|
||||
margin-left: -1em;
|
||||
color: rgb(51, 169, 220);
|
||||
}
|
||||
.icon-css .path3:before {
|
||||
content: "\e928";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-css .path4:before {
|
||||
content: "\e929";
|
||||
margin-left: -1em;
|
||||
color: rgb(235, 235, 235);
|
||||
}
|
||||
.icon-css .path5:before {
|
||||
content: "\e92a";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-css .path6:before {
|
||||
content: "\e92b";
|
||||
margin-left: -1em;
|
||||
color: rgb(235, 235, 235);
|
||||
}
|
||||
.icon-js .path1:before {
|
||||
content: "\e92c";
|
||||
color: rgb(247, 223, 30);
|
||||
}
|
||||
.icon-js .path2:before {
|
||||
content: "\e92d";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
.icon-typescript .path1:before {
|
||||
content: "\e92e";
|
||||
color: rgb(49, 120, 198);
|
||||
}
|
||||
.icon-typescript .path2:before {
|
||||
content: "\e92f";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-php .path1:before {
|
||||
content: "\e930";
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
.icon-php .path2:before {
|
||||
content: "\e931";
|
||||
margin-left: -1em;
|
||||
color: rgb(119, 123, 179);
|
||||
}
|
||||
.icon-php .path3:before {
|
||||
content: "\e932";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
.icon-php .path4:before {
|
||||
content: "\e933";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-php .path5:before {
|
||||
content: "\e934";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
.icon-php .path6:before {
|
||||
content: "\e935";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-php .path7:before {
|
||||
content: "\e936";
|
||||
margin-left: -1em;
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
.icon-php .path8:before {
|
||||
content: "\e937";
|
||||
margin-left: -1em;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.icon-trash:before {
|
||||
content: "\e938";
|
||||
color: #f23f42;
|
||||
}
|
||||
.icon-alert .path1:before {
|
||||
content: "\e939";
|
||||
color: rgb(253, 214, 99);
|
||||
}
|
||||
.icon-alert .path2:before {
|
||||
content: "\e93a";
|
||||
margin-left: -1em;
|
||||
color: rgb(32, 33, 36);
|
||||
}
|
||||
.icon-google-mic .path1:before {
|
||||
content: "\e93b";
|
||||
color: rgb(66, 133, 244);
|
||||
}
|
||||
.icon-google-mic .path2:before {
|
||||
content: "\e93c";
|
||||
margin-left: -1em;
|
||||
color: rgb(52, 168, 83);
|
||||
}
|
||||
.icon-google-mic .path3:before {
|
||||
content: "\e93d";
|
||||
margin-left: -1em;
|
||||
color: rgb(251, 188, 4);
|
||||
}
|
||||
.icon-google-mic .path4:before {
|
||||
content: "\e93e";
|
||||
margin-left: -1em;
|
||||
color: rgb(234, 67, 53);
|
||||
}
|
||||
.icon-google-lens .path1:before {
|
||||
content: "\e93f";
|
||||
color: rgb(52, 168, 83);
|
||||
}
|
||||
.icon-google-lens .path2:before {
|
||||
content: "\e940";
|
||||
margin-left: -1em;
|
||||
color: rgb(66, 133, 244);
|
||||
}
|
||||
.icon-google-lens .path3:before {
|
||||
content: "\e941";
|
||||
margin-left: -1em;
|
||||
color: rgb(234, 67, 53);
|
||||
}
|
||||
.icon-google-lens .path4:before {
|
||||
content: "\e942";
|
||||
margin-left: -1em;
|
||||
color: rgb(251, 188, 4);
|
||||
}
|
||||
.icon-google-lens .path5:before {
|
||||
content: "\e943";
|
||||
margin-left: -1em;
|
||||
color: rgb(66, 133, 244);
|
||||
}
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: "Open Sans";
|
||||
src: url('../fonts/OpenSans/static/OpenSans-Medium.ttf') format('truetype');
|
||||
|
@ -1486,3 +1130,79 @@ See note here: https://developer.mozilla.org/en-US/docs/Web/CSS/user-select */
|
|||
user-select: text;
|
||||
}
|
||||
|
||||
/* Styles for device avatars container */
|
||||
#device-avatars-container {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
margin-top: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* Device avatar style */
|
||||
.device-avatar {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
border-radius: 50%;
|
||||
background-color: #ccc;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
position: relative;
|
||||
border: 2px solid transparent;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Highlight local device avatar */
|
||||
.device-avatar.local {
|
||||
border-color: #007bff; /* blue highlight */
|
||||
box-shadow: 0 0 8px #007bff88;
|
||||
}
|
||||
|
||||
/* Overlay device icon on avatar */
|
||||
.device-avatar::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url('../images/icon-pc-blue.png'); /* example icon path */
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
border-radius: 50%;
|
||||
border: 2px solid white;
|
||||
box-sizing: border-box;
|
||||
background-color: #007bff;
|
||||
}
|
||||
|
||||
/* Different overlay for remote devices */
|
||||
.device-avatar.remote::after {
|
||||
background-color: #6c757d; /* gray overlay for remote */
|
||||
background-image: url('../images/icon-pc-gray.png'); /* example icon path */
|
||||
}
|
||||
|
||||
/* Hide the default file input */
|
||||
#profile-photo-upload {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Style for the upload button */
|
||||
#profile-photo-upload-button {
|
||||
display: inline-block;
|
||||
margin-top: 8px;
|
||||
padding: 6px 12px;
|
||||
background-color: #007bff;
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
text-align: center;
|
||||
width: fit-content;
|
||||
border: none;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
#profile-photo-upload-button:hover {
|
||||
background-color: #0056b3;
|
||||
}
|