This website allows to browse lore entries from the game Destiny (2014, Bungie). Users can login with their PlayStation/Xbox username to see their own Grimoire Card collection and track their progress for various secret items. The website has been expanded with Destiny 2 lore books, without displaying the user's collection.
The project is built with Astro and hosted with Vercel. Feel free to submit issues or contribute on the design, features, translations...
The website is available in every language supported by the Bungie API in order to display the lore in all available languages. If a UI string isn't available, it will fallback to English.
The Destiny 1 API does not seem to be officially documented, but you can find some info online. Basically:
- Get an API key from Bungie then query the manifest (or from this website at
/d1manifest). - Download one of the
.contentfiles in your preferred language. - Rename it to
.zipand extract it. - You'll get a real, bigger
.contentfile. It's an SQLite database you can explore by using this: https://inloop.github.io/sqlite-viewer/ - Use this tool or another one to get a CSV/JSON of the desired definition.
You could automate this process, but these definitions probably won't change anyway. I store the D1 JSONs on this repo for simplicity and to be able to fix translation errors.
This is way easier and officially documented by Bungie. Simply query the manifest at the /Destiny2/Manifest/ endpoint and you'll get links to localized definitions in JSON.
The original branding guide for Destiny (archive), which is still more or less true for Destiny 2, indicates Neue Haas Grotesk for headlines and sub-headers, Adobe Garamond for body text, and Cromwell HPLHS for accent text. Futura is forbidden for anything else than the Destiny logo.
Not too bothered about fitting exactly into these guidelines, as I'm trying to add a personal touch to enhance readability, I'm using free alternatives: EB Garamond and Inter.
I love how Bungie uses Cromwell HPLHS for their in-game maps, and I use it for the main heading. The font is easy to find on various websites but tbh I'm not sure about the license.
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
pnpm install |
Installs dependencies |
pnpm run dev |
Starts local dev server at localhost:4321 |
pnpm run build |
Build your production site to ./dist/ |
pnpm run preview |
Preview your build locally, before deploying |
pnpm run astro ... |
Run CLI commands like astro add, astro check |
pnpm run astro -- --help |
Get help using the Astro CLI |