working with small bugs

2q

@@ -0,0 +1,4 @@
+sys-kernel/linux-firmware  linux-fw-redistributable
+x11-drivers/nvidia-drivers NVIDIA-r2
+games-util/steam-launcher ValveSteamLicense
+net-im/discord all-rights-reserved

Spending Plus by iconSvg.co.svg

@@ -0,0 +1,8 @@
+<svg id="svg" fill="#000000" stroke="#000000" width="200px" height="200px" version="1.1" viewBox="144 144 512 512" xmlns="http://www.w3.org/2000/svg">
+    <g id="IconSvg_bgCarrier" stroke-width="0"></g>
+    <g id="IconSvg_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC"></g>
+     <g id="IconSvg_iconCarrier">
+      <path xmlns="http://www.w3.org/2000/svg" d="m588.93 384.25h-173.18v-173.18c0-5.625-3-10.824-7.8711-13.637s-10.875-2.8125-15.746 0-7.8711 8.0117-7.8711 13.637v173.18h-173.18c-5.625 0-10.824 3-13.637 7.8711s-2.8125 10.875 0 15.746 8.0117 7.8711 13.637 7.8711h173.18v173.18c0 5.625 3 10.824 7.8711 13.637s10.875 2.8125 15.746 0 7.8711-8.0117 7.8711-13.637v-173.18h173.18c5.625 0 10.824-3 13.637-7.8711s2.8125-10.875 0-15.746-8.0117-7.8711-13.637-7.8711z"></path>
+
+      </g>
+      </svg>

card-v2.js

@@ -63,7 +63,7 @@ class Card {
 		return this.#suit;
 	}
 
-	getColor() {
+	getColour() {
 		/*Returns the card's color*/
 		return this.#color;
 	}

cardgame.html

@@ -3,7 +3,7 @@
 <head>
 	<style>
 		html {
-			background-color: #808080;
+			background-color:#00CEC8`;
 		}
 		/*canvas styling*/
 		#canvas {
@@ -12,13 +12,13 @@
 			bottom: 0;
 			left: 0;
 			right: 0;
-			aspect-ratio: 16/9;
 			margin:auto;
 			border: solid rgb(400,400,300) 4px;
 		}
 	</style>
   <title>Solitaire - Klondike - Yurun Chen</title>
   <!-- <link rel="stylesheet" href="style.css"> -->
+  <script type="module">import { Canvg } from 'https://cdn.skypack.dev/canvg@^4.0.0';</script>
   <script type="text/javascript" defer src="card-v2.js"></script>
   <script type="text/javascript" defer src="deck-v2.js"></script>
 	<!-- main game javascript file-->
@@ -28,6 +28,8 @@
 </head>
 <body>
 		<canvas id="canvas" width="400" height="300"> </canvas>
-
+<input id="clickMe" type="button" value="DrawStock" onclick="game_instance.draw_stock();" />
+<input id="clickMe" type="button" value="DrawStock" onclick="game_instance.reset();" />]\
+<h1 id="coord"></h1>
 </body>
 </html>