diff --git a/README.md b/README.md
index 9088e0f..22ce7ac 100644
--- a/README.md
+++ b/README.md
@@ -8,6 +8,9 @@
 
 The game works like this...
 
+https://joyofcode.xyz/using-functions-from-another-svelte-component
+p5 docs
+
 <style>
     .centered {
         text-align: center;
diff --git a/src/App.svelte b/src/App.svelte
index 420eddb..4347a14 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,7 +1,30 @@
+<Deck bind:this={deckComponent}></Deck>
+
 <script>
+    import P5 from 'p5-svelte';
+    import Deck from './lib/Deck.svelte';
+
+    let deckComponent;
+    
+    const width = 1000;
+    const height = 700;
+
+    const sketch = (p5) => {
+        p5.preload = function() {
+            deckComponent.loadDeckImages(p5);
+        }
+        p5.setup = function(){
+            p5.createCanvas(width, height);
+            p5.background(100);
+        };
+        p5.draw = function(){
+            //
+        };
+    }
 </script>
 
 <main>
+    <P5 sketch={sketch}></P5>
 </main>
 
 <style>
diff --git a/src/assets/Back.png b/src/assets/Back.png
new file mode 100644
index 0000000..d996fd5
Binary files /dev/null and b/src/assets/Back.png differ
diff --git a/src/assets/Clubs10.png b/src/assets/Clubs10.png
new file mode 100644
index 0000000..1cee691
Binary files /dev/null and b/src/assets/Clubs10.png differ
diff --git a/src/assets/Clubs2.png b/src/assets/Clubs2.png
new file mode 100644
index 0000000..7a5a334
Binary files /dev/null and b/src/assets/Clubs2.png differ
diff --git a/src/assets/Clubs3.png b/src/assets/Clubs3.png
new file mode 100644
index 0000000..d827500
Binary files /dev/null and b/src/assets/Clubs3.png differ
diff --git a/src/assets/Clubs4.png b/src/assets/Clubs4.png
new file mode 100644
index 0000000..db23b60
Binary files /dev/null and b/src/assets/Clubs4.png differ
diff --git a/src/assets/Clubs5.png b/src/assets/Clubs5.png
new file mode 100644
index 0000000..291aeff
Binary files /dev/null and b/src/assets/Clubs5.png differ
diff --git a/src/assets/Clubs6.png b/src/assets/Clubs6.png
new file mode 100644
index 0000000..e6670d2
Binary files /dev/null and b/src/assets/Clubs6.png differ
diff --git a/src/assets/Clubs7.png b/src/assets/Clubs7.png
new file mode 100644
index 0000000..f7c13c2
Binary files /dev/null and b/src/assets/Clubs7.png differ
diff --git a/src/assets/Clubs8.png b/src/assets/Clubs8.png
new file mode 100644
index 0000000..185be69
Binary files /dev/null and b/src/assets/Clubs8.png differ
diff --git a/src/assets/Clubs9.png b/src/assets/Clubs9.png
new file mode 100644
index 0000000..866711f
Binary files /dev/null and b/src/assets/Clubs9.png differ
diff --git a/src/assets/ClubsAce.png b/src/assets/ClubsAce.png
new file mode 100644
index 0000000..2f95478
Binary files /dev/null and b/src/assets/ClubsAce.png differ
diff --git a/src/assets/ClubsBack.png b/src/assets/ClubsBack.png
new file mode 100644
index 0000000..7784dd4
Binary files /dev/null and b/src/assets/ClubsBack.png differ
diff --git a/src/assets/ClubsJack.png b/src/assets/ClubsJack.png
new file mode 100644
index 0000000..a97d27f
Binary files /dev/null and b/src/assets/ClubsJack.png differ
diff --git a/src/assets/ClubsKing.png b/src/assets/ClubsKing.png
new file mode 100644
index 0000000..4bc70fc
Binary files /dev/null and b/src/assets/ClubsKing.png differ
diff --git a/src/assets/ClubsQueen.png b/src/assets/ClubsQueen.png
new file mode 100644
index 0000000..28019ac
Binary files /dev/null and b/src/assets/ClubsQueen.png differ
diff --git a/src/assets/Diamonds10.png b/src/assets/Diamonds10.png
new file mode 100644
index 0000000..da8fcf8
Binary files /dev/null and b/src/assets/Diamonds10.png differ
diff --git a/src/assets/Diamonds2.png b/src/assets/Diamonds2.png
new file mode 100644
index 0000000..8ae9857
Binary files /dev/null and b/src/assets/Diamonds2.png differ
diff --git a/src/assets/Diamonds3.png b/src/assets/Diamonds3.png
new file mode 100644
index 0000000..6379c44
Binary files /dev/null and b/src/assets/Diamonds3.png differ
diff --git a/src/assets/Diamonds4.png b/src/assets/Diamonds4.png
new file mode 100644
index 0000000..7306a33
Binary files /dev/null and b/src/assets/Diamonds4.png differ
diff --git a/src/assets/Diamonds5.png b/src/assets/Diamonds5.png
new file mode 100644
index 0000000..3e09ea3
Binary files /dev/null and b/src/assets/Diamonds5.png differ
diff --git a/src/assets/Diamonds6.png b/src/assets/Diamonds6.png
new file mode 100644
index 0000000..c47796e
Binary files /dev/null and b/src/assets/Diamonds6.png differ
diff --git a/src/assets/Diamonds7.png b/src/assets/Diamonds7.png
new file mode 100644
index 0000000..1c6de0f
Binary files /dev/null and b/src/assets/Diamonds7.png differ
diff --git a/src/assets/Diamonds8.png b/src/assets/Diamonds8.png
new file mode 100644
index 0000000..d111287
Binary files /dev/null and b/src/assets/Diamonds8.png differ
diff --git a/src/assets/Diamonds9.png b/src/assets/Diamonds9.png
new file mode 100644
index 0000000..957254a
Binary files /dev/null and b/src/assets/Diamonds9.png differ
diff --git a/src/assets/DiamondsAce.png b/src/assets/DiamondsAce.png
new file mode 100644
index 0000000..95dcd8f
Binary files /dev/null and b/src/assets/DiamondsAce.png differ
diff --git a/src/assets/DiamondsBack.png b/src/assets/DiamondsBack.png
new file mode 100644
index 0000000..97ec9a7
Binary files /dev/null and b/src/assets/DiamondsBack.png differ
diff --git a/src/assets/DiamondsJack.png b/src/assets/DiamondsJack.png
new file mode 100644
index 0000000..452a417
Binary files /dev/null and b/src/assets/DiamondsJack.png differ
diff --git a/src/assets/DiamondsKing.png b/src/assets/DiamondsKing.png
new file mode 100644
index 0000000..c362892
Binary files /dev/null and b/src/assets/DiamondsKing.png differ
diff --git a/src/assets/DiamondsQueen.png b/src/assets/DiamondsQueen.png
new file mode 100644
index 0000000..8f26f02
Binary files /dev/null and b/src/assets/DiamondsQueen.png differ
diff --git a/src/assets/Hearts10.png b/src/assets/Hearts10.png
new file mode 100644
index 0000000..d7d3219
Binary files /dev/null and b/src/assets/Hearts10.png differ
diff --git a/src/assets/Hearts2.png b/src/assets/Hearts2.png
new file mode 100644
index 0000000..6dac341
Binary files /dev/null and b/src/assets/Hearts2.png differ
diff --git a/src/assets/Hearts3.png b/src/assets/Hearts3.png
new file mode 100644
index 0000000..b1378ea
Binary files /dev/null and b/src/assets/Hearts3.png differ
diff --git a/src/assets/Hearts4.png b/src/assets/Hearts4.png
new file mode 100644
index 0000000..6cdbbb4
Binary files /dev/null and b/src/assets/Hearts4.png differ
diff --git a/src/assets/Hearts5.png b/src/assets/Hearts5.png
new file mode 100644
index 0000000..ce8c83f
Binary files /dev/null and b/src/assets/Hearts5.png differ
diff --git a/src/assets/Hearts6.png b/src/assets/Hearts6.png
new file mode 100644
index 0000000..e7afae3
Binary files /dev/null and b/src/assets/Hearts6.png differ
diff --git a/src/assets/Hearts7.png b/src/assets/Hearts7.png
new file mode 100644
index 0000000..e4afde1
Binary files /dev/null and b/src/assets/Hearts7.png differ
diff --git a/src/assets/Hearts8.png b/src/assets/Hearts8.png
new file mode 100644
index 0000000..d8c0041
Binary files /dev/null and b/src/assets/Hearts8.png differ
diff --git a/src/assets/Hearts9.png b/src/assets/Hearts9.png
new file mode 100644
index 0000000..dfbd130
Binary files /dev/null and b/src/assets/Hearts9.png differ
diff --git a/src/assets/HeartsAce.png b/src/assets/HeartsAce.png
new file mode 100644
index 0000000..94ef72f
Binary files /dev/null and b/src/assets/HeartsAce.png differ
diff --git a/src/assets/HeartsBack.png b/src/assets/HeartsBack.png
new file mode 100644
index 0000000..ba99fc4
Binary files /dev/null and b/src/assets/HeartsBack.png differ
diff --git a/src/assets/HeartsJack.png b/src/assets/HeartsJack.png
new file mode 100644
index 0000000..7076067
Binary files /dev/null and b/src/assets/HeartsJack.png differ
diff --git a/src/assets/HeartsKing.png b/src/assets/HeartsKing.png
new file mode 100644
index 0000000..1ac6845
Binary files /dev/null and b/src/assets/HeartsKing.png differ
diff --git a/src/assets/HeartsQueen.png b/src/assets/HeartsQueen.png
new file mode 100644
index 0000000..b3ab757
Binary files /dev/null and b/src/assets/HeartsQueen.png differ
diff --git a/src/assets/Spades10.png b/src/assets/Spades10.png
new file mode 100644
index 0000000..8e1af74
Binary files /dev/null and b/src/assets/Spades10.png differ
diff --git a/src/assets/Spades2.png b/src/assets/Spades2.png
new file mode 100644
index 0000000..593fb1c
Binary files /dev/null and b/src/assets/Spades2.png differ
diff --git a/src/assets/Spades3.png b/src/assets/Spades3.png
new file mode 100644
index 0000000..1537938
Binary files /dev/null and b/src/assets/Spades3.png differ
diff --git a/src/assets/Spades4.png b/src/assets/Spades4.png
new file mode 100644
index 0000000..974ded3
Binary files /dev/null and b/src/assets/Spades4.png differ
diff --git a/src/assets/Spades5.png b/src/assets/Spades5.png
new file mode 100644
index 0000000..3580c3f
Binary files /dev/null and b/src/assets/Spades5.png differ
diff --git a/src/assets/Spades6.png b/src/assets/Spades6.png
new file mode 100644
index 0000000..fd47155
Binary files /dev/null and b/src/assets/Spades6.png differ
diff --git a/src/assets/Spades7.png b/src/assets/Spades7.png
new file mode 100644
index 0000000..cd76e49
Binary files /dev/null and b/src/assets/Spades7.png differ
diff --git a/src/assets/Spades8.png b/src/assets/Spades8.png
new file mode 100644
index 0000000..54923da
Binary files /dev/null and b/src/assets/Spades8.png differ
diff --git a/src/assets/Spades9.png b/src/assets/Spades9.png
new file mode 100644
index 0000000..7d2fc97
Binary files /dev/null and b/src/assets/Spades9.png differ
diff --git a/src/assets/SpadesAce.png b/src/assets/SpadesAce.png
new file mode 100644
index 0000000..d0db988
Binary files /dev/null and b/src/assets/SpadesAce.png differ
diff --git a/src/assets/SpadesBack.png b/src/assets/SpadesBack.png
new file mode 100644
index 0000000..6b4b905
Binary files /dev/null and b/src/assets/SpadesBack.png differ
diff --git a/src/assets/SpadesJack.png b/src/assets/SpadesJack.png
new file mode 100644
index 0000000..bd8a645
Binary files /dev/null and b/src/assets/SpadesJack.png differ
diff --git a/src/assets/SpadesKing.png b/src/assets/SpadesKing.png
new file mode 100644
index 0000000..2e2cd39
Binary files /dev/null and b/src/assets/SpadesKing.png differ
diff --git a/src/assets/SpadesQueen.png b/src/assets/SpadesQueen.png
new file mode 100644
index 0000000..34aa320
Binary files /dev/null and b/src/assets/SpadesQueen.png differ
diff --git a/src/lib/Deck.svelte b/src/lib/Deck.svelte
index 555a68a..ae553e5 100644
--- a/src/lib/Deck.svelte
+++ b/src/lib/Deck.svelte
@@ -1,4 +1,29 @@
 <script>
+  // import P5 from 'p5-svelte';
+
+  export let images = {};
+
+  export function loadDeckImages(p5)
+  {
+      const loop = ["Back", "Ace", 2, 3, 4, 5, 6, 7, 8, 9, 10, "Jack", "Queen", "King"];
+      const suits = ["Hearts", "Diamonds", "Spades", "Clubs"];
+      for(const suit of suits)
+      {
+          for(const num of loop)
+          {
+              const pathString = ("./src/assets/" + suit) + num + ".png";
+              const nameString = ("" + suit) + num;
+              images[nameString] = p5.loadImage(pathString);
+          }
+      }
+
+      images["Back"] = p5.loadImage("./src/assets/Back.png");
+  }
+
+  export const helloWorld = () => {
+    console.log("Hi");
+  }
+
   let deck = [];
 
   class Card {
@@ -70,3 +95,5 @@
       return deck;
   }
 </script>
+
+