diff --git a/docs/src/assets/images/blog/DevLog-2025.03.10/customizable-theme-colors.mp4 b/docs/src/assets/images/blog/DevLog-2025.03.10/customizable-theme-colors.mp4 new file mode 100644 index 000000000..b55926a1f Binary files /dev/null and b/docs/src/assets/images/blog/DevLog-2025.03.10/customizable-theme-colors.mp4 differ diff --git a/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v1-dark.png b/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v1-dark.png new file mode 100644 index 000000000..6e53ccce3 Binary files /dev/null and b/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v1-dark.png differ diff --git a/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v1.png b/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v1.png new file mode 100644 index 000000000..57c732694 Binary files /dev/null and b/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v1.png differ diff --git a/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v2.png b/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v2.png new file mode 100644 index 000000000..135430471 Binary files /dev/null and b/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v2.png differ diff --git a/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v3-dark.png b/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v3-dark.png new file mode 100644 index 000000000..8cea66409 Binary files /dev/null and b/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v3-dark.png differ diff --git a/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v3.png b/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v3.png new file mode 100644 index 000000000..5e2e792d8 Binary files /dev/null and b/docs/src/assets/images/blog/DevLog-2025.03.10/new-ui-v3.png differ diff --git a/docs/src/content/docs/blog/DevLog-2025.03.06.md b/docs/src/content/docs/blog/DevLog-2025.03.06.md index 03b329e6c..78840fe95 100644 --- a/docs/src/content/docs/blog/DevLog-2025.03.06.md +++ b/docs/src/content/docs/blog/DevLog-2025.03.06.md @@ -42,8 +42,11 @@ they were already available on I deployed the official documentation site onto [https://airi.build](https://airi.build) yesterday, [@kwaa](https://github.com/kwaa) commented that he would suggest me try -the `https://airi.more.ai/docs` approach instead, but I couldn't figure out -a way to make a 200 redirect proxy for /docs. +the `https://airi.more.ai/docs` approach instead, ~~but I couldn't figure out~~ +~~a way to make a 200 redirect proxy for /docs.~~ + +EDIT: Finally learned. How to do this, will include the details in the future +DevLogs. I experimented it a little with like ten commits fighting against CI/CD pipeline (yes fighting against again), but still not made it work. diff --git a/docs/src/content/docs/blog/DevLog-2025.03.10.md b/docs/src/content/docs/blog/DevLog-2025.03.10.md new file mode 100644 index 000000000..8906af9aa --- /dev/null +++ b/docs/src/content/docs/blog/DevLog-2025.03.10.md @@ -0,0 +1,117 @@ +--- +title: DevLog @ 2025.03.10 +--- + +## Dejavu + +In the last Friday (March 7th), I was trying to design and manipulate a new +feeling of the Airi stage UI and settings UI, the idea finally appears +in my mind at the ending of the DevStream. + +## Day time + +From the March 7th, we started to implement the new settings UI. We made a lot of +progress during this period. + +Including [@LemonNekoGH](https://github.com/LemonNekoGH), +[@sumimakito](https://github.com/sumimakito), +[@kwaa](https://github.com/kwaa), +[@luoling8192](https://github.com/luoling8192), and +[@junkwarrior87](https://github.com/junkwarrior87) were helping on this. + +It was me that first finished the basic version of the settings' design, it feels +like this: + +![](../../../assets/images/blog/DevLog-2025.03.10/new-ui-v1.png) + +![](../../../assets/images/blog/DevLog-2025.03.10/new-ui-v1-dark.png) + +And later on [@sumimakito](https://github.com/sumimakito) went up online helped me +implementing this dotted effect for the buttons: + +![](../../../assets/images/blog/DevLog-2025.03.10/new-ui-v2.png) + +> We can now feels more beats from the menu, isn't it?! + +During the development, we found that some of the packages that currently living +under the `packages/` directory are actually independent packages that were not +even in the workflow of Project Airi. + +This means we can now move them out to another place to simplify the installation +sizes and building process for the primary repository +[airi](https://github.com/moeru-ai/airi). + +> Where do we go? + +Nice question! We got [`@proj-airi`](https://github.com/proj-airi) already +registered on GitHub as a organization, since many of the packages and static +applications were not useful for Moeru AI too, perhaps we can move those +packages to [`@proj-airi`](https://github.com/proj-airi). + +So, we moved some of the packages and applications into +[`@proj-airi`](https://github.com/proj-airi) organization! You can check them out: + +- https://github.com/proj-airi/webai-examples : meant to make demos with WebGPU and + related stuff. +- https://github.com/proj-airi/lobe-icons : port of + [Lobe Icons](https://github.com/lobehub/lobe-icons) for Iconify JSON and UnoCSS use. + +Those two repository will remain open source and licensed with MIT as usual, don't +worry. + +Later on March 8th, [@junkwarrior87](https://github.com/junkwarrior87) went +online and helped us to make the wave animation on stage in pure CSS! + +> THIS IS INSANE, I NEVER THOUGHT THIS WAS POSSIBLE. + +You can go through the commits to learn from him/her: + +- https://github.com/moeru-ai/airi/pull/54 +- https://github.com/moeru-ai/airi/pull/55 +- https://github.com/moeru-ai/airi/pull/65 + +Much appreciated to [@sumimakito](https://github.com/sumimakito) and +[@junkwarrior87](https://github.com/junkwarrior87) on helping fixing and improving the +wave animation on stage, really grateful to you folks. + +At the end of March 8th, [@LemonNekoGH](https://github.com/LemonNekoGH) and +[@junkwarrior87](https://github.com/junkwarrior87) made it possible to have customizable +colors for the entire stage! (I never thought this could be done within hours...) + + + +- https://github.com/moeru-ai/airi/pull/53 +- https://github.com/moeru-ai/airi/pull/60 +- https://github.com/moeru-ai/airi/pull/61 +- https://github.com/moeru-ai/airi/pull/63 + +They even made it possible for the logo to follow the customizable colors 🤯. + +> We made many more improvements during these three days, perhaps the wonderful +> contributors would like to write a dedicated DevLog to share some thoughts with +> you, stay tuned! + +This was the final result we got, give it a try! + +![](../../../assets/images/blog/DevLog-2025.03.10/new-ui-v3.png) + +![](../../../assets/images/blog/DevLog-2025.03.10/new-ui-v3-dark.png) + +And as always, feel free to come and contribute to us! We are absolutely here open and +friendly to everyone, even for those not familiar with programming and coding! + +Oh, I almost missed it... [@junkwarrior87](https://github.com/junkwarrior87) +kept the feature that making the color hue shines through the entire RGB spectrum +that demonstrated previously by [@LemonNekoGH](https://github.com/LemonNekoGH), it's +called "I Want It Dynamic!" (You can think of this as a **RGB ON** feature 😂): + +- https://github.com/moeru-ai/airi/pull/64 + +## DevStream + +I was quite busy these days 😭, so there wasn't any DevStream happening. + +That's all for today's DevLog, thank you to everyone that joined the DevStream +and stayed with me until the end. I'll see you all tomorrow.