{
"title": "xLog Weekly Summary #9 - Week 7, 2023",
"tags": [
"post",
"Weekly"
],
"sources": [
"xlog"
],
"external_urls": [
"https://xlog.xlog.app/week7-2023"
],
"date_published": "2023-02-13T19:07:38.827Z",
"content": "Hello everyone, here are our updates from the previous three weeks, hope you like them.\n\n## Auto Theme Color\n\n\n\nWe've always supported modifying theme colors via custom CSS to make your xLog more personalized, but it still has some learning costs, so we use some algorithms to automatically generate different default theme colors for each person.\n\nWe use [fast-average-color](https://github.com/fast-average-color/fast-average-color) to get the average color of the image or video for your banner - if you have one - or avatar. Then we use [chroma-js](https://github.com/gka/chroma.js) to get the colors with different brightness to prevent them from being too dark or too bright.\n\nCode changes: [73d8853](https://github.com/Crossbell-Box/xLog/commit/73d88530b60d616638b74575298dd7dda4ea8a61) [4205b70](https://github.com/Crossbell-Box/xLog/commit/4205b7050178c6b744b93f9828750be3bc29c503) [0923722](https://github.com/Crossbell-Box/xLog/commit/092372258b7d52cbfcb4283039bd1af4f89a3d5c)\n\n## More Powerful Connect Button\n\n\n\nWe thought the notification was an important feature, so we moved it to a more prominent position to the left of the avatar.\n\nOperator sign, switch characters and $CSB balance have been added to the menu, the first two of which we will return to later.\n\nCode changes: [3945cb9](https://github.com/Crossbell-Box/xLog/commit/3945cb950b62db7d0db1f5d574c3fc9d3933f5c0) [f4cfda0](https://github.com/Crossbell-Box/xLog/commit/f4cfda0ee8b91c2e885d37caed4fda89260242ad)\n\n## Like and Mint Confetti\n\n\n\nHave fun!\n\nCode changes: [f7ba1a5](https://github.com/Crossbell-Box/xLog/commit/f7ba1a591e42d050d52fa359a2f877e176ffeca2)\n\n## Operator Sign\n\n\n\nWe have noticed that many users feedback that it is too cumbersome to sign for each operation, which is determined by the nature of the blockchain. However, Crossbell has enabled a proxy signature feature that allows you to authorize once at login and then no longer need to sign with your wallet each time, see [here](https://crossbell-io-updates.xlog.app/Weekly-Updates-2023%2F02%2F06) for details. xLog also supports this feature now.\n\nCode changes: [ba9136f](https://github.com/Crossbell-Box/xLog/commit/ba9136f591b52a52bb27bd61fdf778300de1c405)\n\n## Support Multiple Characters\n\n\n\nCrossbell has always allowed multiple characters to exist under one address, only one of which is primary. xLog previously only allowed logins with primary characters, but now this restriction has been lifted to align with other Crossbell eco-projects.\n\nCode changes: [54f76d2](https://github.com/Crossbell-Box/xLog/commit/54f76d2a64e683a72e16814c6c174bf5c7e4656b)\n\n## Social Platform\n\n\n\n\n\nYou can now add your social media accounts in the dashboard and they will be displayed in the bottom right corner of your site once added.\n\nSome [supported platforms](https://github.com/Crossbell-Box/xLog/blob/dev/src/components/site/Platform.tsx#L7) will automatically generate icons and links, others will display a default icon. If the platform you want is not supported, please feel free to submit an issue or pr on GitHub, or just leave a comment below and we'll get back to you as soon as possible!\n\nCode changes: [58645e1](https://github.com/Crossbell-Box/xLog/commit/58645e1dfc0124bcd74e1c7b7ba3c62b7001258d)\n\n## Floating Menu\n\n\n\nWe have rewritten the menu component and changed the hover trigger to click trigger to enhance the user experience.\n\nCode changes: [7786eee](https://github.com/Crossbell-Box/xLog/commit/7786eee5689919503ca6fd24f7967cb70a94528b)\n\n## Image no-optimization option\n\nWe noticed that some SVG images have problems with compression, so we added a way to disable image compression by adding a `no-optimization` class to the image, just like:\n\n```html\n<img class=\"no-optimization\" src=\"https://img.shields.io/github/stars/Crossbell-Box/xLog?style=social&color=4c1\">\n```\n\n<img src=\"https://img.shields.io/github/stars/Crossbell-Box/xLog?style=social&color=4c1\" class=\"no-optimization\">\n\nCode changes: [659fd7e](https://github.com/Crossbell-Box/xLog/commit/659fd7e2c99026fbce7ee520828007f3815ea245)\n\n## New Home Page\n\n\n\nWe have redesigned the home page, hoping to attract more users.\n\nCode changes: [3bb00a2](https://github.com/Crossbell-Box/xLog/commit/3bb00a2a58ea6433c41b4cef43d74836b3028e98)\n\n## Page Type and User States Classes\n\nTo make it easier to write different styles for different pages and visitor states, we have added a number of dynamic classes. For example, you can hide certain content from non-followers.\n\n```css\n.hidden-content {\n display: none;\n}\n\n.xlog-user-site-follower .hidden-content {\n display: block;\n}\n```\n\nCode changes: [bea1aea](https://github.com/Crossbell-Box/xLog/commit/bea1aea16d9ea5d717330c011a0d98d9c267d1de) [eea6764](https://github.com/Crossbell-Box/xLog/commit/eea67646f2f5105c8536fbd84ac10a526d3c32a5)\n\n## Quick Edit Button\n\n\n\nSite owners can now quickly access the edit page here.\n\nCode changes: [7e61655](https://github.com/Crossbell-Box/xLog/commit/7e61655596fe31c1bd49f4f2fc4c0644f4a826b3)\n\nJust like always, if you have any suggestions or expectations, or just want to have a casual conversation, feel free to join our community or leave a comment below. Cheers! 🍻\n\n- [Join xLog's Discord channel](https://discord.gg/9XscSqJEq4)\n- [Follow xLog's xLog](https://xlog.xlog.app/)\n- [View xLog's source code or participate in our development](https://github.com/Crossbell-Box/xlog)\n- [Follow xLog's Twitter](https://twitter.com/_xLog)\n",
"attributes": [
{
"value": "week7-2023",
"trait_type": "xlog_slug"
}
]
}
