Create gameboard canvas

[LionOnTheWeb]

Overview

As a Jervis-Tetch user I want to have a canvas/gameboard that I can play the game on, with a landing page which is the +page.svelte file in the root of the src/routes directory.

Tasks

• [x] Create +page.svelte in src/routes
• [x] Initialize canvas
• [x] Fill window with canvas and add a background to the canvas/page hsl(211, 21%, 42%)

References

• Doc - SvelteKit 1.0 Routes

[LionOnTheWeb]

Example code from chat gpt for src/routes/+page.svelte

---

<script>
  let canvas;
  let ctx;

  function init() {
    canvas = document.getElementById('myCanvas');
    ctx = canvas.getContext('2d');
    ctx.fillStyle = 'green';
    ctx.fillRect(10, 10, 100, 100);
  }

  onMount(() => {
    init();
  });
</script>

<canvas id="myCanvas" width="200" height="200"></canvas>