debug NetworkAnimation; add buy me a coffee :D

src/.vuepress/ParticleNetworkAnimation.js

@@ -22,15 +22,18 @@ class ParticleNetworkAnimation {
 
   bindUiActions() {
     window.addEventListener('resize', () => {
-      this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+      this.forceUpdate();
-      this.sizeCanvas();
-      this.particleNetwork.createParticles();
     });
   }
   sizeCanvas() {
     this.canvas.width = this.container.offsetWidth;
     this.canvas.height = this.container.offsetHeight;
   }
+  forceUpdate() {
+    this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+    this.sizeCanvas();
+    this.particleNetwork.createParticles();
+  }
 }
 
 class Particle{

src/.vuepress/components/BannerWrapperNetwork.vue

@@ -22,8 +22,16 @@ export default {
       }),
     },
   },
-  mounted(){
+  data: () => ({
-    new ParticleNetworkAnimation(this.$refs.pna, this.options);
+    animation: null,
+  }),
+  mounted() {
+    setTimeout(() =>
+      this.animation = new ParticleNetworkAnimation(this.$refs.pna, this.options
+    ), 200);
+  },
+  updated() {
+    this.animation?.forceUpdate();
   },
 };
 </script>

src/me/index.md

@@ -58,13 +58,8 @@ home: true
 - Matrix: [@adb:adb.sh](https://matrix.to/#/@adb:adb.sh)
 - Mail: info [at] this.domain
 
+## buy me a coffee :coffee: ^-^
 
-<script>
+- Liberapay: [liberapay/adb.sh](https://liberapay.com/adb.sh)
-import StickyWrapper from "../.vuepress/components/StickyWrapper";
+- Bitcoin: [BC1QGP24D6GKPM4TEZ4ZRT3KZGKHYUJQUV68PTAXKQ](bitcoin:BC1QGP24D6GKPM4TEZ4ZRT3KZGKHYUJQUV68PTAXKQ)
-
+- PayPal: [paypal.me/ad2b](https://paypal.me/ad2b)
-export default {
-  
-components: {StickyWrapper}
-
-}
-</script>