enable/disable particles

src/app/app-layout/app-layout.component.html

@@ -1,4 +1,4 @@
 <app-header></app-header>
 <router-outlet></router-outlet>
 
-<Particles class="particles" [id]="id" [options]="particlesOptions" (particlesLoaded)="particlesLoaded($event)"></Particles>
+<Particles class="particles" [id]="id" [options]="particlesOptions" (particlesLoaded)="particlesLoaded($event)" *ngIf="particlesEnabled"></Particles>

src/app/app-layout/app-layout.component.ts

@@ -8,8 +8,10 @@ import type { Container } from 'tsparticles'
 })
 export class AppLayoutComponent implements OnInit {
 
-  id="tsparticles"
-  particlesOptions = {
+  public particlesEnabled: boolean = false
+  public id: string = 'tsparticles'
+
+  public particlesOptions: any = {
     background: {
       color: {
         value: "transparent"

src/assets/scss/global.scss

@@ -6,6 +6,7 @@ body {
   font-family: $font-primary;
   font-size: $font-20;
   color: $black;
+  background: $yellow;
 
   &.no-scroll {
     overflow: hidden;
@@ -19,7 +20,6 @@ body {
   left: 0;
   height: 100vh;
   width: 100vw;
-  background: radial-gradient(circle, $white 0%, $white 80%, rgba(160, 220,0,0.1) 90%, rgba(160, 220,0,0.2) 100%);
-  background: $yellow;
+  background: radial-gradient(circle, transparent 0%, transparent 85%, rgba(255,255,255,0.2) 95%, rgba(255,255,255,0.3) 100%);
   z-index: -1;
 }