MyClimateFuture website

How will I experience climate change?

👉 MyClimateFuture.info

This website is build with SvelteKit, Layercake and MeltUI. Styling is currently a mix of TailwindCSS and plain CSS.

Code Structure

• You find most of the configuration in /src/config.js. Please be aware that some parts need to be changed in the individual components as well.
• /static/ holds fonts, favicons and the preview image.
• /src/lib/ has all the components in it.
• /data/ holds a Jupyter Notebook written in Julia to convert the data from the CSV files to a single JSON file.
• The website loads the data from /src/data/data.json.
• Translations are stored in /src/lib/translations.

Developing

bun run dev

Building

bun run build

Adding new languages

make get_translations

1. Add language specific number formatting in src/store.js. Import formatting rules and use in locales object.
2. Add language in src/lib/translations/index.js in config.languages and config.loaders.
3. Add static/preciew-<lang>.png

Note: [i18n]: 'cn' locale is non-standard. is a warning from svelte-i18n and can be ignored.