From a5a33d5e72185b71eeb178be02a2309100b4ab26 Mon Sep 17 00:00:00 2001
From: BanaantjeJowie <boonej394@gmail.com>
Date: Wed, 16 Oct 2024 13:32:27 +0200
Subject: [PATCH] fixes + docs

---
 docs/README.md                       |  2 ++
 docs/balloons/ghost.md               | 21 +++++++++++++++++++++
 resources/balloons/ghost/balloon.svg | 14 +++++++++-----
 src/balloons/ghost.ts                |  1 -
 4 files changed, 32 insertions(+), 6 deletions(-)
 create mode 100644 docs/balloons/ghost.md

diff --git a/docs/README.md b/docs/README.md
index e2920c2..97a2d95 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -278,6 +278,7 @@ title Balloon spawn chances
    "Confetti" : 0.10
    "Fast": 0.10
    "Gold": 0.05
+   "Ghost": 0.10
 ```
 
 ## Inheritance Tree
@@ -291,6 +292,7 @@ Default --|> Balloon
 Confetti --|> Default
 Fast --|> Default
 Gold --|> Default
+Ghost --|> Default
 Splitter --|> Default
 ```
 
diff --git a/docs/balloons/ghost.md b/docs/balloons/ghost.md
new file mode 100644
index 0000000..d853eb5
--- /dev/null
+++ b/docs/balloons/ghost.md
@@ -0,0 +1,21 @@
+# Ghost
+
+This is a balloon spawned from the spiritworld. Just like a ghost this balloon sways from side to side en turns slightly invisible.
+
+```mermaid
+classDiagram
+direction LR
+class Balloon { <<Abstract>> }
+click Balloon href "#abstract-balloon-class" "Abstract balloon class"
+
+class Ghost {
+  +spawn_chance: number$
+  +<< get >>name: string
+  +<< get >>options: BalloonOptions
+}
+Ghost --|> Balloon
+```
+
+Has a custom image resource in [`/resources/balloons/ghost/balloon.svg`](/resources/balloons/ghost/balloon.svg).
+
+![Ghost balloon](/resources/balloons/ghost/balloon.svg)
\ No newline at end of file
diff --git a/resources/balloons/ghost/balloon.svg b/resources/balloons/ghost/balloon.svg
index 7ee0eb5..7583adc 100644
--- a/resources/balloons/ghost/balloon.svg
+++ b/resources/balloons/ghost/balloon.svg
@@ -1,16 +1,20 @@
 <svg width="128px" height="128px" xmlns="http://www.w3.org/2000/svg" version="1.1"
     xmlns:xlink="http://www.w3.org/1999/xlink" opacity="0.7">
     <style>
-        /* Animation to fade in and out */
+        :root {
+            --animation-speed: 4s; /* Set default animation speed to 4 seconds */
+        }
+
         @keyframes fade {
-            0% { opacity: 0.2; }      /*minimum opacity*/
-            50% { opacity: 1; }       /*maximum opacity*/
-            100% { opacity: 0.2; }    /*minimum opacity*/
+            0% { opacity: 0.2; }      /* minimum opacity */
+            50% { opacity: 1; }       /* maximum opacity */
+            100% { opacity: 0.2; }    /* minimum opacity */
         }
 
         svg {
-            animation: fade 4s infinite; /* 4 seconds to fade in and out. To change the speed of the animation, change the value of 4s.*/
+            animation: fade var(--animation-speed) infinite; /* Use the variable for animation speed */
         }
+
     </style>
     <!-- String -->
     <path
diff --git a/src/balloons/ghost.ts b/src/balloons/ghost.ts
index 95efd08..aa4c319 100644
--- a/src/balloons/ghost.ts
+++ b/src/balloons/ghost.ts
@@ -14,7 +14,6 @@ export default class Ghost extends Default {
       riseDuration: [15000, 20000],
       swingDuration: [3, 4],
       swingOffset: 25,
-    
     };
   }
 }
\ No newline at end of file