App.svelte 663 B

12345678910111213141516171819202122232425262728293031323334
  1. <script lang="ts">
  2. import AllInOneGraph from './AllInOneGraph.svelte';
  3. import PilotsByYearGraph from './YearGraph.svelte';
  4. //export let name: string;
  5. </script>
  6. <main>
  7. <h1>SDM visualisations</h1>
  8. <!--p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p-->
  9. <PilotsByYearGraph></PilotsByYearGraph>
  10. <AllInOneGraph></AllInOneGraph>
  11. </main>
  12. <style>
  13. main {
  14. text-align: center;
  15. padding: 1em;
  16. max-width: 240px;
  17. margin: 0 auto;
  18. }
  19. h1 {
  20. color: #ff3e00;
  21. text-transform: uppercase;
  22. font-size: 4em;
  23. font-weight: 100;
  24. }
  25. @media (min-width: 640px) {
  26. main {
  27. max-width: none;
  28. }
  29. }
  30. </style>