cyanchill/caerula

Web interface for viewing information about Arknights.

Caerula

This is a fun side project about Arknights, a game developed by Hypergryph.

Caerula currently aims to offer an interactive web interface for viewing information about Arknights with a simple but familiar design.

Built With

Getting Started

Prerequisites

This project utilized pnpm as its package manager.

To use npm, remove the "preinstall" script in package.json.

Installation

1. Clone the repo

   git clone https://github.com/cyanChill/Caerula.git

2. Then install the dependencies by running pnpm i.

Contributing

Feel free to submit an Issue or Pull Request if you:

• Find any incorrect information, bugs, inconsistent UI, etc.
• Have a feature request.
• Want to push a feature you developed to the site.

Acknowledgements

• Game data is provided by Kengxxiao/ArknightsGameData_YoStar.
• Game assets provided by yuanyan3060/ArknightsGameResource and Aceship/Arknight-Images.

Disclaimer

Arknights is a mobile game developed & distributed by ©Hypergryph/Studio Montagne/Yostar. The in-game assets contained in this repository and used on the site are the property of Hypergryph/Yostar. This repository & site may contain copyrighted material whose use may not have been specifically authorized by the copyright holder.

This project is not affiliated or endorsed by Arknights' creators & distributors and is distributed without profit for research and educational purposes.

caerula's Issues

bug: Jotai Error After Updating `@types/react` to v18.2.58+

After updating @types/react to v18.2.58 and newer, we get the following error:

Detected multiple Jotai instances. It may cause unexpected behavior with the default store.

Safari & CSS Columns

There's a lot of things that seem to break the column property on Safari. With Tailwind, having a drop-shadow on a direct child of a container with column causes some weird behavior (ie: content that results in a new column would be "invisible").

Another issue (theory) is that if we have content that's too long (ie: a list with lots of list elements), it forces all the content into the 1st column due to not being able to calculate?

The weird thing is that when opened on Chrome on MacOS, columns behave as expected, unlike when we view the same content on Safari.

This potentially could be fixed by replacing these instances with 2 layers of grid - a wrapper grid creating the columns and inner grids for each column to stack the content.