1berry/mastodon-bird-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Friendica profile icon #101

Browse Source
This commit is contained in:
Roni Laukkarinen 2024-02-10 16:21:04 +02:00
parent 87b47708d1
commit bbe7876944
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -39,6 +39,7 @@
* Add Bluesky icon according to the new brand #106 (thanks @dhelonious!)
* Fix Carriage Return after a custom emoji in the bio's Extra fields, Fixes #105 (thanks @manuviens!)
* Add WordPress profile icon
* Add Friendica profile icon #101 (thanks @expertmanofficial!)
### 1.8.3: 2023-11-12

18
layout-single-column.css
View File

@ -184,6 +184,7 @@
--icon-kofi: url("data:image/svg+xml, %3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23717c9b'%3E%3Ctitle%3EKo-fi icon%3C/title%3E%3Cpath d='M23.881 8.948c-.773-4.085-4.859-4.593-4.859-4.593H.723c-.604 0-.679.798-.679.798s-.082 7.324-.022 11.822c.164 2.424 2.586 2.672 2.586 2.672s8.267-.023 11.966-.049c2.438-.426 2.683-2.566 2.658-3.734 4.352.24 7.422-2.831 6.649-6.916zm-11.062 3.511c-1.246 1.453-4.011 3.976-4.011 3.976s-.121.119-.31.023c-.076-.057-.108-.09-.108-.09-.443-.441-3.368-3.049-4.034-3.954-.709-.965-1.041-2.7-.091-3.71.951-1.01 3.005-1.086 4.363.407 0 0 1.565-1.782 3.468-.963 1.904.82 1.832 3.011.723 4.311zm6.173.478c-.928.116-1.682.028-1.682.028V7.284h1.77s1.971.551 1.971 2.638c0 1.913-.985 2.667-2.059 3.015z'/%3E%3C/svg%3E");
--icon-bandcamp: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23717c9b' viewBox='0 0 512 512'%3E%3Cpath d='M105.6 191.2C98.1 204.8 33 325.2 33 325.6c0 .2 36.8.3 81.7.2l81.7-.3 37.5-69.4 37.6-69.4.3 70.2.2 70.2 10.3-.3 10.2-.3.3-6.8.3-6.7 3.2 4.2c2.2 2.9 5.6 5.5 10.1 7.8 6.8 3.5 7.1 3.5 19.5 3.5 12.3 0 12.8-.1 19.3-3.3 16.4-8 25.9-28.9 24.5-53.7-1.3-22.4-10.5-38.2-26.5-45.8-6.3-3-7.4-3.2-17.7-3.2-9.8 0-11.6.3-16.7 2.7-3.2 1.5-7.8 4.8-10.3 7.3l-4.5 4.7V185H109.1l-3.5 6.2zm226.1 51c5.3 2.4 8.7 6.5 12.7 14.8 2.9 6.1 3.1 7.2 3.1 18 0 12.9-1 17.1-5.7 24.9-4.7 7.6-11.5 11.4-20.6 11.4-15.3 0-24.4-9.6-27.4-28.6-2.1-13.4 1.5-28.2 8.5-35.5 7.6-7.9 19-9.9 29.4-5zM413.1 223.6c-21.1 5.7-34.1 26-34.1 53.1.1 22.8 9.6 39.9 26.8 48.1 6.5 3.1 8.6 3.6 17.4 4 15 .7 24.1-1.8 33.4-9.4 6.9-5.6 12.9-16.6 14.9-27.7l.7-3.7h-22l-.7 3.7c-1 5.5-3.9 10.6-8.1 14.2-4.8 4.3-7.7 5.3-14.9 5.3-16 .1-25.5-13.2-25.5-35.7 0-23.3 9.4-35.7 27-35.7 10.8 0 17.4 4.4 20.9 13.8l1.9 4.9 10.7.3 10.7.3-.7-4.7c-1.6-10.9-9.8-22.5-19.3-27.3-9.9-5-27.6-6.6-39.1-3.5z'/%3E%3C/svg%3E%0A");
--icon-facebook: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23717c9b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-facebook'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'%3E%3C/path%3E%3C/svg%3E");
--icon-friendica: url("data:image/svg+xml, %3Csvg fill='%23717c9b' width='18' height='18' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1523.8 1536'%3E%3Cpath d='M0 276.4v983.2C0 1412 122.8 1536 274.4 1536h975.1c151.6 0 274.4-124 274.4-276.4V276.4C1523.8 124 1401.1 0 1249.4 0h-975C122.8 0 0 124 0 276.4zM1249.4 61.2c118.5 0 213.2 95.3 213.2 215.2v983.2c0 119.9-94.7 215.2-213.2 215.2H518.1V1106h487.5l-1.3-367.7-486.3 2.6V430.1h487.5V61.2h243.9z'/%3E%3C/svg%3E%0A");
--icon-wordpress: url("data:image/svg+xml, %3Csvg width='18' height='18' fill='%23717c9b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8 .9 0 1.8 .1 2.8 .2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7 .3 13.7 .3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z'/%3E%3C/svg%3E");
--icon-mastodon: url("data:image/svg+xml, %0A%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23717c9b'%3E%3Ctitle%3EMastodon icon%3C/title%3E%3Cpath d='M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z'/%3E%3C/svg%3E");
--icon-verified: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="22" height="22" %3E%3Cpath fill="%236364ff" d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z"%3E%3C/path%3E%3C/svg%3E');
@ -230,6 +231,7 @@ body.theme-contrast.layout-single-column {
--icon-kofi: url("data:image/svg+xml, %3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23b8b3c0'%3E%3Ctitle%3EKo-fi icon%3C/title%3E%3Cpath d='M23.881 8.948c-.773-4.085-4.859-4.593-4.859-4.593H.723c-.604 0-.679.798-.679.798s-.082 7.324-.022 11.822c.164 2.424 2.586 2.672 2.586 2.672s8.267-.023 11.966-.049c2.438-.426 2.683-2.566 2.658-3.734 4.352.24 7.422-2.831 6.649-6.916zm-11.062 3.511c-1.246 1.453-4.011 3.976-4.011 3.976s-.121.119-.31.023c-.076-.057-.108-.09-.108-.09-.443-.441-3.368-3.049-4.034-3.954-.709-.965-1.041-2.7-.091-3.71.951-1.01 3.005-1.086 4.363.407 0 0 1.565-1.782 3.468-.963 1.904.82 1.832 3.011.723 4.311zm6.173.478c-.928.116-1.682.028-1.682.028V7.284h1.77s1.971.551 1.971 2.638c0 1.913-.985 2.667-2.059 3.015z'/%3E%3C/svg%3E");
--icon-bandcamp: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23b8b3c0' viewBox='0 0 512 512'%3E%3Cpath d='M105.6 191.2C98.1 204.8 33 325.2 33 325.6c0 .2 36.8.3 81.7.2l81.7-.3 37.5-69.4 37.6-69.4.3 70.2.2 70.2 10.3-.3 10.2-.3.3-6.8.3-6.7 3.2 4.2c2.2 2.9 5.6 5.5 10.1 7.8 6.8 3.5 7.1 3.5 19.5 3.5 12.3 0 12.8-.1 19.3-3.3 16.4-8 25.9-28.9 24.5-53.7-1.3-22.4-10.5-38.2-26.5-45.8-6.3-3-7.4-3.2-17.7-3.2-9.8 0-11.6.3-16.7 2.7-3.2 1.5-7.8 4.8-10.3 7.3l-4.5 4.7V185H109.1l-3.5 6.2zm226.1 51c5.3 2.4 8.7 6.5 12.7 14.8 2.9 6.1 3.1 7.2 3.1 18 0 12.9-1 17.1-5.7 24.9-4.7 7.6-11.5 11.4-20.6 11.4-15.3 0-24.4-9.6-27.4-28.6-2.1-13.4 1.5-28.2 8.5-35.5 7.6-7.9 19-9.9 29.4-5zM413.1 223.6c-21.1 5.7-34.1 26-34.1 53.1.1 22.8 9.6 39.9 26.8 48.1 6.5 3.1 8.6 3.6 17.4 4 15 .7 24.1-1.8 33.4-9.4 6.9-5.6 12.9-16.6 14.9-27.7l.7-3.7h-22l-.7 3.7c-1 5.5-3.9 10.6-8.1 14.2-4.8 4.3-7.7 5.3-14.9 5.3-16 .1-25.5-13.2-25.5-35.7 0-23.3 9.4-35.7 27-35.7 10.8 0 17.4 4.4 20.9 13.8l1.9 4.9 10.7.3 10.7.3-.7-4.7c-1.6-10.9-9.8-22.5-19.3-27.3-9.9-5-27.6-6.6-39.1-3.5z'/%3E%3C/svg%3E%0A");
--icon-facebook: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b8b3c0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-facebook'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'%3E%3C/path%3E%3C/svg%3E");
--icon-friendica: url("data:image/svg+xml, %3Csvg fill='%23b8b3c0' width='18' height='18' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1523.8 1536'%3E%3Cpath d='M0 276.4v983.2C0 1412 122.8 1536 274.4 1536h975.1c151.6 0 274.4-124 274.4-276.4V276.4C1523.8 124 1401.1 0 1249.4 0h-975C122.8 0 0 124 0 276.4zM1249.4 61.2c118.5 0 213.2 95.3 213.2 215.2v983.2c0 119.9-94.7 215.2-213.2 215.2H518.1V1106h487.5l-1.3-367.7-486.3 2.6V430.1h487.5V61.2h243.9z'/%3E%3C/svg%3E%0A");
--icon-wordpress: url("data:image/svg+xml, %3Csvg width='18' height='18' fill='%23b8b3c0' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8 .9 0 1.8 .1 2.8 .2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7 .3 13.7 .3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z'/%3E%3C/svg%3E");
--icon-mastodon: url("data:image/svg+xml, %0A%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23b8b3c0'%3E%3Ctitle%3EMastodon icon%3C/title%3E%3Cpath d='M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z'/%3E%3C/svg%3E");
--icon-verified: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="22" height="22" %3E%3Cpath fill="%236364ff" d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z"%3E%3C/path%3E%3C/svg%3E');
@ -341,6 +343,7 @@ body.theme-mastodon-light.layout-single-column {
--icon-kofi: url("data:image/svg+xml, %3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%239FA4BB'%3E%3Ctitle%3EKo-fi icon%3C/title%3E%3Cpath d='M23.881 8.948c-.773-4.085-4.859-4.593-4.859-4.593H.723c-.604 0-.679.798-.679.798s-.082 7.324-.022 11.822c.164 2.424 2.586 2.672 2.586 2.672s8.267-.023 11.966-.049c2.438-.426 2.683-2.566 2.658-3.734 4.352.24 7.422-2.831 6.649-6.916zm-11.062 3.511c-1.246 1.453-4.011 3.976-4.011 3.976s-.121.119-.31.023c-.076-.057-.108-.09-.108-.09-.443-.441-3.368-3.049-4.034-3.954-.709-.965-1.041-2.7-.091-3.71.951-1.01 3.005-1.086 4.363.407 0 0 1.565-1.782 3.468-.963 1.904.82 1.832 3.011.723 4.311zm6.173.478c-.928.116-1.682.028-1.682.028V7.284h1.77s1.971.551 1.971 2.638c0 1.913-.985 2.667-2.059 3.015z'/%3E%3C/svg%3E");
--icon-bandcamp: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%239FA4BB' viewBox='0 0 512 512'%3E%3Cpath d='M105.6 191.2C98.1 204.8 33 325.2 33 325.6c0 .2 36.8.3 81.7.2l81.7-.3 37.5-69.4 37.6-69.4.3 70.2.2 70.2 10.3-.3 10.2-.3.3-6.8.3-6.7 3.2 4.2c2.2 2.9 5.6 5.5 10.1 7.8 6.8 3.5 7.1 3.5 19.5 3.5 12.3 0 12.8-.1 19.3-3.3 16.4-8 25.9-28.9 24.5-53.7-1.3-22.4-10.5-38.2-26.5-45.8-6.3-3-7.4-3.2-17.7-3.2-9.8 0-11.6.3-16.7 2.7-3.2 1.5-7.8 4.8-10.3 7.3l-4.5 4.7V185H109.1l-3.5 6.2zm226.1 51c5.3 2.4 8.7 6.5 12.7 14.8 2.9 6.1 3.1 7.2 3.1 18 0 12.9-1 17.1-5.7 24.9-4.7 7.6-11.5 11.4-20.6 11.4-15.3 0-24.4-9.6-27.4-28.6-2.1-13.4 1.5-28.2 8.5-35.5 7.6-7.9 19-9.9 29.4-5zM413.1 223.6c-21.1 5.7-34.1 26-34.1 53.1.1 22.8 9.6 39.9 26.8 48.1 6.5 3.1 8.6 3.6 17.4 4 15 .7 24.1-1.8 33.4-9.4 6.9-5.6 12.9-16.6 14.9-27.7l.7-3.7h-22l-.7 3.7c-1 5.5-3.9 10.6-8.1 14.2-4.8 4.3-7.7 5.3-14.9 5.3-16 .1-25.5-13.2-25.5-35.7 0-23.3 9.4-35.7 27-35.7 10.8 0 17.4 4.4 20.9 13.8l1.9 4.9 10.7.3 10.7.3-.7-4.7c-1.6-10.9-9.8-22.5-19.3-27.3-9.9-5-27.6-6.6-39.1-3.5z'/%3E%3C/svg%3E%0A");
--icon-facebook: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239FA4BB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-facebook'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'%3E%3C/path%3E%3C/svg%3E");
--icon-friendica: url("data:image/svg+xml, %3Csvg fill='%239FA4BB' width='18' height='18' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1523.8 1536'%3E%3Cpath d='M0 276.4v983.2C0 1412 122.8 1536 274.4 1536h975.1c151.6 0 274.4-124 274.4-276.4V276.4C1523.8 124 1401.1 0 1249.4 0h-975C122.8 0 0 124 0 276.4zM1249.4 61.2c118.5 0 213.2 95.3 213.2 215.2v983.2c0 119.9-94.7 215.2-213.2 215.2H518.1V1106h487.5l-1.3-367.7-486.3 2.6V430.1h487.5V61.2h243.9z'/%3E%3C/svg%3E%0A");
--icon-wordpress: url("data:image/svg+xml, %3Csvg width='18' height='18' fill='%239FA4BB' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8 .9 0 1.8 .1 2.8 .2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7 .3 13.7 .3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z'/%3E%3C/svg%3E");
--icon-mastodon: url("data:image/svg+xml, %0A%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%239FA4BB'%3E%3Ctitle%3EMastodon icon%3C/title%3E%3Cpath d='M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z'/%3E%3C/svg%3E");
--icon-verified: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="22" height="22" %3E%3Cpath fill="%236364ff" d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z"%3E%3C/path%3E%3C/svg%3E');
@ -2438,7 +2441,7 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
/* stylelint-enable no-duplicate-selectors */
/* ...except on those that have label with GitHub, github, YouTube or similar */
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="github" i], dt[title*="youtube" i], dt[title*="website" i], dt[title*="twitch" i], dt[title*="twitter" i], dt[title="x" i], dt[title*="discord" i], dt[title*="linkedin" i], dt[title*="instagram" i], dt[title="IG"], dt[title~="Mastodon account" i], dt[title~="Mastodon account" i], dt[title~="account" i], dt[title="Alt account" i], dt[title*="mastodon" i], dt[title*="masto" i], dt[title*="ko-fi" i], dt[title*="kofi" i], dt[title*="paypal" i], dt[title*="patreon" i], dt[title*="threads" i], dt[title*="bluesky" i], dt[title*="nostr" i], dt[title*="facebook" i], dt[title*="wordpress" i], dt[title*="fb" i], dt[title*="bandcamp" i]) {
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="github" i], dt[title*="youtube" i], dt[title*="website" i], dt[title*="twitch" i], dt[title*="twitter" i], dt[title="x" i], dt[title*="discord" i], dt[title*="linkedin" i], dt[title*="instagram" i], dt[title="IG"], dt[title~="Mastodon account" i], dt[title~="Mastodon account" i], dt[title~="account" i], dt[title="Alt account" i], dt[title*="mastodon" i], dt[title*="masto" i], dt[title*="ko-fi" i], dt[title*="kofi" i], dt[title*="paypal" i], dt[title*="patreon" i], dt[title*="threads" i], dt[title*="bluesky" i], dt[title*="nostr" i], dt[title*="facebook" i], dt[title*="friendica" i], dt[title*="wordpress" i], dt[title*="fb" i], dt[title*="bandcamp" i]) {
max-width: 50%;
/* Move to last */
@ -2447,18 +2450,18 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
}
/* Hide labels that show "Website", "YouTube", etc. */
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="github" i], dt[title*="youtube" i], dt[title*="website" i], dt[title*="twitch" i], dt[title*="twitter" i], dt[title="x" i], dt[title*="discord" i], dt[title*="linkedin" i], dt[title*="instagram" i], dt[title="IG"], dt[title~="Mastodon account" i], dt[title~="Mastodon account" i], dt[title~="account" i], dt[title="Alt account" i], dt[title*="mastodon" i], dt[title*="masto" i], dt[title*="ko-fi" i], dt[title*="kofi" i], dt[title*="paypal" i], dt[title*="patreon" i], dt[title*="threads" i], dt[title*="bluesky" i], dt[title*="nostr" i], dt[title*="bandcamp" i], dt[title*="facebook" i], dt[title*="wordpress" i], dt[title*="fb" i]) dt {
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="github" i], dt[title*="youtube" i], dt[title*="website" i], dt[title*="twitch" i], dt[title*="twitter" i], dt[title="x" i], dt[title*="discord" i], dt[title*="linkedin" i], dt[title*="instagram" i], dt[title="IG"], dt[title~="Mastodon account" i], dt[title~="Mastodon account" i], dt[title~="account" i], dt[title="Alt account" i], dt[title*="mastodon" i], dt[title*="masto" i], dt[title*="ko-fi" i], dt[title*="kofi" i], dt[title*="paypal" i], dt[title*="patreon" i], dt[title*="threads" i], dt[title*="bluesky" i], dt[title*="nostr" i], dt[title*="bandcamp" i], dt[title*="facebook" i], dt[title*="friendica" i], dt[title*="wordpress" i], dt[title*="fb" i]) dt {
display: none;
}
/* Hide pipe after link icon and the link icon from the ones that already have an icon */
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="website" i])::after,
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="github" i], dt[title*="youtube" i], dt[title*="twitch" i], dt[title*="twitter" i], dt[title="x" i], dt[title*="discord" i], dt[title*="linkedin" i], dt[title*="instagram" i], dt[title="IG"], dt[title~="Mastodon account" i], dt[title~="Mastodon account" i], dt[title~="account" i], dt[title="Alt account" i], dt[title*="mastodon" i], dt[title*="masto" i], dt[title*="ko-fi" i], dt[title*="kofi" i], dt[title*="paypal" i], dt[title*="patreon" i], dt[title*="threads" i], dt[title*="bluesky" i], dt[title*="nostr" i], dt[title*="bandcamp" i], dt[title*="facebook" i], dt[title*="wordpress" i], dt[title*="fb" i])::before {
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="github" i], dt[title*="youtube" i], dt[title*="twitch" i], dt[title*="twitter" i], dt[title="x" i], dt[title*="discord" i], dt[title*="linkedin" i], dt[title*="instagram" i], dt[title="IG"], dt[title~="Mastodon account" i], dt[title~="Mastodon account" i], dt[title~="account" i], dt[title="Alt account" i], dt[title*="mastodon" i], dt[title*="masto" i], dt[title*="ko-fi" i], dt[title*="kofi" i], dt[title*="paypal" i], dt[title*="patreon" i], dt[title*="threads" i], dt[title*="bluesky" i], dt[title*="nostr" i], dt[title*="bandcamp" i], dt[title*="facebook" i], dt[title*="friendica" i], dt[title*="wordpress" i], dt[title*="fb" i])::before {
display: none;
}
/* If GitHub etc. move even further from links */
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="github" i], dt[title*="youtube" i], dt[title*="twitch" i], dt[title*="twitter" i], dt[title="x" i], dt[title*="discord" i], dt[title*="linkedin" i], dt[title*="instagram" i], dt[title="IG"], dt[title="bandcamp"], dt[title="facebook"], dt[title="wordpress"], dt[title="fb"]) {
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="github" i], dt[title*="youtube" i], dt[title*="twitch" i], dt[title*="twitter" i], dt[title="x" i], dt[title*="discord" i], dt[title*="linkedin" i], dt[title*="instagram" i], dt[title="IG"], dt[title="bandcamp"], dt[title="facebook"], dt[title="friendica"], dt[title="wordpress"], dt[title="fb"]) {
/* Move to last-last */
order: 99999;
@ -2539,6 +2542,13 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
width: 18.5px;
}
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="friendica" i])::after {
content: var(--icon-friendica);
height: 18.5px;
transform: scale(.9);
width: 18.5px;
}
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="wordpress" i])::after {
content: var(--icon-wordpress);
height: 18.5px;