This repository has been archived on 2024-08-06. You can view files and clone it, but you cannot make any changes to it's state, such as pushing and creating new issues, pull requests or comments.
chellaris-sign-up-site/src/routes/legacy/legacy-graphs/+page.svelte

43 lines
997 B
Svelte

<script lang="ts">
import EthicsWeb from './EthicsWeb.svelte';
import EthicsBar from './EthicsBar.svelte';
import PopsPie from './PopsPie.svelte';
import EmpireStats from './EmpireStats.svelte';
import LoadingSpinner from '$lib/components/LoadingSpinner.svelte';
import { navigating } from '$app/stores';
import { fade } from 'svelte/transition';
export let data: {
popsData: Array<number>;
ethicsData: Array<Array<number>>;
empireData: number;
};
</script>
<svelte:head>
<title>Game 15 Graphs</title>
<meta name="description" content="Graphs for Chellaris Game 15" />
</svelte:head>
{#if $navigating}
<LoadingSpinner size="60" />
{:else}
<div class="fullscreen-margin">
<EthicsWeb {data} />
<EthicsBar {data} />
<EmpireStats {data} />
<PopsPie {data} />
</div>
{/if}
<style>
.fullscreen-margin {
display: grid;
grid-template-areas:
'uple upri'
'lole lori';
grid-template-columns: 50% 50%;
grid-template-rows: 50% 50%;
grid-area: app;
}
</style>