Lobby Archive is a fan-made website that stores a collection of all Blue Archive Student's Memorial Lobbies.
Select or search for your favorite student and view their memorial lobby as-in within the browser as a video or download it.
- Astro
- Tailwind CSS
- Typescript
- React + Vanilla Typescript
- Sanity CMS
Sanity requires type definition for each document type to be created within Sanity. For this project, only one type is needed: memLobby.
There are 4 fields to define the memLobby type: name, title, type, and fields. Below is what is needed to define to minimally define a Sanity type:
| Sanity Field Type | Value | Description |
|---|---|---|
| name | memorial-lobby | name of the sanity type |
| title | Memorial Lobby | display name within Sanity Studio |
| type | document | document type |
| field | ... | Custom fields, defined below |
The following is the field type that defines the shape (or data) that this Sanity type (memLobby) contains:
memLobby Type |
Type | Description |
|---|---|---|
| studentName | string | name of the student |
| slug | slug | slug for the url of each student page |
| date | datetime | publish date of the student (oldest to newest) |
| image | image | image metadata of the student |
| video | file | video metadata of the student |
| relationship | number | relationship level needed to unlock the memorial lobby |
All assets and game content are collected from a variety of sources. Here are the list of sources that this project:
- Blue Archive Live2D Collection by Jaymie
- Blue Archive Wiki - Memorial Lobby
- Blue Archive Wiki - Characters
All assets, game content, and materials are trademarks and copyrights of Nexon Games. This website is not affiliated with Nexon games and is simply a fan-made project created by a fan that also plays the game.
Besides the resources used to create the data for this website, here are other resources used for this website's development:
- Astro Documentation
- TailwindCSS Documentation
- images-to-webp Python script, written by me
- Sanity Documentation
- MDN Documentation
- MDN Video State
- GROQ Cheat-sheet
- Astro SEO integration
- Icones.js
